/* 
	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
	- media query
*/

/* general settings for section & subheader */
section,#subheader{
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
}

/* general background image for subheader */
#subheader{
background:url(../images/background/bg-subheader.jpg)top fixed;
}

/* background settings for page subheader */
.page-projects #subheader{background-image:url(../images/background/port.jpg);}
.page-services #subheader{background-image:url(../images/background/subheader-2.jpg);}
.page-about #subheader{background-image:url(../images/background/abt.jpg);}
.page-career #subheader{background-image:url(../images/background/career.jpg);}
.page-web #subheader{background-image:url(../images/background/web.jpg);}
.page-graph #subheader{background-image:url(../images/background/graphic.jpg);}
.page-logo #subheader{background-image:url(../images/background/logo.jpg);}
.page-blog #subheader{background-image:url(../images/background/blog.jpg);}
.page-bro #subheader{background-image:url(../images/background/bro.jpg);}
.page-card #subheader{background-image:url(../images/background/card.jpg);}
.page-unique #subheader{background-image:url(../images/background/unique.jpg);}
.page-resp #subheader{background-image:url(../images/background/resp.jpg);}
.page-deve #subheader{background-image:url(../images/background/develop.jpg);}
.page-java #subheader{background-image:url(../images/background/java.jpg);}
.page-net #subheader{background-image:url(../images/background/net.jpg);}
.page-seo #subheader{background-image:url(../images/background/seo.jpg);}
.page-mob #subheader{background-image:url(../images/background/mob.jpg);}
.page-ios #subheader{background-image:url(../images/background/ios.jpg);}
.page-ios #subheader{background-image:url(../images/background/ios.jpg);}
.page-and #subheader{background-image:url(../images/background/and.jpg);}
.page-php #subheader{background-image:url(../images/background/php.jpg);}
.page-shop #subheader{background-image:url(../images/background/subheader-5.jpg);}
.page-contact #subheader{background-image:url(../images/background/cont.jpg);}

/* background settings for section */
#info-address{background:url(../images/background/bg-3.jpg) top fixed;}
#view-all-projects, #call-to-action{padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../images/background/abt_main_1.jpg);}
#section-web .image-container{background:url(../images/background/web-side.jpg);}
#section-web_1 .image-container{background:url(../images/background/abt_main_1.jpg);}
#section-career-2 .image-container{background:url(../images/background/career-side.jpg);}
#section-career-2 .image-container{background:url(../images/background/career-side.jpg);}

#section-about-us-3{background:#111; height:100%;}
#section-about-us-3 .image-container{background:url(../images/background/bg-side-2.jpg);}
#section-about-us-4 .image-container{background:url(../images/background/bg-side-3.jpg);}
#section-welcome-5{background:url(../images/background/bg-14.jpg) top fixed;}
#section-blog {background:url(../images/background/bg-5.jpg) top fixed;}
#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;}
#section-describe{background:#202020;}
#section-download{background:url(../images/background/bg-9.jpg) top fixed;}
#bg-coming-soon-page{background:url(../images/background/bg-6.jpg) top fixed; position:fixed; min-height:100%; width:100%;}
#section-about-us-2{background:#f58220; height:100%;}
#section-web{background:#ea5469; height:100%;}
#section-web_1{background:#ea8c54; height:100%;}
.de_light #section-about-us-2{background:none;}
#section-welcome{background:url(../images/background/bg-4.jpg) top fixed;}
#section-welcome-2{background:url(../images/background/bg-6.jpg) top fixed;}
#section-welcome-3{background:url(../images/background/bg-7.jpg) top fixed;}
#section-welcome-4{background:url(../images/background/bg-10.jpg) top fixed;}
#section-welcome-6{background:url(../images/background/bg-15.jpg) top fixed;}
#section-why-choose-us{background:url(../images/background/bg-8.jpg) top fixed;}
#section-why-choose-us-3{background:url(../images/background/bg-16.jpg) top fixed;}
#section-portfolio{background:#222; width:101%; overflow:hidden;}
.de_light #section-portfolio{background:#fff;}
#section-skill-bar{ background:url(../images/background/bg-8.jpg) top fixed;}
#section-testimonial{ background:url(../images/background/bg-3.jpg) top fixed;}
#section-testimonial-2{ background:url(../images/background/bg-17.jpg) top fixed;}
#section-steps{ background:url(../images/background/bg-2.jpg) top fixed;}
#section-steps-2{ background:url(../images/background/bg-11.jpg) top fixed;}
#section-steps-3{ background:url(../images/background/bg-12.jpg) top fixed;}
#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-fun-facts .image-container{background:url(../images/background/bg-side-4.jpg);}
#section-fun-facts-2{background:url(../images/background/bg-13.jpg) center;}
#section-fun-facts-3{background:url(../images/background/bg-18.jpg) top;}
#section-side-1.side-bg .background-image{background:url(../images/background/bg-side-5.jpg);}
#section-side-2.side-bg .background-image{background:url(../images/background/bg-side-6.jpg);}

/* services section side background */
#section-service-1.side-bg .background-image{background:url(../images/background/bg-service-1.jpg);}
#section-service-2.side-bg .background-image{background:url(../images/background/bg-service-2.jpg);}
#section-service-3.side-bg .background-image{background:url(../images/background/bg-service-3.jpg);}
#section-service-4.side-bg .background-image{background:url(../images/background/bg-service-4.jpg);}
#section-service-1,#section-service-3{background:#212225;}

/* media query */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait){
	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;
	}
}
@media only screen and (max-width: 767px) {
	#subheader{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-attachment:scroll !important;
	}
}
@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;
	}
}