@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
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");
    }




img, object, embed, video {
	max-width: 100%;
	background-color: undefined;
}

a{ text-decoration: none; }


/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

html{background-color: #fff;}
ul{padding: 0px; margin: 0px; list-style: none;}




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

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
	background-color: #fff;
}


/*Inners Start*/
.inner{ float: left; padding: 40px 20px;}
/*Inners End*/
.banner-cont{background-color: #443d7f;}
.master_logo { margin-top: 100px; float: left;}
.log-strap{width: 100%; background-color: #443d7f; text-align: center;}
.lgs-inner{ float: left; padding: 5px 10px 25px 15px;}
.lst{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 25px; color: #F8DFBF; }
.rst{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; font-size: 25px; color: #fff; font-weight: 100;}
.rst a{color: #fff;}

/* Calls To Action Start*/
.call2actions {margin-top: 50px; position: fixed; z-index: 1000; -webkit-box-shadow: 0 5px 4px -4px #ccc; -moz-box-shadow: 0 5px 4px -4px #ccc; box-shadow: 0 5px 4px -4px #ccc; width: 100%; text-align: left;}

.calls-to-action1{ background-color: #FBE8D0; float: left;  width: 50%; clear: none;}
.calls-to-action1 ul{ margin: 0px; padding: 0px; list-style-type: none;}
.calls-to-action1 li a{ font-family: 'Montserrat', sans-serif;  font-weight: 700; display: block; padding: 15px 20px; color: #443d7f; background-image: url(../images/arrows/calls-black-phone.png); background-repeat: no-repeat; background-position: 93% 50%; font-size: 16px;}

.calls-to-action2{ background-color: #f8e0c0; float: right; width: 50%; clear: none; }
.calls-to-action2 ul{ margin: 0px; padding: 0px; list-style-type: none;}
.calls-to-action2 li a{ font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; padding: 15px 20px; color: #443d7f; background-image: url(../images/arrows/whatsapp.png); background-repeat: no-repeat; background-position: 95% 50%; font-size: 16px; }


.calls-to-action1 li a:hover, .calls-to-action2 li a:hover{ background-color: #ccc; color: #443d7f;}
/* Calls To Action Endt*/


.ban-title{float: left; width: 100%; background-color: #EDECF2; text-align: center; border-bottom: solid 2px #ccc;}
.ban-inner{padding: 20px 10px;}
.ban-title h3{color: #443d7f; font-family:'Bookman Old Style W10'; font-size: 22px; font-weight: bold;}

/* Banner Starts*/
.banner{ float: left;}
/* Banner Ends*/


.tstrapline{float: left; width: 100%; text-align: center; background-color: #443d7f; 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;}
.tstrapinner{ padding: 20px 30px;}





/*Intro Copy Home starts*/
.introhp{ background-color: #fff; float: left; width: 100%; text-align: left; border-top: solid 5px #443d7f; margin-bottom: 30px;}
.introhp h1{ font-family:'Bookman Old Style W10'; font-size: 25px; color: #443d7f; display: block; line-height: 35px; margin-bottom: 20px; font-weight: 500; }
.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: 20px; color: #443d7f; font-weight: bold; display: block; margin: 25px 0px 8px 0px; line-height: 27px; text-transform: uppercase;}
.introhp p{font-family: 'Bookman Old Style W10'; color: #333; font-size: 17px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 15px;}
.introhp p a{color: #8f5348; font-size: 18px;}
.largep{font-family:'Bookman Old Style W10'; font-size: 20px; color: #000; display: block; line-height: 30px; margin: 25px 0px; font-weight: 600;}
.largep a{color: #8f5348;}
.imgpush{margin: 20px 0px 30px 0px; -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/arrows/li-img2.jpg");list-style-position: outside; margin-left: 20px; font-family: 'Bookman Old Style W10'; color: #333; font-size: 17px; line-height: 26px; padding: 10px 0px 0px 2px;}
.inside-list a{color: #8f5348;}

/*Intro Copy Home ends*/



/*Home Services Here*/
.hservtit{float: left; width: 100%; background-color: #443d7f; text-align: center;}
.hsinner{padding: 20px;}
.hservtit h3{font-family:'Bookman Old Style W10'; font-size: 22px; color: #fff; text-transform: uppercase; font-weight: normal; line-height: 28px;}
.hservices{float: left; width: 100%; background-color: #F7EFE5; border-bottom: 5px solid #443d7f; margin-bottom: 40px;}
.hsminner{float: left; padding: 40px 20px 20px 20px;}
.hservices img{ -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.hbl{float: left; width: 100%; margin-bottom: 50px;}
.hpbxcpy{float: left; width: 100%;}
.hpbxcpy h4{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 25px 0px 15px 0px; color: #8f5348; font-size: 20px;}
.hsbut { float: left; display: block; width: 100%; margin-top: 20px;}
.hsbut a{ display: block; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #443d7f; font-size: 18px; background-image: url("../images/arrows/bbuts-arrow.png"); background-repeat: no-repeat; background-position: 60% 45%;}
.hsbut a:hover{color: #8f5348; background-image: url("../images/arrows/bbuts-arrow-ov.png");}
.hpbxcpy p{font-family: 'Bookman Old Style W10'; color: #000; font-size: 17px; line-height: 26px; display: block; font-weight: normal; margin-bottom: 10px;}
/*Home Services Ends Here*/



/*Drainage Secton Starts Here*/
.drainage-section{width: 100%; float: left; background-color: #EDECF2; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; margin-top: 30px;}
.dsinner{float: left; padding: 30px 20px 10px 20px;}
.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%;}
.sboxl{float: left; width: 100%; margin-bottom: 30px;}
.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: 17px; line-height: 26px; 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*/



/*Testimonials Start Here*/
.testimonials{width: 100%; float: left; margin-bottom: 40px; background-color: #f3f3f3; border-bottom: solid 5px #EDECF2; border-top: solid 5px #EDECF2;} 
.testtitle{width: 100%; 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: 100%; float: left; background-color: #fff; margin-bottom: 20px;}
.tthl p{color: #333; font-size: 17px; line-height: 26px; font-family: 'Bookman Old Style W10';  font-weight: normal; display: block ; margin-bottom: 10px; padding: 20px 20px 0px 20px;}
.tthl h4{display: block; font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 5px; color: #443d7f; padding: 0px 20px 20px 20px;}
.tthl{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; margin: 0px 0px 20px 20px;}
/*Testimonials End Here*/




/*Boilers Home Page Starts Here*/
.boilsst{width: 100%; float: left; background-color: #443d7f; text-align: center;}
.boilsst h3{font-family:'Bookman Old Style W01'; font-size: 28px; color: #fff; display: block; line-height: 36px; text-transform: uppercase;}
.boilsst-inner{float: left; padding: 30px;}
.boilers{width: 100%; float: left; background-color: #fff; text-align: center; border-bottom: 10px solid #443d7f; margin-bottom: 40px; background-image:url("../images/hp/boilers-line.jpg");background-repeat: repeat-x; }
.boilers-inner{float: left; padding: 40px 20px;}
.bhold{width: 100%; float: left;}
.bhold p{font-family: 'Bookman Old Style W10'; color: #000; 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: 100%; float: left; }
.steps-inner{float: left; padding: 40px 20px 10px 20px;}
.stepst{width: 100%; float: left; background-color: #443d7f; text-align: center;}
.stepst-inner{float: left; padding: 30px;}
.stepst h3{ font-family:'Bookman Old Style W10'; color: #fff; font-size: 26px; font-weight: 700; text-transform: uppercase; line-height: 31px;}
.booking{width: 100%; float: left; background-color: #4abcd5; text-align: center; border-bottom: 10px solid #443d7f;}
.ssh{width: 100%; float: left; margin-bottom: 40px;}
.ssh h4{display: block; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 14px; color: #fff;}
.ssh p{display: block; color: #443d7f; font-size: 17px; line-height: 26px; font-family: 'Bookman Old Style W10'; font-weight: 600; margin-bottom: 20px;}
.tscontact{width: 100%; float: left; text-align: center; padding: 20px 0px; background-color: #443d7f;}
.tscspn{width: 100%; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 20px; font-weight: 700; display: block; margin-bottom: 10px;}
.tscspn a{color: #fff; font-size: 20px; font-weight: 700;}
/*Three Steps Ends Here*/



/*Book Appointment Form Starts*/
.contact-inner{ padding: 30px 20px; float: left;}
.book_appointment {float: left; background-color: #f3f3f3; margin-bottom: 10px; text-align: center;}
.book_appointment h3{ font-family:'Bookman Old Style W01'; color: #443d7f; font-size: 35px; font-weight: normal; margin-bottom: 20px; line-height: 38px; }
.book_appointment h6{width: 100%; font-family: 'Bookman Old Style W01'; font-size: 20px; color: #8f5348; display: block; line-height: 30px; margin-bottom: 10px; margin-top: 20px; float: left;}

.book_appointment 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; display: block; font-weight: 500; font-size: 15px; line-height: 21px; color: #443d7f; margin-bottom: 20px;}

.linefield-new{ padding: 10px 20px; background-color: #fff; width: 89%;  float: left; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: normal; color: #443d7f;  margin-bottom: 10px; display: block; border: 0;}
.linefield2{ padding: 20px; height: 120px; width: 89%;  float: left; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: normal; margin-bottom: 10px; display: block; color: #443d7f; background-color: #fff; border: 0;}
.book_appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #443d7f; border: 0px; 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, .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;
}
/*below turns of blue border around textarea in form*/

input[type="email"] { border: 0; outline:none; box-shadow: none; background-color: #FCFCFC;}
input, textarea, select {
   -webkit-appearance: none;
}
.g-recaptcha{ float: left; width: 100%; margin: 10px 0px;}

.con-inner{ float: left; padding: 0px 20px 30px 20px;}
/*Book Appointment Form Ends*/






/*Copywrite Starts*/
.finner{ padding: 0px 20px 30px 20px;}
.blue-wrap{background-color: #443d7f;}
.ftels1{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; display: block; margin-top: 0px;}
.copyrite hr{ display: block; height: 1px; border-top: 1px solid #c2b79a; margin: 1em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}
.copyrite{ text-align: center; background-color: #443d7f; float: left;}
.copyrite h3{color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; display: block; margin-bottom: 15px; line-height: 26px;}
.copyrite li a{ color: #f8e0c0; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; display: block; margin-top: 15px;}
.ftels2{ color: #ccc; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 500; margin-bottom: 10px; display:block;}
.copyrite a{ text-align: center; color: #f8e0c0; font-size: 1.1em; line-height: 1em; font-family: 'Montserrat', sans-serif; text-decoration: none; font-weight: 600;}
.copyrite p{ text-align: center; color: #ccc; font-size: 1em; line-height: 1.5em; font-family: 'Montserrat', sans-serif; text-decoration: none; font-weight: 500; margin-bottom: 10px;}
.copyrite p a{ text-align: center; color: #ccc;; font-size: 1em; line-height: 1.5em; font-family: 'Montserrat', sans-serif; text-decoration: none; font-weight: 600; margin-bottom: 10px;}
.areas-footer{width: 100%; display: block; padding-top: 30px; margin-top: 30px; border-top: solid 1px #ccc; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #ccc;}
.areas-footer p{color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 15px; line-height: 22px;  font-weight: 500;}
.cc{color: #ccc; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 17px;  font-weight: 500;}
/*Copywrite Ends*/


.sitemap{ float: left; width: 100%;}
.smhod{float: left; width: 100%; display: block;}
.smhod h5{font-family:'Bookman Old Style W01'; font-size: 20px; color: #443d7f; display: block; margin: 20px 0px 12px 0px;}
.smhod li a{color: #666; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; display: block; margin-bottom: 12px;}
.smhod li a:hover{color: #443d7f}




/*Return To To Starts*/
#rtt{ position: fixed; bottom: 0px; float: left; display: none; overflow: hidden; z-index: 999;  width: 100%; text-align: center; }
#rtt a{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.4em; color: #443d7f; padding: 13px 0px; background-color: #f8e0c0; opacity: 0.9;}
/*Return To To Ends*/



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


input, textarea, select {
   -webkit-appearance: none;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}




















/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
	width:100%;
	clear: none;
	float: none;
	margin-left: auto;
}
	

	
	
.linefield{ width: 98%; float: left; padding: 15px 0px 15px 15px; background-color: #fff; }

.linefield2{ width: 98%; float: left; padding: 15px 0px 15px 15px; height: 120px; }

.linefield-contact{ width: 100%;  float: left; padding: 15px 0px 15px 15px; color: #000; margin-bottom: 10px; }


.book_appointment a{  width: 100%; float: left; text-align:center; padding: 20px 0px; background-color: #443d7f; border: 0px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px;  border-radius: 3px; color: #fff !important;}
.book_appointment a:hover{ background-color: #f8e0c0;}
	



.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}





/* Desktop Layout: 769px to a max of 480px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.gridContainer {
	width: 100%;
	max-width: 768px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}