/*
Theme Name: North Child Theme
Theme URI: http://themeforest.net/user/Veented
Description: One Page WordPress Theme
Version: 1.0.0
Author: Veented
Author URI: http://themeforest.net/user/Veented
Template: north
*/
@import url("../north/style.css");

.mfp-bg{
	z-index:30000!important;
}
.mfp-wrap{
	z-index:30001!important;
}
.wpb_row > .inner {
max-width: 1254px;
}
.service-boxes .service-box h3{
	margin:20px auto 2px;
}

/*.nav>li>a{
	color:#9b8f80!important;
}*/
.nav-menu ul li a{
	font-family:Open Sans, arial,sans-serif!important;
	text-transform:uppercase!important;
	font-weight:300;
	letter-spacing:0.2em;
}
.dragan-home-content-scrollable{
	overflow:hidden;
	height:1000px;
}
#page-content .wpb_gallery .gallery-item{
	float:left;
	margin-bottom:0px!important;
}
.portfolio-post > .inner {
	text-align:center;
	padding-top:20px;
}
#page-content .colio-navigation{
	top:57%;
}
body.dark-layout .testimonials .t-arrow{
	border-top-color:#000!important;
}
.testimonials h1{
	font-family: "Monserrat", Open Sans, Helvetica, sans-serif!important;
	font-weight:300;
}
h1 {
font-family: "Montserrat",Open\ Sans,Helvetica,sans-serif!important;
/*font-weight:bold!important;*/
}
h2.description{
font-weight:300!important;
}
white h2{
color:#CCCCCC!important;
}
.font-primary,.feature-box .feature-texts p.box-desc{
font-family: "Roboto",Helvetica,sans-serif!important;
}
body.dark-layout .client-logos{
	background-color:transparent!important;
}
.testimonials .flex-direction-nav{
	display:none!important;
}
.client-logos .logos .item img{
	max-height:60px!important;
}
.feature-box .feature-texts p.box-desc{
	font-size:14px;
}
.video-lightbox a.video-link{
	position:absolute;
	width:90.5%;
	display:block;
	opacity:1;
 -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.video-lightbox a.video-link:hover{
	opacity:0.6;
}
#film .wpb_single_image img{
	opacity:0.6;

}
body.dark-layout .service-boxes .service-box a.service-icon{
	display:none;
}
.mobile-bg:after{
	background-image:url(img/mobile-bg.jpg);
	background-position:50%;
}

.service-boxes{
	margin-top:0px;
}
/*.vntd-section-white h1, .vntd-section-white h2, .vntd-section-white h3, .vntd-section-white h4, .vntd-section-white h5, .vntd-section-white h6, .vntd-section-white{
	color:#9b8f80!important;
}*/
/*.header-strips-one{
	border-top:1px solid #9b8f80;
}*/
/*.feature-box:hover a.box-icon{
	background-color:#9b8f80!important;
} */
.portfolio .portfolio-items{
	/*width:98%;*/
	width:1208px; 
	margin: 35px auto;
}
.portfolio .portfolio-items .item.four{
	/*width:24.4%;*/
	width:300px!important;
}
.portfolio .portfolio-items .boxed-item.col-xs-4{
	/*width:47.4%;*/
}
body.dark-layout #pageloader{
	background-color:#000000!important;
}
.outter{
	border-left: none;
		width: 96px;
	height: 96px;
	background:url(img/runa.png) no-repeat center center transparent;
-webkit-animation: rotate  10s linear 0s infinite normal;
	-moz-animation: rotate  10s linear 0s infinite normal;
	-o-animation: rotate  10s linear 0s infinite normal;
	-ms-animation: rotate  10s linear 0s infinite normal;
	animation: rotate  10s linear 0s infinite normal;
}
.mid {
	/*top: 15px;
	left: 15px;
	position: relative; 
	width: 96px;
	height: 96px;*/
	display:none!important;

}

	#photography .parallax{
			background-repeat:no-repeat!important;
			
			background-color:#3f0000!important;
	}		

#clients .parallax{
			background-repeat:no-repeat!important;
			
			background-color:#454545  !important;
			
			/*padding-bottom:260px!important;*/
	}	
body.page-template-template-onepager-dragan-php #page-content .wpb_row {
	padding: 110px 0;
	margin-bottom: 0px;
}
body.page-template-template-onepager-dragan-php #page-content #clients .wpb_row{
	padding: 20px 0;
}


body.page-template-template-onepager-dragan-php #page-content .wpb_row.p-section {
	padding: initial;
}

body.page-template-template-onepager-dragan-php #page-content .wpb_row .wpb_row {
	padding: 0;
}	

/* MAX 1185px For Paddings */

	@media only screen and (min-width: 1400px) and (max-width: 1450px){ /*macbook*/
		.portfolio .portfolio-items{
			margin-left: 100px;
			/*margin:auto;*/
		}
		.portfolio .portfolio-items{
			width:900px;
			/*margin:auto;*/
		}
	}


/* MAX 1185px For photography BG */

	@media only screen and (max-width: 1380px){
		#photography .parallax{
			background-repeat:no-repeat!important;
			
			background-color:#3f0000!important;
			position:static!important;
			
		}
		.portfolio .portfolio-items{
			width:900px;
			/*margin:auto;*/
		}
	}

/* MAX 1185px For Paddings */

	@media only screen and (max-width: 1290px){
		.portfolio .portfolio-items{
			width:900px;
			/*margin:auto;*/
		}
	}

/* MAX 960px */

	@media only screen and (max-width: 1160px){
		.portfolio .portfolio-items{
			width:600px;
			/*margin:auto;*/
		}
	}

/* MAX 800px */

	@media only screen and (max-width: 800px){
		.portfolio .portfolio-items{
			width:300px;
			/*margin:auto;*/
		}
	}

/* MAX 640px */

	@media only screen and (max-width: 640px){
		.portfolio .portfolio-items{
			width:300px;
			/*margin:auto;*/
			
		}
		#photography .parallax.vc_custom_1424719018497{
			background-size:3000px!important;
		}

		#page-content .colio-navigation a{
		top:18px;
		}
		.portfolio .portfolio-items .item.four{
			margin-bottom:20px;
		}
	}

/* MAX 560px */

	@media only screen and (max-width: 560px){
	
	}


/* MAX 480px */

	@media only screen and (max-width: 480px){
	
	}

/* MAX 400px */

	@media only screen and (max-width: 400px){
	
	}


.dark-nav {background-color: transparent !important;}

/* ---------- SI2 colio content tunning ----------------- */

#page-content .colio-close {background-color: #333 !important;}

#page-content .colio-close {
right: 0 !important;
left: auto !important;
top: 30px;
text-indent: -9999px;
}

.colio-container{padding-top: 20px !important;}

.modal-portfolio-header h2 {padding: 0 !important;}

.portfolio-post .inner {padding-right:0px !important;padding-left:0px !important;padding-bottom:0px !important;padding-top:20px !important;}


.portfolio .portfolio-items .item a.work-image h1 {
font-size: 25px !important;
font-weight: normal !important;
}

.colio-container h2 {
font-size: 34px !important;
}

/* ---------- SI2 colio content tunning ----------------- */

.portfolio .portfolio-items .item a.work-image h1 {margin: 10px;}

#portfolio-items a.title {display: none;}

.mfp-title {
	text-align: center !important;
}

.mfp-counter {
	display: none;
}