/*	
Theme Name: Pasific Child
Theme URI: http://www.medialayout.com/theme/pasific
Author: Medialayout Team
Author URI: http://www.medialayout.com
Template: pasific
Version: 1.0

*/
@font-face {
    font-family: 'PFHand';
    src: url('fonts/bookpro-r.ttf') format('truetype'),
		 url('fonts/bookpro-r.woff2') format('woff2'),
         url('fonts/bookpro-r.woff') format('woff');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: 'PFHand';
    src: url('fonts/bookpro-b.ttf') format('truetype'),
		 url('bookpro-b.woff2') format('woff2'),
         url('bookpro-b.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

main {overflow: hidden;}
#slider h1{
	background: rgba(240, 87, 40, 0.7);
    font-family: "PFHand" !important;
    font-size: 96px !important;
    font-weight: normal !important;
    line-height: 1.2;
    text-transform: none !important;
	width: 80%;
	padding:3px 40px 10px;
	margin: 0 auto;
}

#slider h3{
	font-family: "PFHand" !important;
    font-size: 42px !important;
    font-weight: normal !important;
	background: rgba(240, 87, 40, 0.7);
	line-height:1.6;
	margin: 0 auto;
	display:inline-block;
	padding:3px 35px;
}
#slider .carousel {
    margin-bottom: 0px;
}
#welcome h1 {
	font-size: 32px;
}
#welcome h1 small {
    font-size: 60%;
}
#welcome h5, a{
	color: #747474;
}
#welcome p strong{
	color: #747474;
}
#welcome p{
	color: #a1a1aa;
}
#welcome i {
    font-size: 40px;
}
#welcome .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    display: none;
}
p {
    font-size: 14px !important;
    line-height: 24px !important;
}
#portfolioGrid h1 {
    font-family: "PFHand" !important;
    font-size: 74px !important;
    font-weight: normal !important;
}

.inner-head{
	margin: -9px 0 0;
}
.navbar-pasific.top-nav-collapse{
	ba ckground-image: transparent !important;
	background-color: transparent !important;
    border: none !important;
	height: 91px;
}
.navbar-pasific {
	background-image: url(images/slider-top.png) !important;
	height: 238px;
}
.navbar-brand img{
	transition:all 350ms;
}
.top-nav-collapse .navbar-brand>img{
	width: 50%;
    margin-top: -20px;
}

.navbar-mp .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-mp.top-nav-collapse .navbar-nav li a{
	color: #fff !important;
}
.color-box{
	opacity:1;
}
.color-box:hover{
	opacity:0.8;
}
.color-box div{
	height: 310px;
    vertical-align: middle;
    display: table-cell;
    content: "";
    width: 550px;
	padding-top: 0px !important;
}
.color-box h2, h3, h3 small, h2 small{
	color: #fff !important;
	line-height:40px;
	font-family: "PFHand";
	font-weight: bold;
}
.color-box h2{
	font-size:48px;
}
.color-box h2 small{
	font-size:38px;
	padding: 10px 0;
	color: #ffffff;
	opacity:1;
}

.color-box h2 a{
	color: #fff !important;
	display: block;
    padding: 30px 0;
}


h5 {
    font-weight: bold !important;
}	
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #666;
}
.font-size-normal {
    font-weight: 400 !important;
}
.contact.contact-us-one{
	background: #eef3f9;
}
.facebook-counter {
    position:relative;
    right: 5px;
    top: 10px;
}
.foot-social{
	text-align: left;
	margin-top: 45px;
}
.foot-social .facebook-counter {
	right: inherit;
	top: inherit;
}
.solial-area {
    padding-right: 12px;
}
.foot-title h2{
	font-size:16px;
	color: #747474
}

/*Inner*/
.pt50 h1 {
    background: rgba(240, 87, 40, 0.7);
    display: table;
    line-height:1.2;
    margin: 130px auto 0;
    padding:5px 15px;
    font-family: "PFHand";
    font-size: 65px;
    text-transform: capitalize; 
}
.pt100.pb100.parallax-window-2 {
    paddi ng-bottom: 85px !important;
}
.parallax-window-2 {
    min-height: 450px;
}
.frozen h2{text-align: right !important; font-size: 48px !important; font-family: 'PFHand' !important; font-weight: 400 !important; color: #f20a0a !important;}
.margin-left ol{margin-left: 5%;}



div.wpcf7-response-output {
    margin: 0;
    padding: 0.2em 1em;
    overflow: hidden;
    text-align: center;
}

.pluginCountButton.pluginCountNum{width:50px !important;}
.pluginCountButton{padding:0px !important;}




@media (max-width:1625px){
	#slider h1{ font-size: 72px !important;}
	#slider h3 { font-size: 36px !important;}
}
@media (max-width:1380px){
	#slider h1 { font-size: 54px !important;}
	#slider h3 { font-size: 24px !important;}
	.pt50 h1 { font-size: 45px;}
}

@media (max-width:1040px){
	#slider h1 { font-size: 44px !important;}
	#slider h3 {font-size: 24px !important;line-height: 25px;}
	.navbar-brand {
		padding: 15px 10px !important;
	}
	.nav>li>a {
		padding: 10px !important;
	}
}
@media (max-width:980px){
	
	.navbar-pasific .navbar-nav > li{letter-spacing:0px;}
	.nav>li>a { padding: 8px 5px !important; }
	.navbar-brand {
		padding: 0;
	}
 	.color-box h2{
		font-size:28px;
	}
	.color-box h2 small{
		font-size:22px;
	}
	.pt50 h1 {
		font-size: 50px;
	}
	.frozen h2{text-align: center !important; font-size: 36px !important;}
	#portfolioGrid h1{
		margin-bottom: 35px;
		margin-top: -25px;
	}
	
}
@media (max-width:768px){
	.navbar-pasific .navbar-brand img { width: 50% !important;}
	#slider h1 { font-size:36px !important; width:90%; padding:2px 10px 6px; line-height:1;}
	#slider h3 { font-size:18px !important; padding:3px 15px;}
	.navbar-pasific { height: 91px;}
	.navbar-toggle{margin-top:25px;}
	.color-box div {
		content: "";
		display: block;
		height: auto;
		padding-top: 0 !important;
		vertical-align: inherit;
		width: 100%;
	}
	.navbar-fixed-top {
		border-width: 0;
		top: 0;
	}
	.color-box h2{
		font-size:48px;
	}
	.color-box h2 small{
		font-size:38px;
	}
	.frozen h2{text-align:center !important; font-size:40px !important;}
	h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
		margin-top: 35px !important;
		margin-bottom:0px !important;
	}
	.wpb_single_image.vc_align_left {
		text-align: center !important;
	}
	
	
	/*Inner*/
	.parallax-window-2 {
		min-height: 334px !important;
	}
	.pt50 h1{
		margin: 80px auto 0;
		font-size: 40px;
	}
	.pad-mob{padding-top: 0 !important;}
	.fro-hed h2{text-align: center; font-size: 32px; line-height: 32px;}
	.pb100 {padding-bottom: 50px !important;}
	.pt100 {padding-top: 50px !important;}
	.pt40 {padding-top: 10px !important;}
	.frozen+.wpb_column .wpb_single_image img {width:100%; max-width:236px;}
	.color-box p img {max-width:30px; height:auto;}
}
@media (min-width:768px) and (max-width:980px){
	.navbar-header{width:150px} .navbar-pasific .navbar-nav > li {font-size:11px;} .navbar-pasific.nav>li>a {padding:9px 7px !important;}
	.top-nav-collapse .navbar-brand>img { margin-top: -25px !important;  width: 90%;}
	.color-box div {height:210px; vertical-align: middle; display: table-cell; width:400px;}
}
@media (min-width:768px) and (max-width:1280px){
	.color-box p img {max-width:30px; height:auto;}
	.color-box h2 {font-size:24px; line-height:24px;} .color-box h2 small {font-size:16px;}
	.frozen h2 {margin-top:5px; font-size:30px !important; line-height:30px !important;}
}
@media (max-width:767px){
	.navbar-collapse .navbar-nav {margin-top:45px;}
	.navbar-collapse .solial-area {display:none;} .navbar-collapse.in .solial-area { position:absolute; top:30px; right:55px; display:block;}
	.navbar-collapse.in .solial-area .facebook-counter {position:relative; right:6px;}
}
@media (max-width:480px){
	.navbar-collapse .solial-area {display:none !important;}
	#slider h1 { font-size:24px !important; }
	#slider h3 { font-size:15px !important;}

	#welcome h1 {
		font-size: 22px;
	}
	p {
		font-size: 13px !important;
		line-height: 20px !important;
	}
	#slider h1 {
		width: 100%;
	} 
	.navbar-pasific {
		height: auto;
	}
	.color-box div {
		content: "";
		display: block;
		height: auto;
		padding-top: 0 !important;
		vertical-align: inherit;
		width: 100%;
	}
	.color-box h2{
		font-size:48px;
	}
	.color-box h2 small{
		font-size:38px;
	}
	.pt50 h1{
		margin: 40px auto 0;
		font-size: 26px;
	}
	h1 {
		font-size: 30px;
		line-height: 38px;
	}
	#portfolioGrid h1 {
		font-size: 50px !important;
	}
	.color-box h2 {
		font-size: 28px;
	}
	.color-box h2 small {
		font-size: 22px;
	}
	.wpb_single_image .vc_figure{max-width:100%}
	.wpb_single_image .vc_single_image-wrapper{max-width:100%;}
	.wpb_single_image img {max-width:100%;}
}