@charset "utf-8";
/* CSS Document */
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:22px; margin:0; padding:0 0 10px 0; line-height:28px; color:#519e28;}
h1 span { color:#9bbf42;}
h2 { font-size:18px; margin:0; padding:8px 0; line-height:26px; color:#444;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:24px; color:#155200;}
h4 { font-size:25px; margin:0; padding:10px 0; line-height:30px; color:#2a2e8f; font-weight: normal;}
h4 a { color:#2a2e8f;}
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:23px;  color:#585970;}
a { color:#519e28; font-weight: normal; text-decoration:none;}
p span {color:#255a8d; font-weight:bold; text-decoration:none;}

ul.services,ul.services1,ul.services2,ul.services3 { margin:20px 0; padding:0px; text-align:left;}
ul.services li {color:#444; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}
ul.services1 li { list-style:none;color:#444; padding:0 30px; margin:0px; line-height:26px; font-size:16px; font-weight: normal; background:url(../images/arrow-icon.png) 0 5px no-repeat;}
ul.services2 li { list-style:none;color:#444; padding:0 30px; margin:0px; line-height:25px; font-size:16px; font-weight: normal; background:url(../images/arrow-icon2.jpg) 0 5px no-repeat;}
ul.services3 li { color:#444; padding:0 10px; margin:0 15px; line-height:25px; font-size:16px; font-weight: normal; }

.row table,.col-left table { border-collapse: collapse; margin:20px 0; text-align:left; font-weight:bold;}
.row table,.row table th,.row table td {  border: 1px solid #155200;padding:8px; color:#357220;}

.col-left table th,.col-left table td {  border: 1px solid #155200;padding:8px; color:#357220;}

.tariff-table { float: left; width:100%;}
.tariff-table td { text-align:center;}

.reviews { float:left; width:100%; margin:10px 0; padding:15px 0; border-bottom:2px solid #519e28;}
.check-trade-logo { float:left; margin-right:20px;}


.recovery { background: #186416; color: #fff; float: left; padding:10px 0; font-weight:bold; text-align: center; width: 100%;}
.link a { font-weight:normal; color:#666;}
.space { float: left; width:100%; margin:50px 0;}
.space2 { float: left; width:100%; margin:20px 0;}

.worcester-logo { float:left; width:100%; margin:0px; padding:0px;}
.vaillant-logo { float:left; width:100%; margin:0 0 20px; padding:0px;}


#faqs { float:left; width:100%; margin:20px 0; padding:20px 0; background-color:#ebebeb;}


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

#header { float:left; width:100%; padding:15px 0;}
.logo { float:left; width:38%; }

.header-mid {float: left;margin:20px 0 0;text-align: left; width:46%;}
.phone-top { float:left; width:100%; text-align:center; }
.phone-top span {float:left; margin-right:10px;}
.phone-top h2 { margin:0 15px; padding:0 10px; color:#7fc142; float:left; line-height:40px; font-size:26px; font-weight: bold; vertical-align:top;;}
.phone-top h2 { border-right:5px solid #428e00;}
.phone-top h2 span { float: left; vertical-align:top;}
.phone-top h2 a{color:#252525; font-weight: bold;}
.phone-top p { text-align:left; padding:0px; font-size:16px;  line-height:22px;}

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

.menu { width:100%; float:left; margin:0px; padding:0px; text-align:center; background:#428e00;}
.menu-inn {margin:0 auto;width:1100px; max-width:100%; padding:0px; }
.menu ul { margin:0px; padding:0px;}
.menu li {float:left; list-style:none; padding:0px; }
.menu li a { color:#fff; text-decoration:none;}
.menu li a:hover,.menu li.active { background:#155200 ; color:#fff;}


#container.renewables { margin:0px; }
.renewables h2 { color:#519e28;}
.renewables h3 { color:#519e28; font-weight:normal;}

.renewables1 { float:left; width:100%;}
.renewables1-left { float:left; width:68%;}
.renewables1-right { float:right; width:30%;}

.renewables2 { float:left; width:100%; margin:20px 0;}
.renewables2-left { float:left; width:30%;}
.renewables2-right { float:right; width:68%;}


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

#container { float:left; width:100%; margin:50px 0; padding:30px 0; background-color:#ebebeb;}

#box-pen { float:left; width:100%; margin:-70px 0 0; text-align:center; position:relative; z-index:999999;}
.box { float:left; width:32%; margin:0 10px 0 0;}
.box-1 { float:left; width:100%; background-color:#818386; padding:10px; min-height:270px;}
.box-1:hover { cursor:pointer; background-color:#428e00;}
.box-1 h2 { color:#fff;}
.box-1 p { color:#fff;}
.box-icon { float:left; width:100%;}
.box:last-child { margin:0px; border:0px;}
.box-read-more { float:left; width:100%; margin:10px 0 0; text-align:center;}
.box-read-more a { color:#fff; font-weight:bold;background-color:#a4a7a9;float:left; width:100%; padding:10px 0;}
.box-read-more a:hover { background-color:#428e00;}


#content { float:left; width:100%; margin:30px 0; padding:0px;}
.home-img { float: left; margin-right:20px; margin-bottom:5px;}
.content-left { float:left; width:62%;}
.content-left h1 { padding:0px; font-size:25px; margin-bottom:10px;}
.content-left h2 { line-height:26px; font-size:18px;margin-bottom: 15px;     color: #58585a;}
.content-right { float:right; width:32%;}

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

#booking { float:left; width:100%; margin:0; padding:30px 0;background: url('../images/booking-bg.jpg') no-repeat scroll left top / 100% 100%;}
.booking { float:left; width:100%; padding:25px 0;}
.booking-left { float:left; width:80%;}
.booking-left h1 { font-size:34px;  margin:0px; padding:0px; font-weight: bold; color:#fff;}
.booking-left p { font-size:18px; padding:12px 0 8px; font-weight:bold; color:#fff;}
.booking-right { float: right; width:15%;}
.booking-right .btn { float:left; width:100%; margin:15px 0;}
.booking-right .btn a { text-decoration:none; color:#fff; text-transform:none; background:#428e00; font-size:18px; padding:12px 20px; border-radius:12px; font-weight: normal; border:2px solid #fff; }
.booking-right .btn a:hover { background:#878787; color:#fff;}

#accreditations {float:left; width:100%; margin:0; padding:0; text-align:center; background:#ececed;}
.accreditations  {float:left; width:100%; margin:0; padding:30px 0; }
.accreditations-left { float:left; width:50%; text-align:left;}
.accreditations-left h1 { /*border-bottom:1px solid #bcbec0;*/ padding-bottom:12px; display:inline-block; color:#186416; font-size: 30px; font-weight: bold;}
.accreditations-left p { font-size:15px;}
.accreditations-right { float: left; width:44%; text-align:left; margin:20px 0 0; float:right}
.accreditations-right ul { margin:0px; padding:0px;}
.accreditations-right li { list-style:none; display:inline-block; margin:0 12px; padding:0px; vertical-align:middle; float:left}


#offers {background: url('../images/our-services-banner.png') no-repeat scroll left top / 100% 100%; float: left;margin: 0; padding:30px 0; text-align: center; width: 100%;}
.offers-1 { display: inline-block; float: none; margin: 0 auto; vertical-align: top;}
.offers-1 ul { margin: 0; padding: 0;}
.offers-1 li { background:url('../images/arrow.png') no-repeat scroll 0 5px;color: #fff; font-size:16px; line-height: 30px;list-style:none; margin: 0 15px; padding: 0 20px; text-align: left;}
#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 .btn { float:left; width:100%; margin:40px 0 10px;}
#offers .btn a { text-decoration:none; color:#fff; background:#428e00;text-transform:none; font-size:16px; padding:8px 22px; border-radius:10px; font-weight: bold; }
#offers .btn a:hover { background:#878787; color:#fff;}

#trustpilot { float:left; width:100%; margin:0; padding:30px 0;}

#areas {float:left; width:100%; margin:0; padding:30px 0; text-align:center; background:#7fc15a;}
#areas h1 {display:inline-block; font-size:40px; color:#444; line-height:55px; font-weight: normal;}
#areas h1 span {color:#fff;}
#areas h1 span a { color:#fff; font-weight:normal;}

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

#footer { float:left; width:100%; background:#8a8d90; padding:15px 0; margin:0px;}
.footer-1 { float:left; width:41%; padding:0 15px; border-left:1px solid #a8a9ac; border-right: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:90px;}
.footer-1 li h2 { color: #fff; font-size: 16px; font-weight: bold; line-height:21px; margin: 0; padding: 0 0 10px;}
.footer-1 li b { font-weight:normal; margin-top:6px; display:block;}
.footer-1 li h3 { font-size:25px; color:#fff; margin:0px; padding:0px;}
.footer-1 .phone span { min-height:30px;}
.footer-1 li p { margin:0px; padding:0px; font-size:15px; line-height:22px; color:#fff;}
.footer-1 li.phone { float: left; width: 100%; padding:15px 0 8px;}
.footer-1 li.phone a {font-size:14px; line-height:20px; color:#fff; text-decoration:none;}

.footer-2 { float:left; width:51%; padding:0 25px; margin-left:20px; border-right:1px solid #a8a9ac;}
.footer-2 h2 { color:#fff; margin:0px; padding:0 0 2px;}
.footer-2 ul { margin:0px; padding:0px; }
.footer-2 li { margin:0px; padding:0 0 5px; font-size:8px; line-height:7px; color:#fff;}
.footer-2 li a { text-decoration:none; color:#fff; font-weight:bold;}
.footer-2 li a:hover { color:#000;}
.footer-2 li ul li {list-style:none; padding: 0 0 4px 4px;}

.footer-2-1,.footer-2-2,.footer-2-3,.footer-2-4 {float: left;width: 24%;}
.footer-2-1 .title,.footer-2-2 .title,.footer-2-3 .title,.footer-2-4 .title {margin:0px; padding:0 0 5px; font-size:9px; line-height:11px; color:#fff; list-style-type: disc;}

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


#copyright { float:left; width:100%; background:#428e00;}
#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-left { float:left; width:43%;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#fff; padding:15px; }
.contact-form h1 { text-align: right; margin:5px 0 15px 0; font-size:22px;}
.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: 10px; }
.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: #186416; border: 0 none; color: #fff; font-size: 17px; padding: 8px 50px; border-radius: 6px; }
.formrow.pad1 input:hover { background: #428e00; cursor: pointer; }

.contact-right { float:right; width:52%; text-align: left; margin-bottom:20px;}
.contact-right .address { float: left; width:100%; text-align:center; padding:20px 0; margin:10px 0 30px; border-top:2px solid #bababb; border-bottom:2px solid #bababb; }
.contact-right .address h2 { color:#000; margin:0px; padding:10px 0 15px; font-size:35px; line-height:35px; font-weight: bold;}
.contact-right .address h2 span {vertical-align:top;}
.contact-right .address p {  color:#3f3f40;  margin:0; padding:0; font-size:20px; line-height:26px; font-weight: normal;}
.social-img { float:left; width:100%; margin:0 0 20px; padding:10px 0 40px; text-align: center; border-bottom:2px solid #bababb;}

.row { float:left; width:100%; margin:20px 0; padding:0px;}
.row-left { float:left; width:30%;}
.row-left h1 span {  color:#9bbf42; }
.row-right { float: right; width:66%;}

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

.col { float:left; width:100%; margin:20px 0; padding:0px;}
.col-left { float:left; width:66%;}
.col-right { float: right; width:30%; color: #585970; line-height:26px;}

.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;}


.services { float:left; width:100%; margin:10px 0 20px; padding:0px;}
.services-left { float:left; width:48%;}
.services-right { float: right; width:48%;}
.services-left ul,.services-right ul { margin:0px; padding:0px;}
.services-left li,.services-right li {color:#444; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}


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

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


.worcester-video { border-top:1px solid #000; padding:30px 0; float: left; text-align: center; width: 100%;}
.worcester-video ul {margin: 0; padding: 0;}
.worcester-video li { display: inline-block; list-style:none; margin: 0 5px;text-align: center;width: 32%;}

.martop{margin-top:190px;}