/*
font-family:'Bookman Old Style W10';
font-family:'Bookman Old Style W01';
*/
/*font-family: 'Montserrat', sans-serif;
300,400,500,600,700*/


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=ee82848b-a90d-4f7d-a9ee-96d2b47e1a60");
    @font-face{
        font-family:"Bookman Old Style W01";
        src:url("Fonts/84e1d9b2-4a5e-42f7-b7bb-e9edadb46977.woff2") format("woff2"),url("Fonts/6be90075-e8bd-4719-b8d4-8cc8edb917e6.woff") format("woff");
    }
    @font-face{
        font-family:"Bookman Old Style W10";
        src:url("Fonts/f6aba349-f7ee-4de2-9eed-b1d73078a326.woff2") format("woff2"),url("Fonts/89effd35-47eb-49d2-aa34-4de7362ae6b2.woff") format("woff");
    }


*{
	margin: 0px;
	padding: 0px;
}



img{
	border:0px;
	}
	
a{-webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; }

ul{ padding: 0px; margin: 0px; list-style: none; }
	
/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
overflow-y: scroll;
}
/*centering jump ends*/


html {  -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; }


/*content wrapper for fade effect starts*/
#content-wrapper{
display:none;	
}
/*content wrapper for fade effect ends*/


body{
	margin: 0; padding: 0px; 
    font-family:'DIN Next W01 Medium'; text-align: center; -webkit-text-size-adjust: 100%;
	/* change below to fixed or scroll*/
	text-rendering: optimizeLegibility;
	background-color: #fff;
	background-image: url(../images/body_bkg_new.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}



/*Master Container Starts*/
#master-container {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	border-top: 5px solid #443d7f;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: geometricPrecision;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	}
	/*Master Container Ends*/

/*Top Nav Starts*/
.top-nav{float: left; width: 1140px; padding: 15px 30px; background-color: #EDECF2;}
.tnh{float: left; width: 640px;}
.top-nav li {display: inline-block;}
.top-nav li a{color: #443d7f; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; margin-left: 30px;}
.top-nav li a:hover{color: #000;}
.top-nav li #current{color: #8f5348;}
.top-num{float: right; display: block; width: 500px; text-align: right;}
.ttel{color: #443d7f; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-left: 15px;}


/*Banner Content Starts*/
.tbanner{width: 1200px; height: 262px; float: left; border-bottom: solid 1px #443d7f;}
/*Banner Content ends*/

/*Rotator Content starts*/
.rotator{float: left; width: 1200px; height: 510px; background-color: #ccc;}
.rotator a{-webkit-transition: 0ms ease 0s; -moz-transition: 300ms ease 0s; -o-transition: 0ms ease 0s; transition: 0ms ease 0s; outline: 0 none; text-decoration: none; }
/*Rotator Content Ends*/

.tstrapline{float: left; width: 1200px; text-align: center; background-color: #443d7f; padding: 15px 0px; color: #f8e0c0; font-size: 22px; font-family: 'Montserrat', sans-serif;font-weight: 600; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}

/*Inner Wrapper starts*/
.inner-wrapper{float: left; width: 1140px; padding: 40px 30px;}
/*Inner Wrapper Ends*/


/*Strips starts Here*/
.strips{float: left; width: 1140px; margin-bottom: 40px;}


/*Home Intro starts Here*/
.introhp{float: left; width: 1140px; text-align: left;}
.hcleft{float: left; width: 660px;}
.hcright{float: right; width: 440px; margin-top: 20px;}
.introhp h1{ font-family:'Bookman Old Style W10'; font-size: 30px; color: #443d7f; display: block; line-height: 40px; margin-bottom: 20px;}
.introhp h2{font-family:'Bookman Old Style W10'; font-size: 20px; color: #333; display: block; line-height: 30px; margin-bottom: 20px;}
.introhp h3{font-family:'Bookman Old Style W01'; font-size: 20px; color: #8f5348; display: block; line-height: 30px; margin-bottom: 20px; text-transform: uppercase;}
.introhp h4{font-family:'Bookman Old Style W01'; font-size: 20px; color: #443d7f; display: block; line-height: 28px; margin-bottom: 15px; text-transform: uppercase;}
.introhp h5{font-family:'Bookman Old Style W01'; font-size: 18px; color: #443d7f; display: block; margin: 25px 0px 8px 0px; text-transform: uppercase; line-height: 28px;}
.introhp p{font-family: 'Bookman Old Style W10'; color: #333; font-size: 16px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 15px;}
.largep{font-family:'Bookman Old Style W10'; font-size: 20px; color: #000; display: block; line-height: 30px; margin:25px 0px 25px 0px; font-weight: 600;}
.largep{color: #8f5348;}
.imgpush{margin-bottom: 30px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}

.inside-list{ display: block; margin: 10px 0px 25px 0px; }
.inside-list ul li{list-style-image:url("../images/universal/arrows/li-img2.jpg");list-style-position: outside; margin-left: 20px;
font-family: 'Bookman Old Style W10'; color: #333; font-size: 16px; line-height: 1.4em; padding: 10px 0px 0px 2px;}
.inside-list a{color: #8f5348;}




/*Home Services Here*/
/*Strips starts Here*/
.fstrips{float: left; width: 1200px; margin-bottom: 40px;}
.hservtit{float: left; width: 1200px; background-color: #443d7f; text-align: center; padding: 20px 0px; }
.hservtit h3{font-family:'Bookman Old Style W10'; font-size: 25px; color: #fff; text-transform: uppercase; font-weight: normal;}
.hservices{float: left; width: 1140px; background-color: #F7EFE5; padding: 30px 30px 20px 30px; border-bottom: 5px solid #443d7f;}
.hservices img{ -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.hsstrip{ float: left; width: 1140px; margin-bottom: 40px;}
.hbl{float: left; width: 360px; margin-right: 30px;}
.hbr{float: left; width: 360px;}
.hpbxcpy{float: left; width: 360px; height: 290px;}
.hpbxcpy h4{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 15px 0px; color: #8f5348; font-size: 20px;}
.hsbut { float: left; display: block; width: 100%;}
.hsbut a{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #443d7f; font-size: 18px; background-image: url("../images/universal/arrows/bbuts-arrow.png"); background-repeat: no-repeat; background-position: 45% 45%;}
.hsbut a:hover{color: #8f5348; background-image: url("../images/universal/arrows/bbuts-arrow-ov.png");}

.hpbxcpy p{font-family: 'Bookman Old Style W10'; color: #000; font-size: 14px; line-height: 20px; display: block; font-weight: normal; margin-bottom: 10px;}

/*Testimonials Start Here*/
.testimonials{width: 1140px; float: left; padding: 40px 30px; margin-bottom: 40px; background-color: #f3f3f3; border-bottom: solid 5px #EDECF2; border-top: solid 5px #EDECF2;} 
.testtitle{width: 1140px; float: left; margin-bottom: 20px; text-align: center;}
.testtitle h3{display: block; font-size: 25px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #443d7f; margin-bottom: 10px;}
.testtitle h4{font-family: 'Bookman Old Style W10'; color: #333; font-size: 19px; display: block;}
.tthl{width: 326px; float: left; padding: 20px; background-color: #fff; margin-right: 20px;}
.tthr{width: 326px; float: right; padding: 20px; background-color: #fff;}
.tthl p, .tthr p{color: #333; font-size: 14px; line-height: 22px; font-family: 'Bookman Old Style W10';  font-weight: normal; display: block ; margin-bottom: 10px;}
.tthl h4, .tthr h4{display: block; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #443d7f;}
.tthl, .tthr{border-radius: 15px; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.09);}
.stars{float: left; width: 120px; height: 21px; background-image: url("../images/star.png"); background-repeat: repeat-x;}
/*Testimonials End Here*/


/*Boilers Home Page Starts Here*/
.boilers{width: 1200px; height: 462px; float: left; background-image: url("../images/hp/boilers-bkg3.jpg"); text-align: center; border-bottom: 10px solid #443d7f;}
.bhold{width: 700px; float: left; margin: 60px 0px 0px 40px;}
.bhold h3{font-family:'Bookman Old Style W01'; font-size: 30px; color: #443d7f; display: block; line-height: 40px; margin-bottom: 20px;}
.bhold p{font-family: 'Bookman Old Style W10'; color: #fff; font-size: 18px; line-height: 28px; display: block; font-weight: normal; margin-bottom: 15px;}
.bhold a{color: #443d7f; font-size: 20px; font-weight: normal; background: #F7EFE5; padding: 8px 20px; display: inline-block;
border-radius: 100px; margin-top: 25px; font-family: 'Bookman Old Style W10';}
.bhold a:hover{ color: #F7EFE5; background: #443d7f;}
/*Boilers Home Page Ends Here*/



/*Three Steps Starts Here*/
.steptrip{width: 1200px; float: left;}
.stepst{width: 1200px; float: left; padding: 20px 0px; background-color: #443d7f; text-align: center;}
.stepstimg{width: 1200px; float: left; height: 400px;}
.stepst h3{ font-family:'Bookman Old Style W10'; color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase;}
.booking{width: 1140px; float: left; padding: 10px 30px 30px 30px; background-color: #4abcd5; text-align: center;}
.ssh{width: 340px; float: left; padding: 20px; }
.ssh h4{display: block; font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 12px; color: #fff;}
.ssh p{color: #443d7f; font-size: 16px; line-height: 24px; font-family: 'Bookman Old Style W10';  font-weight: 600;}
.sstels{display: block; color: #443d7f; font-size: 15px; line-height: 24px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.tscontact{width: 1200px; float: left; text-align: center;padding: 20px 0px; background-color: #443d7f;}
.tscspn{font-family: 'Montserrat', sans-serif; color: #fff; font-size: 16px; font-weight: 700; margin-left: 20px;}
.tscspn a{color: #fff;}
/*Three Steps Ends Here*/


/*Drainage Secton Starts Here*/
.drainage-section{width: 1080px; float: left; padding: 30px; background-color: #EDECF2; -moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.draintilt{float: left; display: block; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #443d7f; font-size: 25px; width: 100%; margin-bottom: 30px;}
.dsstrip{float: left; width: 100%; margin-bottom: 30px;}
.sboxl{float: left; width: 255px; margin-right: 20px;}
.sboxr{float: right; width: 255px;}
.imgpushsm{margin-bottom: 12px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.dsstrip h5{display: block; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #443d7f; font-size: 20px; margin-bottom: 12px;}
.dsstrip p{color: #333; font-size: 14px; line-height: 24px; font-family: 'Bookman Old Style W10';}
.dsstrip a{color: #F7EFE5; font-size: 18px; font-weight: normal; background: #443d7f; padding: 8px 20px; display: inline-block;
border-radius: 100px; margin-top: 25px; font-family: 'Bookman Old Style W10';}
.dsstrip a:hover{ color: #443d7f; background: #F7EFE5;}
/*Drainage Secton Ends Here*/


/*Book Appointment Starts Here*/
.book_appointment{ width: 1120px; float: left; padding: 40px; background-color: #f3f3f3; border-bottom: 5px solid #443d7f; margin-bottom: 40px;}

.book-left{ width: 500px; float: left; padding: 0px 15px 10px 0px;}

.book_appointment h3{ font-family:'Bookman Old Style W10'; color: #443d7f; font-size: 35px; font-weight: 700; margin-bottom: 20px; line-height: 45px; }

.book-left p{ font-family: 'Bookman Old Style W01'; font-weight: normal; font-size: 17px; line-height: 26px; color: #000; display: block; margin-bottom: 15px;}

p.bookbold{ font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 13px; line-height: 16px; color: #443d7f;}

.book-form{ width: 500px; float: right; }

.linefield{ width: 460px; float: left; padding: 10px 20px; background-color: #fff; margin-bottom: 5px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal; border: 0px; color: #443d7f;}

.linefield2{ width: 460px; float: left; padding: 10px 20px; height: 120px; margin-bottom: 5px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal; border: 0px; color: #443d7f;}

.book_appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #443d7f; border: 0px; font-size: 20px; font-family:'Bookman Old Style W10'; font-weight: 700; color: #fff; border-radius: 3px;}
.book_appointment a:hover{ background-color: #f8e0c0;}

/*below turns of blue border around formfields*/
.book_appointment input:focus {
border-color: #071379; box-shadow: 0 0 10px #071379; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}
/*below turns of blue border around textarea in form*/
.book_appointment textarea:focus {
 border-color: #071379; box-shadow: 0 0 10px #071379; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;}
	
.g-recaptcha{ float: left; margin: 5px 0px;}





/*FOOTER SECTION STARTS HERE*/
.footer{float: left; width: 1200px; padding: 0px 0px 30px 0px; background-color: #443d7f;}
.clhold{float: left; margin: 20px 0px 0px 30px;}
.flogo{float: left; width: 1200px; height: 206px; display: block;}

.fcols{float: left; width: auto; margin-right: 100px;}

.fcols li a, .fcolr li a{color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 10px;}

.fcols li a:hover, .fcolr li a:hover{color: #f8e0c0;}

.fcolr{float: left; width: auto;}

.footer h3{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 10px;}

.footer p{color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 5px;}

.ftels{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 5px;}

.ftels a{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 5px;}

.areas-footer{float: left; width: 1140px; color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; display: block; margin-bottom: 5px; padding-top: 30px; margin-top: 30px; border-top: solid 1px #ccc; margin-left: 30px; background-image: url("../images/universal/footer-gas-logo.png"); background-repeat: no-repeat; background-position: bottom right;}
.afleft{float: left; width: 550px;}
.afright{float: right; width: 550px; margin-left: 30px;}
.areas-footer h3{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 10px;}

.areas-footer p{color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 5px; line-height: 20px;}



.copyright{ float: left; width: 1140px; color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; display: block; margin-bottom: 5px; padding-top: 30px; margin-top: 30px; border-top: solid 1px #ccc; margin-left: 30px;}



/*new accordian content*/
.accord-title{ display: block; width: 980px; font-family:'Bookman Old Style W10'; font-weight: normal; font-size: 25px; color: #396F58; margin-bottom: 20px; line-height: 30px;}

.accordionButton h5{ font-family:'Bookman Old Style W10'; color: #443d7f; font-size: 17px; font-weight: normal; text-transform: uppercase; padding-right: 40px;}
.accordionContent p{ font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color: #666; font-size: 17px; line-height: 22px; margin-bottom: 0px;}

.accordionButton { width: 960px; float: left; _float: none;  /* Float works in all browsers but IE6 */ cursor: pointer; border: solid 1px #EDECF2; padding: 10px; margin-bottom: 6px; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; background-image: url(../images/universal/arrows/image1.png); background-position: 100% 50%; background-repeat: no-repeat; border-radius: 5px; text-transform: uppercase; background-color: #EDECF2;}	

.accordionContent { width: 940px; float: left; _float: none; /* Float works in all browsers but IE6 */ margin-bottom: 10px; padding: 20px; }


.on { background: #F7EFE5; border: solid 1px #F7EFE5; background-image:url(../images/universal/arrows/image3.png);  background-position: 100% 50%; background-repeat: no-repeat; }

.over { background: #F7EFE5; border: solid 1px #F7EFE5; background-image: url(../images/universal/arrows/image1.png);  background-position: 100% 50%; background-repeat: no-repeat; }

/*new accordian content ends*/


/*Area Strips Content Starts*/
.area_hs{ display: inline-block; float: left; margin-right: 20px; width: 215px; background-color: #fff;}
.area_hs li{ color: #000; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; display: block; margin-bottom: 7px;}
.area_hs li a{ color: #000; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 400; display: block; margin-bottom: 7px;}
.area_hs li a:hover{color: #ff7f19;}
/*Area Strips Content Starts*/

.sitemap{ float: left; width: 1050px; margin-left: 55px;}
.smhod{float: left; width: auto; margin-right: 50px; display: block;}
.sitemap h1{ font-family:'Bookman Old Style W10'; font-size: 30px; color: #443d7f; display: block; line-height: 40px; margin-bottom: 20px;}
.sitemap h2{font-family:'Bookman Old Style W10'; font-size: 20px; color: #333; display: block; line-height: 30px; margin-bottom: 20px;}
.sitemap h5{font-family:'Bookman Old Style W01'; font-size: 16px; color: #443d7f; display: block; margin: 40px 0px 8px 0px;}
.sitemap li a{color: #666; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; display: block; margin-bottom: 8px;}
.sitemap li a:hover{color: #443d7f}





































/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}

/*aligns cookies left*/
.cc-banner{ text-align: left;}