@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, images, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0; padding:0;	border:0; font-size:100%;font: inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height:1;}ol, ul{list-style: none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after{	content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

.fa-phone:before{content:"\f095"}

body{font-family:'Lato', sans-serif; color:#000; text-align:center; margin:0; padding:0; font-size:100%; background:#f1efef}
.fl{float:left;}.fr{float:right;}.clr{clear:both;}
img{width:100%; max-width:100%; height:auto; border:none;}
b,strong{font-weight:700;}
input, textarea{width:100%; max-width:100%; color:#333; resize:none;}
input:focus, textarea:focus{border:1px solid #97d6eb;}
a, a:link, a:active{text-decoration:none;}
*{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.segmentTable{width:100%; display:table;}
.pageWidth{text-align:left}
header{background:#fff}
.logo{width:141px;height:98px; margin:10px auto 20px}
.quickLinks{padding:15px 0 10px; margin:0; background:#444; color:#fff;text-align:center}
.quickLinks i{margin-right:10px; color:#16699f}
.callNow, .mailUs{margin-bottom:15px; font-size:110%}
.callNow{line-height:200%}
.mailUs a{color:#f36a29; text-decoration:underline}
.mailUs{font-size:100%}
.quickLinks span{display:block}
.quickLinks span a{font-family: 'Raleway', sans-serif; display:block;background:linear-gradient(to bottom,#f3773a 0,#f36c2c 44%,#f36420 100%);padding:10px 0;text-align:center;color:#fff;font-size:120%}

.siteTitle{font-family: 'Raleway', sans-serif; background:#f36a29; color:#fff; font-size:220%; padding:15px 10px; text-align:center; font-variant:small-caps}

.nav{width:100%; font-size:100%; padding:50px 0 0;background:linear-gradient(to bottom,#ccc 0,#e0e0e0 44%,#cecaca 100%);position:relative}
.nav-list{text-align:left; display:none;}
.nav-item{position:relative;}
.nav-item a{display:block;color:#FFF;padding:15px;background:#12679d;border-bottom:1px solid #1473b1;}
.nav-item > a:hover{background:#1577b9;}
.nav-submenu{display:none;width:100%; font-weight:400}
.nav-submenu-item a{background:#2297e6;border-bottom:1px solid #12679d;display:block;padding:15px;}
.nav-submenu-item a:hover{background:#1786d0;}
.nav-mobile{cursor:pointer;position:absolute;top:0;right:0;background:#c8c4c4 url(../images/navIco.png) no-repeat center center;background-size:18px;height:50px;width:63px;}
.nav-click{display:block; position:absolute;top:0;right:0;border-left:1px solid #1473b1;height:49px;width:50px;cursor:pointer;}
.nav-click i{display:block;height:48px;width:48px;background:url(../images/drop.svg) no-repeat center center;background-size:20px;}
.nav-click:hover{background-color:#0e4f7a;}
.nav-mobile-open{border-radius:5px 5px 0 0}
.nav-item:hover .nav-submenu{display:none;}
.nav-rotate{transform:rotate(180deg)}


.slides{padding:0;width:100%;height:150px;display:block;margin:0 auto;position:relative;}
.slides *{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.slides input{display:none}
.slide-container{display:block}
.slide{top:0;opacity:0;width:100%;height:150px;display:block;position:absolute;transform:scale(0);transition:all .7s ease-in-out;}
.slide img{width:100%;height:100%;}

.slideNav label{width:50px; height:50px; display:none;position:absolute; top:50%; margin-top:-25px; opacity:0;z-index:9;cursor:pointer;transition:opacity .2s;color:#fff;font-size:300%;text-align:center;background:#000; line-height:85%}

.slide:hover + .slideNav label{opacity:0.5}
.slideNav label:hover{opacity:1; background:#000}
.slideNav .prev{left:0}
.slideNav .next{right:0}
input:checked + .slide-container .slide{opacity:1;transform:scale(1); transition:opacity 1s ease-in-out}
input:checked + .slide-container .slideNav label{display:block}

#queryFormWrapper{padding:20px; background:#0462c2;}
.queryForm{margin:0; padding:0;}
.queryForm h4{font-family:'Raleway', sans-serif; font-size:150%; color:#f8ed1f; font-variant:small-caps; margin-bottom:15px}

.inputbox, .inputlbox{font-family:'Roboto', sans-serif; width:100%;border:1px solid #ccc; background:#eee;height:31px;padding:0 5px;outline:0;margin:0 0 10px;font-size:100%}
.inputlbox{height:80px;padding:5px;}

.submitBox{font-family:'Roboto', sans-serif; width:40%; margin:0 auto;}
.submitButton{border:1px solid #e67a17;background:#e67a17; line-height:160%; outline:none; text-align:center; color:#fff; font-size:110%; border-radius:5px}


#main, #midContent{padding:40px 20px; line-height:170%; background:#fff}
.content{text-align:justify}
.content h1{font-size:170%; margin-bottom:10px}
.content h2{font-size:150%; margin-bottom:5px; color:#333}
.content p, #midContent p{margin-bottom:20px}

#midContent{padding:0; background:#eee}

.mcLeftCol{background:#f0f0f0; padding:40px 20px; text-align:justify}
.mcRightCol{background:#ddd; padding:40px 20px; text-align:justify}
.mcLeftCol h3, .mcRightCol h3{font-family:'Raleway'; font-size:140%; color:#f36a29; margin-bottom:10px}

.slideshow-container{position:relative; height:450px}
.contentdiv{display:none; color:#000}
.prev, .next{cursor:pointer;position:absolute; bottom:0; right:60px; padding:0 10px;color:#fff;background:#0f81ca}
.next{right:20px}
.prev:hover, .next:hover{color:#fff;background-color:#1e9bee;}


.small-box{text-align:center;width:29.33%;display:inline-block;margin-right:4%;margin-top:29px;vertical-align:top;}
.strength .small-box:last-of-type{width:29.33%; margin-right:0;}
.strength span{font-size:110%; color:#0462c2}
.strength .small-box span.counter{font-size:120%;margin-top:8px;}

#footerBar{background:#ea5616; color:#fff; padding:20px; line-height:180%}
#footerBar a{color:#fff}

#footerTopRow{background:#191a1e; color:#aaa; padding:40px 0}
.fCol{border-bottom:1px dotted #ff8000; line-height:170%}

#footerTopRow .fCol:last-child{border:none}
.siteLogo{width:141px; height:98px; margin:0 auto 30px}

.siteAddress p{padding:0 10px 20px 40px; position:relative; margin-bottom:20px; border-bottom:1px dashed #333}
.siteAddress p i{position:absolute; top:7px; left:10px}

.socialIcons{text-align:center; margin-bottom:50px}
.socialIcons a{padding:7px 10px; background:#aaa; color:#191a1e}
.socialIcons i{color:#191a1e}
.socialIcons li{display:inline-block; margin:0 10px; font-size:120%}

.btmlinks{padding:20px; line-height:200%}
.btmlinks a{color:#aaa}


#footerMidRow{background:#0c0c0c; padding:40px 20px;}
#footerMidRow li a{color:#ddd}
#footerMidRow ul{margin-bottom:20px}
#footerMidRow li{border-bottom:1px dashed rgba(255,128,0, 0.2); line-height:250%}
#footerMidRow li i{color:#fe7d00; margin-right:7px; display:none}

.fmoreButton{text-align:right}
.fmoreButton a{display:inline-block; padding:7px 10px; background:#ea5616; color:#ddd}

footer{background:#ea5616; color:#fff; padding:40px 20px; text-align:center;}


@media screen and (min-width:360px){
	.slideshow-container{height:420px}
	#footerBar li{width:50%;float:left}
}

@media screen and (min-width:480px){

	.slides, .slide{height:200px}
	.slideNav label{width:70px; height:70px; margin-top:-35px; font-size:300%; line-height:120%}

	.slideshow-container{height:300px}
	
	.fieldBox{width:48%; float:left; margin:0 1%}
	.fieldMBox{width:98%; margin:0 1%}


	#footerBar li{width:33.33%}

	.btmlinks li{width:50%;float:left}

	#footerMidRow li{width:50%;float:left}
}

@media screen and (min-width:600px){
	.slideshow-container{height:250px}
}
@media screen and (min-width:768px){
	header{padding:10px 10px 2px}
	.logo{margin:0;float:left}
	.logoRight{width:70%; float:right;}
	.siteTitle{width:40%; float:left; padding:10px}
	.quickLinks{padding-top:0; width:55%; float:right; background:transparent; color:#000; text-align:right; font-size:90%}
	.quickLinks span{display:none}
	.callNow, .mailUs{margin-bottom:3px}
	.nav{background:#444; padding:0;font-size:87.5%;}
	.nav-mobile{display:none}
	.nav-list{width:100%; display:block}
	.nav-item{float:left;margin:0 12px}
	.nav-item a{color:#fff;background:transparent;padding:15px 0; border:none}
	.nav-item > a:hover{background:transparent;}
	.nav-item:hover .nav-submenu{display:block;}
	.nav-submenu{position:absolute;left:0; top:44px; width:200px; background:#12679d;z-index:3;}
	.nav-submenu-item a{padding:10px 15px;color:#fff}
	.nav-click{display:none;}	

	.slides, .slide{height:300px}

	.mcLeftCol, .mcRightCol{padding:40px}
	.slideshow-container{height:220px}

	#footerBar li{width:25%}

	.btmlinks li{width:33.33%}

	#footerMidRow li{width:33.33%}
}
@media screen and (min-width:1024px){
	.logoRight{width:75%;}
	.siteTitle{width:45%; margin-top:3%}
	.quickLinks{width:50%; font-size:100%}
	.nav{font-size:95%}
	.nav-item{margin:0 3%}

	.slides, .slide{height:350px}

	.queryForm h4{display:none}
	.fieldBox, .fieldMBox, .submitBox{width:14.6666666667%; float:left; margin:0 1%; font-size:90%}
	.fieldMBox{width:16.6666666667%}
	.submitBox{width:12.6666666667%}
	.inputlbox, .inputbox{height:31px; margin:0}

	.mcLeftCol, .mcRightCol{width:50%; float:left}
	.slideshow-container{height:320px}

	#footerBar{padding:10px 20px}
	#footerBar li{width:auto; margin:0 28px}
	#footerBar li:first-child{margin-left:0}
	#footerBar li:last-child{margin-right:0}

	#footerTopRow{padding:40px 20px}	
	.fCol{width:18%; margin:0 2.5%; float:left; border:none}
	#footerTopRow .fCol:first-child{width:34%; margin:0}
	#footerTopRow .fCol:last-child{margin:0 0 0 2%}
	.siteLogo{margin:0 auto 20px}
	.siteAddress p{padding:0 10px 10px 40px; border-bottom:none}
	.socialIcons{text-align:center; margin-bottom:0}
	.btmlinks li{width:100%; float:none; line-height:220%}
	.btmlinks a:hover{border-bottom:1px solid #aaa}

	#footerMidRow li{width:25%}

	footer{padding:20px}
}
@media screen and (min-width:1280px){
	.nav-list,.pageWidth{width:1200px;max-width:1200px;margin:0 auto}
	.logoRight{width:67%;}
	.siteTitle{font-weight:700; font-size:250%; margin-top:2%; border-radius:5px; box-shadow:1px 1px 2px #777}
	.quickLinks{width:45%;}
	.nav{font-size:100%}
	.nav-item{margin:0 3.5%}

	.slides, .slide{height:400px}

	#queryFormWrapper{padding:40px 20px;}
	.fieldBox, .fieldMBox, .submitBox{font-size:100%}

	#midContent{background:url('../images/slide-10.jpg') no-repeat; background-size:cover}
	.topBG{width:100%; background:linear-gradient(to right, rgba(241,94,42, 0.2) 0%, rgba(241,94,42, 0.4) 50%, rgba(0,0,0, 0.7) 50%, rgba(0,0,0, 0.7) 100%);}
	.mcLeftCol{font-size:130%}
	.mcLeftCol, .mcRightCol{background:none; padding:40px 70px 40px 0}
	.mcRightCol{padding:40px 0 40px 70px}

	.slideshow-container .contentdiv{color:#fff}

	#footerBar{padding:15px 0}
	#footerBar li{font-size:110%; font-variant:small-caps; margin:0 40px}

	#footerTopRow{padding:20px 0}	

	#footerMidRow li{width:12%; margin:0 4%; border:none; line-height:180%}
	#footerMidRow li i{display:inline; font-size:80%; margin-right:10px}
}