@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600); 
@import url(http://fonts.googleapis.com/css?family=Roboto);

/*-- Main.css ---*/
body{margin:0px; padding:0px; font-family: 'Roboto', sans-serif; padding-top:128px; font-size:14px;}
img{max-width:100%;}
.a{color:#00ab45; text-decoration:none;}

.pull-left{float:left !important;}
.pull-right{float:right !important;}
.offset-right-20{margin-right:20px;}
.container{max-width:1180px; position:relative; margin:auto; padding:0 10px; clear:none;}

header{position:fixed; top:0px; width:100%; z-index:99; padding-top:0px;}
header .top{width:100%; background:#30414f; height:36px; color:#fff;}
header .top .tel{font-family:'Lato', sans-serif; font-size:13px; float:left; padding:10px 0;}
.socialLinks{padding:8px 0; margin:0px; float:right; width:auto; clear:none;}
.socialLinks li{float:left; list-style:none; width:auto; clear:none;}
.socialLinks li a{display:block; width:20px; height:20px; float:left; text-indent:-9999em;color:#fff; background:url(../images/social-ico.png) no-repeat left top; margin-right:10px;}
.socialLinks li+li a{background-position:-29px top;}
.socialLinks li+li+li a{background-position:-56px top;}
.socialLinks li+li+li+li a{background-position:-84px top;}
header .top .getAquote, .getAquote-m{color:#fff; background:#00ab45; font-weight:700; text-decoration:none; font-size:13px; text-transform:uppercase; float:right; padding:10px 21px; font-family:'Lato', sans-serif;}
.getAquote-m{display:none;}

.mainNav{clear:both; display:inline-block; float:left; width:100%; background:#FFF; box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc;}
.logo{float:left; margin:0px;}
.logo a{float:left; display:block; background:url(../images/logo.png) no-repeat center top; display:block; text-indent:-9999em; width:326px; height:66px; margin:14px 0 0 ;}
.mainNav ul{float:right; list-style:none; padding:0px; margin:0px;}
.mainNav ul li{float:left; position:relative;}
.mainNav ul li a{color:#000; text-decoration:none; font-family:'Lato', sans-serif; font-size:13.45px; padding: 38px 10px; float:left; text-transform:uppercase;}
.mainNav ul li a:hover{background:#f0f2f6;}
.mainNav ul li.active a, .mainNav ul li.current-menu-item a{font-weight:700; color:#00ab45; background:#f0f2f6;}

.mainNav ul li:hover{background:#f0f2f6;}
.mainNav ul li:hover ul.sub-menu{display:block;}
.mainNav ul li ul.sub-menu{display:none; width:13em; list-style:none; position:absolute; top:92px; background:#fff; border:1px solid #f0f2f6;}
.mainNav ul li ul.sub-menu li{display:block; padding:0px; float:left; width:100%;}
.mainNav ul li ul.sub-menu li a{display:block; float:none; padding:10px 10px; text-transform:inherit; text-align:left;}

.mainNav ul li span{
  width: 44px;
  height: 37px;
  display: none;
  background: #f1f1f1;
  position: absolute;
  right: 0;
  top: 0;
  z-index:2;
  cursor:pointer;	
}
.mainNav ul li.is_open span{background: #31414f;}
.mainNav ul li span::before, 
.mainNav ul li span::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 2;
  display: block;
  width: 18px;
  height: 2px;
  margin-top: -2px;
  background: #31414f;
  pointer-events: none;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;	
}
.mainNav ul li span::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
   transform: rotate(90deg); 
}
.mainNav ul li.is_open span::before, 
.mainNav ul li.is_open span::after{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #fff;
}

.toggle{background:#cfd1d0 url(../images/hemburger-menu.png) no-repeat center; width:70px; height:59px; float:left; cursor:pointer; display:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.toggle.active{background-color:#00ab45; transform:scale(0.8)}

#slider{position:relative; background:#333; clear:both; overflow:hidden; width:100%; padding:0px;}
#slider img{display:block; margin:auto;}
#slider .sliderText{text-align:center; color:#FFF; text-transform:uppercase; font-size:34px;}
#slider .sliderText h2, .mobile-s{color:#fff; font-family:'Lato', sans-serif; font-weight:900; line-height:65px; position:relative;}
#slider .sliderText h2::after{background:url(../images/slidertest-long-arrow.png) no-repeat center top; position:absolute; right:-70px; width:108px; height:186px; content:""; top:40px;}
.mobile-s span{font-size:18px;}
.beforeAfter{position:absolute; right:10%; top:40px; width:182px; height:179px; background:url(../images/view-gallery.png) no-repeat center; z-index:2; }
.asSeenon{width:100%; background:#fff; display:table; padding:13px 0 14px 0;}
.asSeenon span{font-size:16px; font-weight:700; font-family:'Lato', sans-serif; text-transform:uppercase; float:left; padding-top:4px;}
.asSeenon a{margin-left:20px; display:block; float:left; padding-top:4px;}

.gallery-form{background:#f5f5f5; display:inline-block; width:100%; clear:both; padding: 30px 0 50px 0; float:left;}
.col-50{width:49%; float:left; position:relative;}
.col-50 + .col-50{float:right;}

.gallery-form .thumbnails a{float:left; background:#30414f; color:#FFF; font-weight:700; font-family:'Lato', sans-serif; font-size:13px; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; width: 48.4%;}
.gallery-form .thumbnails a+a{margin-left:3.1%;}
.gallery-form .thumbnails a:hover img{opacity:0.9; filter:alpha(opacity=90);}
.gallery-form .thumbnails a span{display:block; text-align:center; padding:12px 0;}
.gallery-form .container > .col-50{float:right}
.gallery-form .container > .col-50+.col-50{float:left;}

.content{clear:both; display:inline-block; font-family:'Roboto', sans-serif;}
.content h2{color:#31414e; font-size:25px; font-weight:normal; margin-top:35px; font-family:"Roboto",sans-serif;}
.content p, .content ul li{font-size:14px; line-height:20px; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.content ul li{margin:0px;}


.quoteForm{padding:25px 40px; background:#fff; border-bottom:10px solid #ebebeb; width:100%; box-sizing:border-box; position:absolute; top:-270px; z-index:2}
.quoteForm h3{padding:20px 0; background:#31414f; color:#FFF; font-family:'Lato', sans-serif; font-size:30px; text-align:center; margin:0px;}
.quoteForm h3 span{font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; display:block; padding-top:10px;}
.quoteForm p{color:#00ab45; line-height:19px; font-family:'Roboto', sans-serif; margin:20px 0;}
.quoteForm .col-50{width:48%; margin-bottom:14px;}
.quoteForm .col-100{width:100%; clear:both; margin-bottom:14px; display:inline-block;}
.quoteForm input, .quoteForm select{width:100%; box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #d7d7d7; padding:0 20px; line-height: 45px; outline:none; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; font-family:'Roboto', sans-serif; font-size:14px; height: 47px;}
.quoteForm select{color:#9d9d9d;}
.quoteForm input:focus, .quoteForm select:focus{border:1px solid #30414f;}
.quoteForm input[type=submit]{font-size:20px; font-weight:700; font-family:'Lato', sans-serif; cursor:pointer; color:#fff; text-transform:uppercase; background:#00ab45; height:70px; border-radius:0px; border:0px; margin-top:10px}
.quoteForm input[type=submit]:hover, .quoteForm input[type=submit]:focus{background:#199a48;}
.quoteForm small{text-align:center; color:#929292; font-family:'Lato', sans-serif; display:block; padding:0px; margin-bottom:10px; margin-top: 0px; font-size:12px;}
form.wpcf7-form p {
    margin-bottom: 0;
}

/*iSelect */
.iSelect { position: relative; padding: 5px 30px 5px 20px; border: 1px solid #ccc; border-radius: 3px; width: 100%; height: 47px;line-height: 26px\9; font-family: sans-serif; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.iSelect select { min-height:28px !important; top:0; left:0; position:relative;}
.iSelect select option { padding:0 20px;}
.iSelect:after { content: ''; position: absolute; background:url(../images/dd-arrow.png) no-repeat center bottom; width: 10px; height: 6px; right: 10px; top: 0; bottom: 0; margin: auto 0; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.iSelect.drop{border: 1px solid #30414f;}
.iSelect.drop:after { background:url(../images/dd-arrow.png) no-repeat center top;}
.iSelect select { font-size: 13px; }
.iSelect p { font-size: 13px; line-height: 36px; margin:0; color: #9d9d9d; text-align:left;}
.invalid .wpcf7-form-control-wrap country-select > .iSelect {
  margin-bottom: 19px;
}

#content, .socialQuestions{clear:both; display:inline-block; width:100%;}
.socialQuestions{background:#e0e0e0; margin-top:8%; padding:40px 0; float:left;}
.socialQuestions .socials{float:left;}
.socialQuestions .socials .hupso-share-buttons{padding-bottom:0 !important; padding-top:13px !important;}
.socialQuestions .question{float:right; width:56.6%;}
.socialQuestions .question h4{float:left; margin:0px; font-family:'Roboto', sans-serif; font-size:25px; color:#31414e; font-weight:normal; padding-top: 10px;}
.socialQuestions .question a{margin-left:5.4%;}
.btn{color:#fff; font-size:16px; text-decoration:none; background:#00ab45; font-family:'Lato', sans-serif; font-weight:700; width:220px; height:46px; line-height:46px; display:inline-block; text-align:center; text-transform:uppercase; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.btn:hover{background:#199a48; color:#FFF; text-decoration:none;}

footer{width:100%; float:left; background:#30414f; padding:35px 0; font-family: 'Open Sans', sans-serif; font-size:12px;}
footer ul{width:100%; float:left; margin:0px; padding:0px; list-style:none;}
footer ul li{float:left; width:16.66%; text-align:left;}
footer ul li ul.sub-menu li{width:100%;}
footer ul li a{color:#fff; text-decoration:none; font-size:12px; font-weight:600; padding-bottom:10px; display:block;}
footer ul li a:hover{text-decoration:underline;}
.copyright{text-align:center; background:#262626; float:left; width:100%; color:#FFF; font-weight:600; font-family: 'Open Sans', sans-serif; padding:13px 0;}
.copyright a{color:#00ab45; text-decoration:none; font-weight:600;}

.guar-m{text-align:center; display:inline-block; width:100%; display:none;}
.oauth2relay1847665885{display:none;}

.asSeenon a img{height:19px;}
.mobile-s{display:none;}
#menu-main-navigation-menu > li:last-child ul{left:-99px;}
.quoteForm input.wpcf7-captchar{width:85px; margin-left:2%;}
img.wpcf7-captcha-captcha-37{margin-top:5px; float:left; margin-top:10px;}

@media (min-width: 1025px) and (max-width: 1280px){
	#slider .sliderText h2{line-height:normal; font-size:45px;}
	.beforeAfter{background-size:100%; right:5%;}
	.quoteForm{top:-210px;}
}
@media (min-width: 940px) and (max-width: 1110px){
	header .top .container{padding:0 0 0 10px;}
	.logo a{width:237px; height:50px; background-size:100%; margin: 22px 0 0;}
	.mainNav ul li a{padding: 38px 6%;}
	.asSeenon{background:#fafafa;}
	.asSeenon a{margin-left: 2%;}
	.asSeenon a img{height:15px;}
	.gallery-form .thumbnails a{width:48.4%;}
	.gallery-form{padding: 20px 0 0; background:#FFF;}
	.content h2{font-size:23px;}
	.content p, .content ul li{line-height:19px;}
	.quoteForm{border-left:1px solid #f5f5f5; top:-210px; border-right:1px solid #f5f5f5; padding: 25px 30px;}
	.quoteForm h3 span{padding-top:0px;}
	.quoteForm h3{font-size:29px; padding: 17px 0;}
	.socialQuestions .question h4{font-size:20px;}
	.socialQuestions .question a{margin-left:4%; width:36%;}
	#menu-main-navigation-menu > li:last-child ul{left:-99px;}
	
	#slider .sliderText h2{line-height:normal; font-size:38px;}
	.beforeAfter{background-size:100%; width:125px; height:125px; right:3%; top:8%;}
	#slider .sliderText h2::after{content:normal;}
		
}
@media (min-width: 940px) and (max-width: 1016px){
	#slider .sliderText h2 {font-size:35px;}
}
@media (min-width: 768px) and (max-width: 939px){
	body{padding: 95px 0 0;}
	header .top .container{padding:0 0 0 10px;}
	
	.logo{float:right; clear:none;}
	.logo a{margin-top:0px; width:220px; height:45px; background-size:100%; margin-top:7px;}
	.mainNav ul{background:#fff; width:100%; position:absolute; left:0px; top: 59px; display:none; box-shadow:0 2px 3px #333; -webkit-box-shadow:0 2px 3px #333; -moz-box-shadow:0 2px 3px #333; max-height:260px; overflow:auto;}
	.mainNav ul li{width:100%;}
	.mainNav ul li a{float:none; padding:0px; display:block; border-top: 1px dotted #eee; padding: 10px 21px; text-align:left;}
	.toggle{display:block;}	
	
	.asSeenon{background:#fafafa; padding: 15px 0;}
	.asSeenon a{margin-left: 2%;}
	.asSeenon span{font-size:12px;}
	.asSeenon a img{height:13px;}
	.gallery-form .thumbnails a{width:48.4%; font-size:10px;}
	.gallery-form{padding: 30px 0 0; background:#FFF;}
	#content{padding:0px;}
	#content .content h2{margin-top:0px;}
	.content h2{font-size:23px;}
	.content p, .content ul li{line-height:19px;}
	.quoteForm{padding:20px; top:-170px;}
	.quoteForm h3{font-size: 20px;}
	.quoteForm h3 span{font-size:13px; padding-top:0px;}
	
	.socialQuestions{padding: 20px 0;}
	.socialQuestions .question, .socialQuestions .socials{width:100%; text-align:center;}
	.socialQuestions .question h4{font-size:20px; float:none;}
	.socialQuestions .question a{margin-left:0%; margin-top: 15px;}
	
	.mainNav ul li ul.sub-menu{width:100%; position:relative; float:left; height:auto; background:#f8f8f8; top:0; left:0px; display:none; box-shadow:none;}
	.mainNav ul li ul.sub-menu li a{padding:10px 10px 10px 30px;}
	.mainNav ul li:hover ul.sub-menu{display:none;}
	.mainNav ul li span{display:block;}	
	
	#slider .sliderText h2{display:none;}
	.mobile-s{display:block; font-size:66px; text-align:center; line-height:normal;}
	.mobile-s span{font-size:18px; font-weight:normal; display:block;}
	
	#slider .slide-wrapper, #slider .slider-main, #slider #slider-pro-17{
		height: 509px !important;
	}
	#slider img {
		height: 509px !important;
		top: 254px !important;
		width: auto !important;
		left: 75% !important;
	}
	/*#slider .advanced-slider .layer{
		left:180px !important;
		top:240px !important;
	}*/
	#slider .advanced-slider .layer {
		left:3% !important;
		top: 50px !important;
	}
	
	.beforeAfter{
		right: 6%;
	}
	
	.content h2{
		font-size:21px !important;
	}
	#menu-main-navigation-menu > li:last-child ul{left:auto;}
		
}
/*@media (max-width: 768px){
	#slider .slide-wrapper, #slider .slider-main, #slider #slider-pro-17{
		height: 509px !important;
	}
	#slider img {
		height: 509px !important;
		top: 254px !important;
		width: auto !important;
		left: 75% !important;
	}
	#slider .advanced-slider .layer{
		left:180px !important;
		top:240px !important;
	}
	.content h2{
		font-size:21px !important;
	}
}*/
@media (max-width: 767px){
	body{padding: 95px 0 0;}
	.container{padding:0 10px;}
	.logo{float:right; clear:none;}
	.logo a{margin-top:0px; width:220px; height:45px; background-size:100%; margin-top:7px;}
	
	.getAquote-m{ box-sizing: border-box; text-align: center; width: 100%; font-weight:normal; font-size:22px; font-family:'Roboto', sans-serif;padding: 8px 21px; position:relative; display:block;}
	.getAquote-m:after{content:" "; color:#fff; width:13px; height:13px; background:url(../images/arrow-right.png) no-repeat center; position:absolute; top:15px; margin-left:10px;}
	.getAquote-m:hover{background:#199a48; color:#FFF; text-decoration:none;}
	header .top .getAquote{display:none;}
	.socialLinks li + li + li + li a{margin-right:0px;}
	header .top .tel{font-size:15px; padding: 8px 0;}
	.mainNav ul{background:#fff; width:100%; position:absolute; left:0px; top: 59px; display:none; box-shadow:0 2px 3px #333; -webkit-box-shadow:0 2px 3px #333; -moz-box-shadow:0 2px 3px #333; max-height:260px; overflow:auto;}
	.mainNav ul li{width:100%;}
	.mainNav ul li a{float:none; padding:0px; display:block; border-top: 1px dotted #eee; padding: 10px 21px; text-align:left;}
	.toggle{display:block;}
	
	.beforeAfter{display:none;}
	.quoteForm{position:relative; top:0px;}
	.asSeenon{text-align:center; background:#f2f2f2; padding:15px 0}
	.asSeenon a, .asSeenon span{display:inline-block; float:none;}
	.asSeenon span{font-size:13px;}
	.asSeenon a{margin-left: 4px;}
	.asSeenon a img{height:12px;}
	
	.gallery-form{background:#fff; padding-bottom:0px; padding-top:0px;}
	.gallery-form .container{padding:0px;}
	.col-50{width:100%;}
	.quoteForm{padding:0px; border-bottom:0px;}
	.quoteForm h3{font-size:22px; padding: 18px 0;}
	.quoteForm h3 span{font-size:14px; padding-top: 0px;}
	.quoteForm p{text-align:center; padding:0 10px;}
	.quoteForm form{padding:0 10px;}
	.quoteForm small{margin-top:0px; padding: 0 18px}
	.quoteForm input:focus, .quoteForm select:focus, .iSelect.drop{border: 1px solid #d7d7d7;}
	.iSelect p{text-align:left;}
	.quoteForm .col-50{width:100%; margin-bottom:-1px}
	.quoteForm .col-100{margin-bottom:-1px;}
	form.wpcf7-form p{margin-bottom:0px;}
	
	.gallery-form .thumbnails{padding:0 10px; max-width:360px; margin:auto;}
	.gallery-form .thumbnails a{width:100%; margin-top:15px;}
	.gallery-form .thumbnails a img{width:100%;}
	.gallery-form .thumbnails a + a{margin-left:0px; margin-bottom:20px;}
	.content h2{margin-top:10px;}
	
	.gallery-form .content{padding:0 10px;}
	
	.socialQuestions{padding:20px 0;}
	.socialQuestions .question, .socialQuestions .socials{width:100%; text-align:center;}
	.socialQuestions .socials .hupso_twitter{margin-left:33px !important;}
	div{width:auto; clear:inherit;}
	.socialQuestions .question h4{font-size:20px; float:none; display:none;}
	.socialQuestions .question a{margin-left:0%; margin-top: 15px;}
	
	footer{display:none;}	
	.copyright span{display:block;}
	
	.advanced-slider{padding-top:0px;}
	
	.mainNav ul li ul.sub-menu{width:100%; position:relative; float:left; height:auto; background:#f8f8f8; top:0; left:0px; display:none; box-shadow:none;}
	.mainNav ul li ul.sub-menu li a{padding:10px 10px 10px 30px;}
	.mainNav ul li:hover ul.sub-menu{display:none;}
	.mainNav ul li span{display:block;}
	
	.guar-m{display:block; margin:30px 0; clear:both;}
	.content img.pull-left.offset-right-20{display:none;}
	img.alignnone.size-full.wp-image-3913.hidden { margin:0 auto;
  display: block;
}
	.socialQuestions .socials .hupso_facebook {margin-bottom:5px;}
	.question h4{ display:none;}
	section, section.pagecontent{padding:0px;}
	
	#slider .sliderText h2{display:none;}
	.mobile-s{display:block; font-size:42px !important; text-align:center; line-height:normal;}
	.mobile-s span{font-size:14px; font-weight:normal; display:block;}
	
	/*#slider .slide-wrapper, #slider .slider-main, #slider #slider-pro-17{
		height: 270px !important;
	}*/
	
	#slider .slide-wrapper, #slider .slider-main, #slider #slider-pro-17{
		height: 318px !important;
	}
	
	#slider img {
		height: 345px !important;
		top: 145px !important;
		width: auto !important;
		left: 450px !important;
	}
	/*#slider .advanced-slider .layer{
		left:26px !important;
		top:148px !important;
	}*/
	
	#slider .advanced-slider .layer{
		left:0 !important;
		top:10px !important;
		width: 100% !important;
	}
	
	#menu-main-navigation-menu > li:last-child ul{left:auto;}
	.quoteForm input.wpcf7-captchar{width:100%; margin-left:0%;}
	
}
@media (min-width: 361px) and (max-width:640px){
	
	#slider img{
		left: 470px !important;
	}
	
}

@media (min-width: 321px) and (max-width: 360px){
	
	#slider img{
		left: 430px !important;
	}
	
}


/*@media (min-width: 320px) and (min-width: 360px){
	#slider .slide-wrapper, #slider .slider-main, #slider #slider-pro-17{
		height: 270px !important;
	}
	#slider img {
		height: 315px !important;
		top: 108px !important;
		width: auto !important;
		left: 100% !important;
	}
	#slider .advanced-slider .layer{
		left:26px !important;
		top:130px !important;
	}
}*/

iframe[name=google_conversion_frame]{display:none;}
.overlay{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:-1; left:0; top:0; opacity:0;}
.g-content{padding:10px; background:#000; width:80%; height:auto; position:absolute; top:0px; z-index:110; right:auto; left:10%; top:5%; z-index:-1; opacity:0;}
.g-content div#hupso_counters_0{width:100% !important;}


/*New Css Added*/
span.wpcf7-not-valid-tip {display:none !important;}
.wpcf7-not-valid {border:1px solid #cc0000 !important;}

.thanksBox{
font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background-color: #00ab45;
    border: 1px solid #037330;
    margin: 10px 0 20px;
    color: #fff;
}