@charset "utf-8";
/* CSS Document */
body{margin:0px 0px;}

html,body {
	height:100%;
    padding-top:0px;
}



.affix {
	padding:0px;
    -webkit-transition:padding 0.5s linear;
    -moz-transition:padding 0.5s linear;  
    -o-transition:padding 0.5s linear;         
    transition:padding 0.5s linear; 
}

.affix-top {
	padding:20px;
    -webkit-transition:padding 0.2s linear;
    -moz-transition:padding 0.2s linear;  
    -o-transition:padding 0.2s linear;         
    transition:padding 0.2s linear; 
}

.container-inner{width:100%; margin:0px 0px 0px 0px;}
#myCarousel{width:100%; height:500px !important; margin-bottom:15px !important; margin-top:-20px;}
.mid-cont{width:60%; margin-left:20%; margin-top:7%;}
.serv-box{padding:15px;}
.serv-box h4{color:#fff; text-transform:uppercase; text-align:center;}
.serv-box p{border-bottom:solid 1px #e8e8e8;padding-bottom:10px;}
.box-top{background-color:#006699; padding:15px; height:100px;}
.box-bottom{border:solid 1px #999; border-top:none;padding:15px;height:auto;}
a.scrollToTop{z-index:10000000000;padding:10px 15px; text-align:center; background-color:#006699; font-weight:normal;	color: #ffffff;	text-decoration: none;	position:fixed;	bottom:50px;right:40px;	border:solid #ffffff 1px;}
.bg-green{ background-image:url(../img/green-bg.jpg);}
.bg-brown, .bg-green, .bg-black, .bg-blue{ background-repeat:no-repeat; background-size:cover;height:auto; padding: 50px 0px 20px;}
.bg-green p, .bg-brown p, .bg-black p, .bg-blue p{color:#fff;}
.bg-blue{background: url(../img/blue-bg.jpg) 50% 0 fixed; min-height: 1000px;  background-repeat: no-repeat; background-size:cover;
  height: 1000px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; }
.bg-blue a{color:#ffffff;}
.bg-brown{background-image: url(../img/brown-bg.jpg);}
.bg-black{background-image: url(../img/black-bg.jpg);}
.bg-brown h2, .bg-green h2, .bg-black h2, .bg-blue h2{color:white; }
.row{padding:20px 0px; margin:0px;}
.social-m img{margin-right:15px;}
.social-m a:hover{ opacity:.7;}
.featurette{padding:100px 0px;}
.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:1000px;width:100%;
}
.lt-black{background-color:#000000; padding:10px; opacity:.5; margin:5px 15px;}

@media only screen and (min-width: 550px) and (min-height:801px){
	.box-bottom{height:500px;}
	.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover; top:0px;
-o-background-size: cover;
background-size: cover; 
height:1000px;
}
.scroll-dwn{position: absolute;
    bottom: 0px;
    left: 0px;}
	}
	@media only screen and (max-height: 320px){
	
	.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height:320px;
}

	}
		@media only screen and (max-height: 500px) and (min-height:321px){
	
	.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height:500px;
}
	}
			@media only screen and (max-height: 650px) and (min-height:501px){
	
	.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height:650px;
}
	}
				@media only screen and (max-height: 800px) and (min-height:651px){
	
	.banner-hm{background-image:url(../img/banner.jpg); background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; 
height:800px;
}
	}