/* 
	Section Background (bg.css)
	
	Table of Content
	- general settings for section & subheader
	- general background image for subheader
	- background settings for page subheader
	- background settings for section
	- subheader for side navigation
	- media query
*/


/* background settings for page subheader */
.page-projects #subheader{background-image:url(../images/plates1.jpg);}
.page-services #subheader{background-image:url(../images/building.jpg);}
.page-about #subheader{background-image:url(../images/yotei_spring_darker.jpg);}
.page-contact #subheader{background-image:url(../images/houses.jpg);}

/* background settings for section */
#view-all-projects, #call-to-action{padding:10px 0 10px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../images/off_piste/200220-Clark%20completed%201.jpg);}
#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;}
#section-describe{background:#202020;}
#section-about-us-2{background:#18191b; height:100%;}
.de_light #section-about-us-2{background:none;}
#section-portfolio{background:#222; width:101%; overflow:hidden;}
.de_light #section-portfolio{background:#fff;}
#section-testimonial{ background:url(../images/helmets_dark1.jpg) top fixed;}
#section-steps{ background:url(../images/helmets_dark1.jpg) top fixed;}
#section-steps-2{ background:#f5f5f5;}
#section-team{background:#111;}
.de_light #section-team{background:#f5f5f5;}
#hide-content{position:absolute; width:100%; min-height:100%; z-index:100;display:none; background:rgba(0,0,0,.8);}
#section-side-1-index-landing-product.side-bg .image-container{background:url(../images/off_piste/200220-Clark%20completed%201.jpg) center;}

/* services section side background */
#section-service-2,#section-service-4{background:#f2f2f2;}


/* background settings for side navigation subheader */

.bg-fit-height{
	-webkit-background-size: auto 100% !important;
	-moz-background-size: auto 100% !important;
	-o-background-size: auto 100% !important;
	background-size: auto 100% !important;
	background-attachment:scroll !important;
}

/* media query */
@media only screen and (max-width: 767px) {
	section{
	-webkit-background-size: auto 100% !important;
	-moz-background-size: auto 100% !important;
	-o-background-size: auto 100% !important;
	background-size: auto 100% !important;
	background-attachment:scroll !important;
	background-position:top !important;
	}
}

.opc {
    opacity: 0.5;
    }