@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MicroExtendFLF';
    src: url('../fonts/microextendflf.woff2') format('woff2'),
         url('../fonts/microextendflf.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:30px; margin:0; padding:0 0 10px 0; line-height:30px; color:#228bc9;font-family: 'MicroExtendFLF';}
h2 { font-size:20px; margin:0; padding:8px 0; line-height:24px; color:#666;}
h3 { font-size:19px; margin:0; padding:10px 0; line-height:24px; color:#228bc9;}
h4 { font-size:16px; margin:0; padding:10px 0; line-height:24px; color:#228bc9; font-weight: bold;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:24px; color:#2e4093;}
p { font-size:16px; margin:0px; padding:8px 0; line-height:22px;  color:#585970;}
a { color:#38b1e6; font-weight: bold; text-decoration:none;}
p span {color:#255a8d; font-weight:bold; text-decoration:none;}

ul.services,ul.services1 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#444; font-weight: normal; margin:10px 0; padding:0 20px; line-height:26px;  font-size:17px; background:url(../images/dots.png) 5px 10px no-repeat; list-style:none;}
ul.services1 li {color:#444; font-weight: normal; margin:0; padding:0 20px; line-height:26px;  font-size:17px; background:url(../images/dots2.png) 5px 10px no-repeat; list-style:none;}

ul.services2 { margin:10px 0; padding:0px; text-align:left;}
ul.services2 li {color:#444; font-weight: normal; margin:0px 0; padding:0 20px; line-height:24px;  font-size:17px; background:url(../images/dots.png) 5px 10px no-repeat; list-style:none;}


.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 100px; display: none; background: url(../images/icon_top.png) no-repeat; }
.border { float:left; width:100%; border-top:1px solid #d5d5d5; padding:5px 0; margin:20px 0;}

.centrel-heating {float:left; width:100%; margin:20px 0; padding:0px;}
.centrel-heating-left {float:left; width:35%;}
.centrel-heating-right {float:right; width:62%;}

.centrel-heating2 {float:left; width:100%; margin:0px; padding:0px;}
.centrel-heating2-left {float:left; width:66%;}
.centrel-heating2-right {float:right; width:30%;}

.heting-services { float:left; width:100%; margin:0px; padding:0px;}
.heting-services-left { float:left; width:48%;}
.heting-services-right { float:right; width:48%;}

#clients-logo { float:left; width:100%; margin:30px 0; padding:0px; text-align:center;}
#clients-logo ul { margin:0px; padding:0px;}
#clients-logo li { list-style:none; padding:5px 20px; display:inline-block;}

.wrapper { width:1100px; margin:0 auto;}

#header { float:left; width:100%; padding:15px 0 0; background:url(../images/header_banner.png) top left no-repeat;}
.logo { float:left; width:36%; }

.header-mid {float: left; margin:2% 0 0; width:36%;}
.header-mid h2 { margin:0px; padding:0 0 5px; line-height:35px; font-size:28px; font-weight: normal; vertical-align:top; }
.header-mid h2 span { min-height:50px; float:left; margin-right:10px;}
.header-mid h2 a {color:#e83a3c; font-family: 'MicroExtendFLF'; }

.header-right { float: right; width:25%; margin:0; text-align:center;}

.bathroom { float:left; width:100%;}
.bathroom-left { float:left; width:38%;}
.bathroom-right { float:right; width:60%;}
.bathroom-right h4 { margin:0px; padding:0px;}

.bathroom2 { float:left; width:100%; margin:20px 0;}
.bathroom2-left { float:left; width:58%;}
.bathroom2-left h4 { margin:0px; padding:0px;}
.bathroom2-right { float:right; width:38%;}

.finance { float:left; width:100%; margin:15px 0; padding:0px;}
.finance-left { float:left; width:60%;}
.finance-right { float:right; width:38%;}

.finance-img { float:left; width:100%; text-align:center; margin:15px 0;}

#general-plumbing { float:left; width:100%; margin:0px; padding:25px 0;background:url(../images/plumbstrip.jpg) no-repeat; background-size:100% 100%;}
.general-plumbing { float:left; width:100%;}
.general-plumbing-left { float:left; width:28%;}
.general-plumbing-left h1 { color:#fff;}
.general-plumbing-left p { color:#fff;}
.general-plumbing-right { float:right; width:66%;}
.general-plumbing-right ul {margin: 0; padding: 0;  -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3;overflow:hidden;}
.general-plumbing-right li { background:url('../images/arrow.png') no-repeat scroll 0 5px;color: #fff; font-size:16px; line-height:25px;list-style:none; margin: 0px; padding: 0 20px; text-align: left;}


.finance-img img { width:100%;}

.testimonials { float:left; width:100%; margin:15px 0;}
.testimonials-text { float:left; width:100%; margin:0; padding:10px 0; border-top:2px solid #333;}
.testimonials-text p { color:#444;}
.space { float:left; width:100%; margin:10px 0;}
.space2 { float:left; width:100%; margin:100px 0;}

#slider { float:left; width:100%; margin:0px; padding:0px;}
#slider img { width:100%; float:left;}

#box-pen { float:left; width:100%; margin:0; padding:30px 0; text-align:center;  background:url(../images/box-pen-bg.jpg) top left no-repeat; background-size:100% 100%;}
.box-1 { float:left; width:32%; margin:0 10px 0 0; border-right:2px solid #fff;}

.box-1:last-child { margin:0px; border:0px;}
.box-1 .btn { float:left; width:100%; margin:20px 0;}
.box-1 .btn a { text-decoration:none; color:#fff; border:1px solid #fff; font-size:14px; padding:5px 20px; border-radius:5px; font-weight: normal;}
.box-1 .btn a:hover { background:#e83a3c; border:1px solid #e83a3c;}

/*.box-1 img { width:100%;}*/

#content { float:left; width:100%; margin:20px 0; padding:0px;}
.home-img { float: left; margin-right:20px; margin-bottom:5px;}
.content-left { float:left; width:66%;}
.content-left h1 { padding:0px; font-size:30px; color:#e83a3c; font-family: 'MicroExtendFLF';}
.content-left h2 { line-height:26px; font-size:18px;margin-bottom: 15px;}
.content-right { float:right; width:32%;}

.pic-img { float:left; width:100%; text-align:center; margin-bottom:15px;}
.pic-img img {  width:100%;}

#accreditations {float:left; width:100%; text-align: left; padding:30px 0; background:#228bc9;}
.accreditations-left  {float:left; width:32%; margin:0;}
.accreditations-left h1 { padding-bottom:12px; text-transform:uppercase;  display:inline-block; border-bottom:1px solid #fff; font-size: 30px; font-weight:900;color:#fff; font-family: 'MicroExtendFLF';}
.accreditations-left p {  color:#fff;}
.accreditations-right { float: right; width:60%; margin-top:25px;}
.accreditations-right ul { margin:0px; padding:0px;}
.accreditations-right li { list-style:none; display:inline-block; margin:0px; padding:0 15px; vertical-align:middle;}


#booking { float:left; width:100%; margin:20px 0; padding:0; background:#e6e7e8; }
.booking { float:left; width:100%; padding:25px 0;}
.booking-left { float:left; width:78%;}
.booking-left h1 { font-size:24px;  margin:0px; padding:0px; font-weight:900;}
.booking-left p { font-size:18px; padding:12px 0 8px; font-weight:bold;}
.booking-right { float: right; width:20%;}
.booking-right .btn { float:left; width:100%; margin:20px 0;}
.booking-right .btn a { text-decoration:none; color:#fff; background:#e83a3c; font-size:18px; padding:12px 30px; border-radius:12px; font-weight: normal; }
.booking-right .btn a:hover { background:#c6392f;}

.booking2 { float:left; width:100%; margin:10px 0; padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.booking2-left { float:left; width:78%;}
.booking2-left h1 { font-size:28px;  margin:0px; padding:0px; font-weight:900;}
.booking2-left p { font-size:18px; padding:12px 0 8px; font-weight:bold;}
.booking2-right { float: right; width:14%;}
.booking2-right .btn { float:left; width:100%; margin:20px 0;}
.booking2-right .btn a { text-decoration:none; color:#fff; background:#2178bb; font-size:18px; padding:12px 30px; border-radius:12px; font-weight: normal; }
.booking2-right .btn a:hover { background:#185e93;}


#offers {background: url(../images/our-services-banner.png) no-repeat; background-size:100% 100%; float: left;margin: 0; padding:30px 0; text-align: center; width: 100%;}
#offers p { color: #fff; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height:30px;}
#offers h2 { color: #fff; font-size: 22px; margin: 0; padding: 0 0 15px;}
.offers { float:left; width:100%;}
.offers ul { margin: 0; padding: 0;  -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3;overflow:hidden;}
.offers li { background:url('../images/dots1.png') no-repeat scroll 0 8px;color: #fff; font-size:16px; line-height:24px;list-style:none; margin: 0 15px; padding: 0 20px; text-align: left;}

#offers .btn { float:left; width:100%; margin:40px 0 10px;}
#offers .btn a { text-decoration:none; color:#fff; background:#e83a3c;text-transform:none; font-size:16px; padding:8px 22px; border-radius:10px; font-weight: bold; }
#offers .btn a:hover { background:#c6392f;}

#areas {float:left; width:100%; margin:0; padding:20px 0; text-align:center;}
#areas h1 {display:inline-block; font-size:30px; color:#228bc9; font-weight:900; font-family: 'MicroExtendFLF';}
#areas p{color:#444; font-size:17px;}

#map{ float:left; width:100%; margin:0px 0;}
#map img { width:100%; float:left;} 
#map iframe { float:left;}

.finance{float:left; width:100%; margin:0px 0; background:#e2e2e2; padding:20px;}
.finance p{font-size:14px; line-height:22px; margin:0px; padding:0px; color:#555555;}

#footer { float:left; width:100%; background:#818285; padding:15px 0;}
.footer-1 { float:left; width:25%; padding:0 15px; border-left:1px solid #a8a9ac; }
.footer-1 ul { margin:0px; padding:0px;}
.footer-1 li { list-style:none; margin:0 10px; padding:0px;}
.footer-1 li span { float: left; margin-right:12px; min-height:110px;}
.footer-1 li h2 { color: #fff; font-size:16px; font-weight: bold; line-height:22px; margin: 0; padding: 0 0 4px;}
.footer-1 li b { font-weight:normal; margin-top:6px; display:block;}
.footer-1 li h3 { font-size:20px; color:#fff; margin:0px; padding:0px;}
.footer-1 .phone span { min-height:30px;}
.footer-1 li p { margin:0px; padding:0px; font-size:16px; line-height:22px; color:#fff;}
.footer-1 li.phone { float: left; width: 100%; padding:25px 0 12px;}
.footer-1 li.phone a {font-size:14px; line-height:20px; color:#fff; text-decoration:none;}

.footer-2 { float:left; width:24%; padding:0px 40px; border-left:1px solid #a8a9ac; border-right:1px solid #a8a9ac;}
.footer-2 h2 { color:#fff; margin:0px; padding:0 0 10px; color:#fff;}
.footer-2 ul { margin:0px; padding:0px;}
.footer-2 li { margin:0px; padding:0 0 5px; line-height:16px;color:#fff;font-size:12px; list-style:none;}
.footer-2 li a { color:#fff;  }
.footer-2 li a.active,.footer-2 li a:hover { color:#bfbfbf;}

.footer-3 { float:left; width:50%; padding:0 25px; border-right:1px solid #a8a9ac;}
.footer-3 h2 { color:#fff; margin:0px; padding:0 0 10px;}
.footer-3 ul { margin: 0; padding: 0;  -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3;overflow:hidden;}
.footer-3 li { margin:0 10px; padding:0 0 5px; font-size:8px; line-height:10px; color:#fff;}

.footer-4 { float: right; width:6%; padding:0 15px;  border-left:1px solid #a8a9ac; border-right:1px solid #a8a9ac;}
.footer-4 ul { margin: 0px; padding: 0px; }
.footer-4 li { padding:4px 0; float: left; width: 100%; list-style: none; }

#copyright { float:left; width:100%; background:#555658;}
#copyright p { text-align:right; color:#fff;}
#copyright p span { font-size:22px;color:#fff; vertical-align:middle;}
#copyright p a { text-decoration:none; color:#fff; font-weight:bold;}

.contact { float:left; width:100%; margin:20px 0 30px;}
.contact-left { float:left; width:46%;}
.contact-form { float: left; width: 100%;border-radius:20px; background:#f2f1f1; padding:15px; }
.contact-form h1 {  margin:5px 0 15px 0; text-align:center;}
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 20px; }
.label, .field { float: left; width: 100%; color: #58595b; font-size: 15px; padding:3px 0; }
.field .input { border: 1px solid #808285; line-height: 30px; width: 100%; padding: 0 5px; border-radius:5px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #d5d5d5; line-height: 35px; padding: 0 5px; }
.pad1 { text-align: center; }
.field textarea.input { line-height: 16px;}

.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 #cccccc;}
.imgcaptcha { border: 1px solid #cccccc; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #82aa46; border: 0 none; color: #fff; font-size: 17px; padding: 8px 50px; border-radius: 6px; }
.formrow.pad1 input:hover { background: #6a9629; cursor: pointer; }

.contact-right { float:right; width:48%; text-align: left;}
.contact-right h1 { text-align:center;}
.contact-right h3 {font-size:30px; line-height:50px; text-align:center; padding:0px;}
.address { float: left; width:100%; text-align: center; padding:25px 0; margin:30px 0; border-top:1px solid #bababb; border-bottom:1px solid #bababb; }
.address h2 { color:#228bc9; margin:0px; padding:0px; font-size:28px; line-height:35px; font-weight: bold;}
.address h2 span{font-size:12px; line-height:35px; vertical-align:middle; color:#555555;}
.address h3 { color:#444; margin:0px; padding:0px; font-size:28px; line-height:35px; font-weight: bold;}
.address p {  color:#444;  margin:15px 0; padding:20px 0; font-size:23px; line-height:32px; font-weight: bold; text-align:center;}

.facebook-icon { float:left; width:100%; padding:25px 0; margin:0 0 20px;  text-align:center;border-bottom:1px solid #bababb;}


#row { float:left; width:100%; margin:0px; padding:0px;} 
.row { float:left; width:100%; margin:10px 0; padding:0px;}
.row-left { float:left; width:48%;}
.row-right { float: right; width:48%;}

.row2 { float:left; width:100%; margin:20px 0; padding:0px;}
.row2-left { float:left; width:28%;}
.row2-right { float: right; width:62%;}

.col { float:left; width:100%; margin:15px 0; padding:0px;}
.col-left { float:left; width:36%;}
.col-left h2 { font-size:19px; line-height:26px;}
.col-right { float: right; width:60%;}
.col-right h2 { font-size:28px; font-weight:bold;font-family: 'MicroExtendFLF'; color:#228bc9;}

/*.gas-safe { float:left; width:100%; margin:20px 0; padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.gas-safe-left { float:left; width:48%;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe-right { float: right; width:48%;}*/

.videos { float:left; width:100%; margin:20px 0; padding:0px; text-align:center;}
.video1 { float:left; width:32%; margin:0 22px 0 0;}
.video1:last-child { float:right; margin:0px;}



#worcester-full { text-align:center;float:left; width:100%; margin:0px 0 30px; padding:30px 0; background:url(../images/worcester-full.png) top left no-repeat; background-size:100% 100%;}
#worcester-full h2 { color:#fff; font-size:23px;}
#worcester-full p { color:#fff; }

.worcester { float:left; width:100%; margin:15px 0 15px; padding: 0;}
.worcester-left { float:left; width:30%;}
.worcester-right { float: right; width:52%;}
.worcester-left h1,.worcester-right h1 { font-size:23px; font-weight:bold;}
.worcester-left h2,.worcester-right h2 { font-size:23px; font-weight:bold;font-family: 'MicroExtendFLF'; color:#228bc9;}
.worcester-left h3,.worcester-right h3 { font-size:18px; margin:0px; padding:0 0 10px;}

#register{width:100%; float:left; padding:20px 0;}
.register{width:100%; float:left;}
.register-left{float:left; width:48%; }
.register-right{float:right; width:50%;}


.videos-page {float: left; text-align: center; width: 100%;}
.videos-page h2 { margin-bottom:15px; font-weight:normal; color:#444;}
.video-left { float: left; text-align: left; width: 48%;}
.video-left h1,.video-right h1 { color:#e0001b; font-size:20px;}
.video-right { float: right;text-align: left; width: 48%;}


#small-text {float: left; text-align: center; width: 100%; margin:25px 0;}
#small-text p { font-size:15px; line-height:25px;}