body { margin: 0px; padding: 0px;  font-family:'Montserrat Regular';}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 36px; line-height:40px; margin: 0; padding: 0 0 10px 0; color: #00aeef;font-family:'Montserrat Bold';}
h2 { font-size: 34px; line-height:40px; margin: 0; padding: 8px 0;color: #00aeef; font-weight:normal;}
h3 { font-size: 19px; line-height: 28px; margin: 0; padding: 10px 0; color: #58595b;}
h4 { font-size: 22px; line-height: 28px; margin: 0; padding: 10px 0;  color: #dba628; font-weight: bold; }
h5 { font-size: 22px; line-height: 26px; margin: 0; padding: 20px 0; color: #319dce; font-weight:bold; }
p { font-size:19px; line-height:30px;  margin: 0px; padding: 10px 0; color: #58595b; font-weight: normal; font-family:'Montserrat Light';}
a { color: #00aeef; text-decoration: none; }
a span { color: #dba628;}
a:hover { text-decoration: none; color: #ee3128; } 

input[type="text"],input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;border-radius: 0;}

#map { float:left; width:100%;}
#map iframe { float:left; width:100%; border:0px;}
iframe#gmap { width:100%; border:0px;}

ul.services1,ul.services2 { margin: 10px 0; padding: 0px; text-align: left; }
ul.services1 li {color:#58595b; margin:0px; padding:0 15px;  line-height:28px; font-size:17px;background:url('../images/dot2.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;}
ul.services2 li {color:#91949a; margin:0px; padding:0 15px;  line-height:28px; font-size:18px;background:url('../images/dot3.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;font-family:'Montserrat Light'; }

.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 50px; display: none; background: url('../images/icon_top.png'); background-repeat:no-repeat; background-position:top 0 left 0; }

.nobr { white-space: nowrap; font-style: normal; }
.space { float:left; width:100%; margin:40px 0 0;}

.space3 { float:left; width:100%; margin:150px 0 0;}

.buxton-logo { float:left; width:96%; text-align:center; margin:0; position:absolute; bottom:-90px;}
.buxton-logo li { list-style:none; display:inline-block; vertical-align: bottom; margin:0;}
.buxton-logo li:first-child img {width:80%;}
.buxton-logo li:last-child  img {width:75%;}
.wrapper { width:1170px; margin: 0 auto;}

.header-inn { float:left; width:100%;}
.header-inn .header-links h2 { color:#fff;}
.header-inn .menu li a { color:#fff;}

#header-top { float:left; width:100%; background:#414042; padding:0px 0 0; position:fixed; z-index:999999;}
.header-top-inn { float:left; width:100%;}
.header-top-left { float: left; width:25%;}
.header-top-right { float: right; text-align:right;}
.header-top-right ul { margin:0px; padding:0px;}
.header-top-right li { list-style:none;color:#fff;font-size:15px ; line-height:20px; margin:0px; display:inline-block;}
.header-top-right li img{ vertical-align:middle;}
.header-top-right li a { color:#12c4ff; font-weight:bold; }
.header-top-right li a:hover { color: #efedf0;}
.header-top-right li span {vertical-align:top; margin-right:5px; float:left;}

#header { float:left; width:100%; padding:0px 0 20px; position:absolute; z-index:99999;}

.header { float:left; width:100%; padding:60px 0 20px;}
.logo { float:left; width:32%;}
.header-mid { float:left; width:23%; padding:20px 0 0;}
.header-mid h2 { color:#fff;  margin:0px; padding:0 25px 0 0; font-size:28px; line-height:32px;font-family:'Montserrat Regular'; font-weight: bold; float:left;}
.header-mid h2 a {color:#fff;font-size:24px; line-height:30px;}

.header-right { float:right; width:44%; margin:20px 0 0;}
.header-right li { list-style:none;display:inline-block; margin:0 6px 0 0;}
.header-right li:last-child { margin:0px;}
.header-right li a {display:inline-block; text-align:center; background-color:#5ab5f6;background-image:url('../images/get-instant-arrow.png'); background-repeat:no-repeat; background-position:top 18px right 15px; border:4px solid #fff; color:#fff; border-radius:26px; padding:6px 40px 6px 30px; font-size:15px; line-height:20px; font-weight: normal;}
.header-right li a:hover  { background-color:#ff7900; background-image:url('../images/get-instant-arrow.png'); background-repeat:no-repeat; background-position:top 18px right 15px; color:#fff; border:4px solid #fff; }

#mt-buxton {float:left; width:100%; padding:100px 0; background:#ebebec;}
.mt-buxton-inn {width:85%; margin:0 auto; position:relative;}
.mt-buxton-left { float:left; width:44%;}
.mt-buxton-left img { width:100%;}
.mt-buxton-right { float:right; width:58%; position:absolute; top:70px; right:50px;}
.mt-buxton-text {float:left; width:100%;background:#00569c; padding:50px 70px;}
.mt-buxton-text h2 {color:#fff; font-weight:bold; font-family:'Montserrat Bold'; font-size:40px;}
.mt-buxton-text p {color:#fff; font-size:19px; line-height:30px;font-weight:bold;font-family:'Montserrat Light';}
.mt-buxton-text ul { margin:15px 0 0; padding:0px;}
.mt-buxton-text li { list-style:none; color:#fff; margin:0px; padding:0px;font-size:19px; line-height:33px; font-weight:bold;font-family:'Montserrat Light';}
.mt-buxton-logo { float:left; width:100%; text-align:center; margin:-40px 0 0 0;}
.mt-buxton-logo li { list-style:none; display:inline-block; vertical-align: bottom; margin:0 20px 0 0;}




#home-services {float:left; width:100%;}
.home-services-left { float:left; width:50%;}

.services-slider { float:left; width:100%;}
.services-slider .commercial-services { float:left; width:100%; padding:80px 100px 180px;
background:url('../images/commercial-services-banner-image.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-size:100% auto;}

.services-slider .domestic-services { float:left; width:100%; padding:70px 100px 170px;
background:url('../images/domestic-services-banner-image.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-size:100% auto;}
.services-slider .services-arrow img { width:auto !important; display:inline-block !important;}

.services-slider h2 {color:#fff; font-size:40px;font-family:'Montserrat Bold';}
.services-slider h3 { color:#fff; padding:20px 0; font-weight:normal; font-size:25px; line-height:30px;}
.services-slider p {color:#fff;font-family:'Montserrat Light'; font-size:17px; line-height:25px; font-weight:bold;}

.services-slider .owl-carousel .owl-nav.disabled { display: none;}
.services-slider button { background:none; border:0px;}
.services-slider button.owl-prev {content:inherit; background:url('../images/arrow-left.png'); background-position:top 0 left 0; height:54px; width:30px; text-indent:-999px; overflow:hidden;}
.services-slider button.owl-next {content:inherit; background:url('../images/arrow-right.png'); background-position:top 0 left 0; height:54px; width:30px;text-indent:999px; overflow:hidden;}

.services-slider .owl-dots { float:left; width:100%; text-align: left; margin:-110px 0 0 80px; position:relative; z-index:99999;} 
.services-slider .owl-dots .owl-dot span {width: 26px; height:26px; margin: 5px 7px; background: #030405; border:4px solid #00c9ff; display: block;
-webkit-backface-visibility: visible;transition: opacity .2s ease; border-radius: 30px;}
.services-slider .owl-dots .owl-dot.active span, .services-slider .owl-dots .owl-dot:hover span {   background: #00aeef; border:0px;}

.home-services-right { float:right; width:50%; padding:80px 0px 0 80px;}
.home-services-right h2 { font-size:35px; line-height:40px;font-family:'Montserrat Bold';  margin:0px; padding:0 0 30px;}
.home-services-right ul { margin:10% 0 0; padding:0px;}
.home-services-right li { list-style:none; display:inline-block; margin:0px; padding:0px; text-align:center;}
.home-services-right li span { float:left; width:100%; color:#58595b; font-size:18px; line-height:24px; margin:0px; padding:10px 0 0;}
.home-services-right li a { color:#58595b;}

#get-quote { float: left; width:100%;}
#get-quote img { width:100%;}

#areas { float:left; width:100%; padding:70px 0;
background:url('../images/areas-we-cover-background.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-attachment:fixed; 
background-size:cover;}
.areas { float:left; width:100%;}
.areas-left { float:left; width:6%;}
.areas-right { float:right; width:94%; }
.areas-right h2 { color:#fff; margin:0px; padding:0 0 10px;font-size:35px;}
.areas-right h3 { color:#fff; margin:0px; padding:0px;font-size:21px; font-weight: normal;}
.areas-right p { color:#fff; margin:0px; padding:0px; font-size:17px;}
.locations { float:left;width: 100%; margin:30px 0 0 6%;}
.locations li { color:#fff; display:inline-block; list-style:none; margin:0px; font-size:21px; line-height:40px; padding:0 15px; background:url('../images/dot1.png'); background-position:top 18px left 0; background-repeat:no-repeat; font-weight:normal;}

#accreditations-logo { float:left; width:100%; text-align:center; background:#ebebec; padding:50px 0;}
.accreditations-logo { margin:0px; padding:0px;}
.accreditations-logo h2 { font-weight:normal;font-family:'Montserrat Regular';}
.accreditations-logo ul { margin:15px 0 0; padding:0px;}
.accreditations-logo li { list-style:none; display:inline-block; margin:0 20px; vertical-align:middle;}

#footer { float:left; width:100%; margin:0; padding:60px 0 30px; background:#404040;}
.footer { float:left; width:100%;}
.footer1 { float: left; width:36%;}
.footer1 h2 { font-size:18px; line-height:25px; margin:0px; padding:0 0 8px;}
.footer-form { float: left; width:100%;}
.footer-form-left { float:left; width:50%; padding:3% 0 0% 18%;background:#74539a;min-height:450px;}
.footer-form { float: left; width: 100%;}
.footer-form .formrow { float: left; width:46%; padding:0; margin:0 12px 8px 0; }
.footer-form .formrow input { border:1px solid #49494b; background:#fff; width: 100%; padding:6px 12px; border-radius:12px; font-family:'Montserrat Light'; font-size:14px;}
.footer-form .formrow textarea { border:1px solid #49494b; background:#fff; width: 100%; padding:6px 12px; border-radius:12px; font-family:'Montserrat Light'; font-size:14px;}
.formrow.formrow_full { width:95%; margin:0px;}
.footer-form .formrow.pad1 { float:left; width: auto; margin:0; padding:2px 0 0;}
.footer-form .formrow.pad1 input { background: #00aeef; border: 0 none; color: #fff; font-size: 16px; padding:6px 18px; border-radius: 4px;font-family:'Montserrat Light'; font-weight:bold; }
.footer-form .formrow.pad1 input:hover { background: #1f8fb9; cursor: pointer; }

.footer2 { float: left; width:8%; margin:0; text-align:center;}
.footer2 li { list-style:none; display:block; padding:0 0 25px;}
.footer2 li:last-child { padding:0px;}

.footer3 { float: left; width:36%; margin:0 2%;}

.footer4 { float: right; width:20%;}
.footer4 h2 { margin:0px; padding:0px; font-size:22px; line-height:26px;}
.footer4 h3 {margin:0px; padding:16px 0; font-size:27px; line-height:34px;}
.footer4 h3 a { color:#fff;}
.footer4 p { font-size:21px; color:#fff; margin:0px; padding:0px; line-height:30px;font-family:'Montserrat Light';}

#copy-right { float: left; width: 100%; background:#404040; padding: 12px 0; border-top:1px solid #fff;}
#copy-right p span { color: #fff; font-size:28px; vertical-align: middle; font-weight:bold;}
#copy-right p { text-align: left; color: #fff; margin: 0px; padding: 0px; font-weight:normal;font-family:'Montserrat Light'; font-size:17px;}
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #000; }

#content {float:left; width:100%;margin:100px 0; padding:0;}
#content2 {float:left; width:100%;margin:100px 0; padding:0;}
#content3 {float:left; width:100%;margin:100px 0; padding:0;}
#content4 {float:left; width:100%;margin:100px 0; padding:0;}
#content5 {float:left; width:100%;margin:100px 0; padding:0;}


.pic-img { float:left; width:100%; }
.pic-img img { width:100%; float: left;}

.row-content {float:left; width:100%; text-align:center; margin:70px 0 0;}

.row {float:left; width:100%; position:relative;}
.row-left {float:left; width:56%; background:#00569c; padding:70px; position:absolute; top:6%; left:0%;box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}
.row-left h2 {color:#fff;font-family:'Montserrat Bold';}
.row-left p { color:#fff; font-size:16px; line-height:25px; font-weight:bold;}
.row-right {float:right; width:50%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}


#gas-safe {float:left; width:100%; padding:50px 0; margin:0;
background:#000 url('../images/gas-safe-background.jpg');
background-repeat: no-repeat;background-size:auto 100%;background-position: right 0% top 0%;}
.gas-safe {width:60%; float:left;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe h2 {color:#fff; font-weight:bold; font-size:25px;}
.gas-safe h3 {color:#fff; font-size:17px; line-height:26px;}
.gas-safe p {color:#fff; font-size:17px; line-height:26px;}
.gas-safe p span {display:inline-block;}
.gas-safe p a { color:#fcf330;}


.plumbing-services { float:left; width:100%;}
.plumbing-services-left { float:left; width:20%;}
.plumbing-services-right { width:80%; float:right;}
.plumbing-services-right h2 { font-size:33px; line-height:40px; font-family:'Montserrat Bold';}

.our_services { float:left; width:100%; margin:50px 0 0;}
.our_services ul { margin:0px; padding: 0; -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}
.our_services li {color:#404040; margin:0px; padding:0 15px;  line-height:25px; font-size:16px;background:url('../images/dot2.png'); background-position:top 8px left 0px; background-repeat:no-repeat; list-style:none; font-weight:bold; }

#central-heating {float:left; width:100%;}
.central-heating-left {float:left; width:50%; min-height:500px;}
.central-heating-left iframe { float: left; border:0px;}
iframe#central_heating { width:100%;}
.central-heating-right { float:right; width:50%; padding:122px;background:#00569c; min-height:500px;}
.central-heating-right h2 {color:#fff;font-family:'Montserrat Bold'; font-weight:bold;}
.central-heating-right p { color:#fff; font-size:19px; line-height:30px; font-weight:bold;}
.central-heating-right .btn { float:left; width:100%; margin:4% 0 0;}
.central-heating-right .btn a { color:#00aeef; background:#fff; border-radius:8px; padding:12px 25px;}
.central-heating-right .btn a:hover { background:#000; color:#fff;}

.customer-stories { float: left; width:100%; margin:2% 0 6%;}
.customer-stories-left { float: left; width:78%;}
.customer-stories-right { float:right; width:22%; margin:1% 0 0;} 
.customer-stories-right a { color:#fff; background:#00569c; border-radius:20px; padding:10px 25px 10px 25px; font-size:19px;} 
.customer-stories-right a span { padding:0 0 0 10px;}
.customer-stories-right a:hover { background:#000;}

.customer-reviews { float: left; width:100%; margin:2% 0;}
.customer-reviews-left { float: left; width:26%;}
.customer-reviews-left h2 { font-size:25px; line-height:30px; color:#00569c; padding-bottom:15px;font-family:'Montserrat Bold'; font-weight:bold;}
.customer-reviews-mid { float: left; width:50%;}
.customer-reviews-right { float:right; width:16%;} 
.customer-reviews-right p { font-size:19px; margin:0px; padding:0px;}

#oftec-registered {float:left; width:100%; padding:0; margin:0px;
background:#000 url('../images/oftec-banner-banner.png');
background-repeat:no-repeat;
background-position:top 0 left 0;
background-size:auto 100%;}
.oftec-registered { float: right; width:50%; padding:35px 0 20px;}
.oftec-registered h2 { color:#fff; font-size:25px; line-height:30px; font-weight:bold;font-family:'Montserrat Bold';}
.oftec-registered h3 {color:#fff; font-size:17px; line-height:25px;}
.oftec-registered p {color:#fff; font-size:17px; line-height:24px;}
.oftec-registered p a { color:#008248;}
.oftec-logo { float:right;}

#contact { float:left; width:100%; margin:70px 0;}
.contact { float:left; width:100%; margin:0;}
.contact-left { float:left; width:40%;}
.contact-form { float: left; width: 100%; margin:15px 0 0;}
.contact-form p { font-weight: normal; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.formrow .input { border: 2px solid #00569c; color:#999da3; line-height: 30px; width: 100%; margin:5px 0; padding:5px 8px; font-size:17px; border-radius:5px; }
.pad1 { text-align: left;}
.formrow textarea.input { line-height: 16px; min-height:150px; color:#999da3;}
.formrow.captcha { float:left; width:100%;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #00569c;}
.imgcaptcha { border: 1px solid #00569c; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background: none;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #00b6f1; border: 0 none; border-radius:8px; color: #fff; font-size: 18px; padding: 10px 30px; font-family:'Montserrat Regular';}
.formrow.pad1 input:hover { background: #00569c; cursor: pointer; }

.contact-left .formrow.formrow_full { width:100%;}

.contact-right {float: right; width:48%;}
.contact-right h2 { margin:0px; padding:0 0 10px;}
.contact-right p { color:#939599; }
.contact-add { float:left; width:100%; margin:30px 0 20px; padding:50px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.contact-add h3 {  color:#58595b; margin:0px; padding:0 0 30px; font-family:'Montserrat Bold'; display:inline-block;}
.contact-add h3 a { color:#00569c; font-size:40px; line-height:50px;}
.contact-add h3 span,.contact-add h4 span {float:left; margin-right:20px; min-height:120px;}
.contact-add h4 {  color:#939599; margin:0px; padding:0 0 30px; font-weight:normal; line-height:35px;}

.row2 {float:left; width:100%; position:relative; text-align:center;}
.row2-left {float:left; width:54%; background:#00569c; padding:46px; position:absolute; top:8%; left:0%;box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}
.row2-left h2 {color:#fff;font-family:'Montserrat Bold'; background:url('../images/border-img.png'); background-repeat:no-repeat; background-position: bottom 0 right 50%; padding:0 0 30px; margin:0 0 30px;}
.row2-left h2 span { font-size:19px; line-height:25px;}
.row2-left .btn { float:left; width:100%; margin:15px 0 0;}
.row2-left .btn a { border:2px solid #fff; padding:10px 15px; border-radius:22px; color:#fff;}
.row2-left .btn a:hover { background:#00aeef; color:#fff;}

.row2-left p { color:#fff; font-size:17px; line-height:26px; font-weight:bold;}
.row2-right {float:right; width:50%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}


.row3 {float:left; width:100%; margin:12% 0 5%;}
.row3-left {float:left; width:44%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}
.row3-right {float:right; width:50%;}
.row3-right p { font-size:18px; line-height:27px; margin:0px; padding:0 0 15px;}

.row4 {float:left; width:100%; margin:12% 0 5%;}
.row4-left {float:left; width:30%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4); text-align:center; margin:0 8%;}
.row4-right {float:right; width:50%;}
.row4-right p { font-size:18px; line-height:27px; margin:0px; padding:0 0 15px;}
.space2 { float: left; width:100%; margin:50px 0;}

.row5 {float:left; width:100%; position:relative; text-align:center; margin:10% 0 5%;}
.row5-left {float:left; width:42%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}
.row5-right {float:right; width:58%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);position:absolute; top:6%; right:0%;}

.worcester {float:left; width:100%; position:relative; text-align:center; margin:0 0 10%;}
.worcester-left {float:left; width:54%; background:#00569c; padding:30px; position:absolute; top:8%; left:0%;box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}
.worcester-left h2 { font-size:30px;color:#fff;font-family:'Montserrat Bold'; background:url('../images/border-img.png'); background-repeat:no-repeat; background-position: bottom 0 right 50%; padding:0 0 30px; margin:0 0 30px;}
.worcester-left p { color:#fff; font-size:17px; line-height:26px; font-weight:bold;}
.worcester-right {float:right; width:52%; box-shadow:-4px 10px 30px 0 rgba(0,0,0,0.4);}

.worcester-services { float: left; width:100%; margin:2% 0 0;}
.worcester-services ul { margin:0px; padding:0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.worcester-services li { background:url('../images/worcester-dot.png'); background-position:top 10px left 0; background-repeat:no-repeat;list-style:none; color:#00aeef; font-size:20px; line-height:28px;list-style:none; margin: 0; padding: 0 15px; text-align: left; font-family:'Montserrat Bold';}

#worcester-full {float: left; width:100%; padding:50px 0; text-align:center;box-shadow:-10px -3px 18px 0px rgba(0, 0, 0, 0.3);
background:url('../images/wocester-full.png'); 
background-repeat:no-repeat; 
background-position:top 0 right 0%;
background-size:100% auto;}
.worcester-full {float: left; width:100%;}
.worcester-full h2 {font-size:28px; line-height:40px; margin:0 0 15px; padding:0px; color:#fff;font-family:'Montserrat Regular';}
.worcester-full p { color:#fff; font-size:17px;}

#worcester-col {float: left; width:100%; padding:0; text-align:center; margin:8% 0 4%;}
.worcester-col {float: left; width:100%;}
.worcester-col-left { float:left; width:46%; margin:0 3% 0 0; background: #fff; padding: 30px 50px; position: relative; list-style: none; box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); border-radius: 10px; min-height:520px; }
.worcester-col-left h2 { font-size:32px; line-height:40px; margin:0 0 15px; padding:0px;}
.worcester-col-left h3 {font-size:19px; line-height:28px; color:#00569c;}
.worcester-col-left p {color:#9a9da0; font-size:18px; line-height:30px;}
.worcester-icon {  margin: -80px 0 30px;}