@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	overflow-x:hidden;
	font-size:16px;
	color:#242424;
	background:url(images/bg.jpg);
	background-size:cover;
	background-attachment:fixed;
}

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

img {border:none;}
.clearfix {clear:both;}

#wrapper {width:100%; margin:0 auto;}
.header {width:100%; height:0 auto; margin:0 auto; background:#2d2d2d;}
.head {max-width:1146px; width:100%; margin:0 auto;}
.navigation {width:100%; height:0 auto; margin:0 auto; background:#3f3f3f; padding-left:20px !important;}
.nav-container {max-width:1146px; width:100%; margin-top:140px;}

.icon-bar{
	background:#fff;	
}
.navbar-toggle{
	/*border:1px solid #fff;*/	
}
.nav li a {color:#fff; font-size:18px; text-decoration:none; font-weight:bold; float:left; padding:20px auto;}
.nav li a:hover {text-decoration:none; margin:0 auto; background-color:#0748cd;}
.nav li .active {color:#fff;}
.nav li:first-child a{
	margin-left:-30px;	
}
.active-btn{
	float:left;
	margin-top:6px;
	margin-left:2px;
	display:none;
}
.active-btn2{
	float:left;
	display:none;	
}
.social-media{
	display:none;	
}

.navbar {
    margin-bottom:0px;
}
.head-line {max-width:100%; height:5px; margin:0 auto; background-color:#000;}
.banner-top {max-width:100%; height:50px; margin:0 auto; background-color:#023aae;}

.bannerarea {max-width:100%; width:1146px; height:0 auto; margin:0 auto !important;}
.contentarea {max-width:100%; width:1146px; height:0 auto; margin:30px auto  !important; padding:20px; background-color: rgba(255,255,255,0.7);}
.b-image {margin:0 auto;}

.services {width:100%; margin:0 auto;}
.services p {padding:20px;}
.services a {color:#000; text-decoration:none;}
.services a:hover {text-decoration:underline; margin:0 auto; color:#023baf;}
.services .active {color:#000;}
.context {max-width:100%; height:100%; margin:10px; background-color:#fff;}
.context img {width:100%; margin:15px;}
.context p {padding:20px;}
.v-light {margin:0 auto !important; width:1000px;}

#footerarea {max-width:100%; height:100%; margin:0 auto; background-color:#000;} 
.footertext {max-width:100%; width:1146px; margin:0 auto; padding:20px; color:#fff; text-align:left;}

.map {max-width:100%; height:0 auto; margin:0 auto;}

/** START DEVICE QUERIES **/

/*iPad landscape · width: 1024px*/
@media screen and (max-width:1024px){

}

/*iPad portrait · width: 768px*/
@media screen and (max-width:768px){ 

	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:40px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
	
	.callnow {display:none;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:-80px;}
	.img-container p {margin-left:-90px;}
	.title {font-size:36px; text-align:center !important;}
	.about {padding:30px;}
	.nav li:first-child a{
	margin-left:120px;	
	
}
}
@media screen and (max-width:767px){
.page-navigation-btn {margin:0px; padding:0px;}
.nav-container {width:100%; margin-top:0px !important;}
.nav li a {background:#3f3f3f; color:#fff; font-size:15px; margin:0px; width:100%;}
.nav li a:hover {background:#0748cd; color:#fff; text-decoration:none; border-radius:0px;}
.nav li .end {border-right:none;}
.nav li:first-child a{
	margin-left:0px;	
}
.nav li a {
    padding: 12px 44px 11px 43px;
}
.social-media .nav li a {background:#121212; color:#fff; font-size:20px; padding:10px;  margin-left:20px !important;  width:100%;}

.logo {margin:1%;}

.socialmedia {display:none;}

.active-btn{
	display:inline-block;	
}
.active-btn2{
	display:block;	
}
.map {max-width:100% !important; height:0 auto; margin:0 auto;}
.context iframe {width:100%; margin:0px; padding:0 !important;}

.callnow {display:none;}
.context img {width:100%; margin:0px auto !important;}
.img-container {margin:0 auto !important;} 
.social-media li a {background:#000; color:#fff; font-size:20px; padding:10px; width:100%;}
.social-media li a:link {color:#fff;}
.social-media li a:hover {color:#5bb4ca}

.under-nav-line {display:none;}

.tag {position:absolute; top:20px; right:60px;}
.bannertext {width:100%; max-width:1280px; color:#fff; font-size:40px; text-align:right;}
.bannertext {text-decoration:none; color:#fff;}
.bannertext a:hover {text-decoration:none; color:#CCC;}
.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
.b-image {margin:0 auto;}

.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
.img-container img {margin-left:50px;}
.img-container p {margin-left:60px;}
.contentarea {padding:20px;}
.content {text-align:justify; font-size:14px;}
.v-light {margin:0 auto !important; width:80%;}

.footertext {text-align:center; padding:20px; font-size:14px;}
.social {display:none;}
.copy {text-align:center;}


}

/*iPhone 6 Plump landscape · width: 736px*/
@media screen and (max-width:736px){

}
/*iPhone 6 landscape · width: 667px*/
@media screen and (max-width:667px){

	.tag {position:absolute; top:30px; right:10px;}
	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:36px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:40px;}
	.img-container p {margin-left:50px;}
	.title {font-size:36px; text-align:center !important;}
	.about {padding:30px;}
}

/*Android (Nexus 4) landscape · width: 600px*/
@media screen and (max-width:600px){

	.tag {position:absolute; top:30px; right:10px;}
	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:20px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:50px;}
	.img-container p {margin-left:60px;}
	.title {font-size:34px; text-align:center !important;}
}

/*iPhone 5 landscape · width: 568px*/
@media screen and (max-width:568px){

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

/*iPhone 6 Plump portrait · width: 414px*/
@media screen and (max-width: 414px){
	.tag {position:absolute; top:10px; right:10px;}
	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:26px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:30px;}
	.img-container p {margin-left:20px;}
	.title {font-size:36px; text-align:center !important;}
	.about {padding:30px;}
}

/*Android (Nexus 4) portrait · width: 384px*/
@media screen and (max-width:384px){

	.tag {position:absolute; top:10px; right:10px;}
	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:20px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:16px;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:30px;}
	.img-container p {margin-left:20px;}
	.title {font-size:26px; text-align:center !important;}
	.about {padding:20px;}
}

/*iPhone 6 portrait · width: 375px*/
@media screen and (max-width:375px){

}

/*iPhone 5 portrait · width: 320px */
/*Crappy Android landscape · width: 320px*/
@media screen and (max-width:320px){
	.active-btn-label{
		display:none;	
	}
	.active-btn-label2{
		display:block;	
	}
	.tab {margin:0px; width:250px;}

	.about {padding:10px; text-align:center;}
	.title {font-size:20px; text-align:center !important;}
	.tag {position:absolute; top:5px; right:10px;}
	.bannertext {width:100%; max-width:1280px; color:#fff; font-size:16px; text-align:right;}
	.bannertext {text-decoration:none; color:#fff;}
	.bannertext a:hover {text-decoration:none; color:#CCC;}
	.bannertext a {text-decoration:none; color:#CCC; font-size:12px;}
	.servicestab {width:100%; margin:0 auto; padding:0px; background:#fff;}
	.img-container {max-width:1260px; width:100%; text-align:center; padding:20px 0px 20px 0px; font-size:12px;}
	.img-container img {margin-left:20px;}
	.img-container p {margin-left:10px;}
}

/*Crappy Android portrait · width: 240px*/
@media screen and (max-width:240px){

.tab {margin:0px; width:170px;}
.content {padding:5px;}
}

/** END DEVICE QUERIES **/