@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:20px; margin:0; padding:0 0 10px 0; line-height:26px; color:#2e4093;}
h2 { font-size:16px; margin:0; padding:8px 0; line-height:22px; color:#58585a;}
h3 { font-size:17px; margin:0; padding:10px 0; line-height:24px; color:#2e4093;}
h4 { font-size:16px; margin:0; padding:10px 0; line-height:24px; color:#58585a; font-weight: normal;}
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:#58585a;}
a { color:#2e4093; font-weight:bold; text-decoration:none;}
p span {color:#2e4093; font-weight:bold; text-decoration:none;}

ul.services,ul.services1 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#2e4093; font-weight: normal; margin:0 15px; line-height:26px;  font-size:17px;}
ul.services1 li { padding:0 5px; margin:0 15px; line-height:20px; font-size:15px;}

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

#header { float:left; width:100%; margin 0 auto; padding:25px 0 0 0;} /*padding:25px 0;*/
.logo { float:left; width:32%; margin:-5px 0 0 0;}

#getaquote { float:left; width:100%; margin:20px 0 30px;}
#getaquote img { width:100%;}

#mid-banner { float:left; width:100%; padding:50px 0;
background:
url('../images/mid-banner-img.png'), 
url('../images/midpage-banner-bg.png'); 
background-repeat: no-repeat, repeat-y; 
background-position:left 25% top 45%,left 0 bottom 0; 
background-size:auto auto,cover;}
.mid-banner { float: right; text-align:center; width:40%;}
.mid-banner h2 { color:#000; font-size:25px; line-height:30px;}
.mid-banner h3 { color:#000; font-size:30px; line-height:40px; font-weight:normal;}

.mid-banner p { font-size:16px; line-height:22px;}
.vaillant-boilers-logo { float:left; width:100%; padding:10px 0;}


.row_1 {float:left; width:100%; margin:15px 0;}
.row1_left {float:left; width:30%;}
.row1_mid {float:left; width:30%; margin: 0 20px;}
.row1_right {float:right ; width:30%;}

#popup {
display: inline;
	position: fixed;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 400px;
	height: 195px;
	display:none;
	background-color:white;
	border:2px solid #e93e35;
border-radius: 10px;
	padding:20px 20px 20px 20px;
	text-align:center;
	z-index: 9999;
}
.pop_title{font-size:20pt;color:#2e4093;font-family:Arial, Helvetica, sans-serif;}
.pop_text{font-size:12pt;color:#e93e35;font-family:Arial, Helvetica, sans-serif;}
.pop_text p {font-size:12pt;color:#e93e35;font-family:Arial, Helvetica, sans-serif;}
.pop_text h2 {font-size:12pt;color:#e93e35;font-family:Arial, Helvetica, sans-serif; border:2px solid #e93e35; width: 200px; background: #fff; border-radius: 10px; margin: 10px auto 0 auto; padding: 5px;}
.pop_text span {font-size:9pt;color:#000;font-family:Arial, Helvetica, sans-serif;}
.pop_email{width:200px;}

input[type=submit] {
    background: #fff;
    border: 0px solid black;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0 10px;
    display: inline-block;
    text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    color: #000;
    cursor: pointer;
    overflow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;'
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.header-mid {float: left;margin: 10px 10px 0 90px; text-align: left; width: 30%;}
.phone-top { float:left; width:100%; margin-bottom:10px;}
.phone-top span {vertical-align :top; float:left; min-height:60px; margin-right:15px;  margin-top: 5px;}
.phone-top h2 { margin:0px; padding:0 0 5px; color:#21357d; line-height:40px; font-size:35px; font-weight: normal; }
.phone-top h2 span { float:none;}

.book-now { float:left; width:100%; margin:0px; padding:0px; text-align:center;}
/*.book-now a { background:#ea3e35; color:#fff; border-radius:5px; padding:8px 80px;}
.book-now a:hover { background:#304091;}*/

.checkatrade { text-align:center;}

.testimonials { text-align:center;float:left; width:100%; margin:15px 0;}
.testimonials-btn { margin:15px 0;}
.testimonials-btn a { background:#ea3e35; color:#fff; border-radius:15px; padding:10px 40px;}
.testimonials-btn a:hover { background:#304091;}

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

.header-right { float: right; width:22%; margin:0; text-align:center; padding: 0;} /* padding: 20px 0 5px 0; */
.header-right h2{font-size:25px; color:#2e4093; font-weight:bold; padding:0px; margin:0; line-height: 40px;}
.header-right span{font-size:18px; color:#e93e35;}
.header-right a{color:#2e4093; text-decoration:none;}

.menu { width:100%; float:left; margin:0px; padding:0px; text-align:center; background:#2e4093;}
.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; font-family:Arial, Helvetica, sans-serif; font-size:15px; }
.menu li a { color:#fff; text-decoration:none;}
.menu li a:hover,.menu li.active { background:#2e4093 ; color:#fff;}

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

#box-pen { float:left; width:100%; margin:20px 0; padding:0; text-align:center; }
.box-1 {/* float:left;*/ float:none; display:inline-block; width:24%; margin:0 14px 0 0;}
.box-1 img { width:100%;}
.box-1:last-child { margin:0px; border:0px;}


#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:62%;}
.content-left h1 { padding:0px; font-size:25px;}
.content-left h2 { line-height:26px; font-size:18px;}
.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%; margin:20px 0; padding:0; }
.accreditations  {float:left; width:100%; margin:0; padding:20px 0; border-top:1px solid #818284; border-bottom:1px solid #818284;}
.accreditations-left { float:left; width:22%;}
.accreditations-left h1 { border-bottom:1px solid #bcbec0; padding-bottom:6px; display:inline-block; color:#2e4093; text-transform:uppercase;}
.accreditations-right { float: right; width:76%; text-align:center; margin:45px 0 0;}
.accreditations-right ul { margin:0px; padding:0px;}
.accreditations-right li { list-style:none; display:inline-block; margin:0 10px; padding:0px; vertical-align:middle;}
.accreditations-right li:last-child { float:right; margin:0px;}

#offers {background: url('../images/offers-bg.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: 18px; 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;}
#offers h2 { color: #fff; font-size: 22px; margin: 0; padding: 0 0 15px;}
#offers .btn { float:left; width:100%; margin:20px 0;}
#offers .btn a { text-decoration:none; color:#fff; background:#e93e35;text-transform:uppercase; font-size:15px; padding:8px 20px; border-radius:10px; font-weight: normal; }
#offers .btn a:hover { background:#2e4093; color:#fff;}


#booking { float:left; width:100%; background:#e7e7e8; padding:25px 0;margin:20px 0; }
.booking { float:left; width:100%; text-align:center;}
.booking-left { float:left; width:80%; text-align:center;}
.booking-left h1 { font-size:32px;  margin:0px; padding:0px; font-weight:600;}
.booking-left p { font-size:22px; padding:12px 0 8px;}
.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:uppercase; background:#e93e35; font-size:18px; padding:12px 20px; border-radius:12px; font-weight: normal; }
.booking-right .btn a:hover { background:#2e4093; color:#fff;}

#areas {float:left; width:100%; margin:0; padding:30px 0; text-align:center;}
#areas h1 {display:inline-block; font-size:30px;}
#areas p { font-size:18px; line-height:25px;}
#areas ul { margin:10px 0; padding:0px; -moz-column-count:4; -webkit-column-count:4; column-count:4;}
#areas ul li {list-style:none; font-size:18px; color:#2e4093; text-align:left; margin:0 0 0 50px; padding:3px 0px;}
#areas ul li a{color:#2e4093; text-decoration:none;}

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



#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:0 0 24px;}
.footer-1 li span { float: left; margin-right:12px; min-height:130px;}
.footer-1 li h2 { color: #fff; font-size: 15px; font-weight: bold; line-height:21px; margin: 0; padding: 0;}
.footer-1 li h3 { font-size:18px; color:#fff; margin:0px; padding:0px;}
.footer-1 .phone span { min-height:30px;}
.footer-1 li p { margin:0px; padding:0px; font-size:14px; line-height:20px; color:#fff;}
.footer-1 li.phone { float: left; width: 100%;}
.footer-1 li.phone a {font-size:14px; line-height:20px; color:#fff; text-decoration:none;}

.footer-2 { float:left; width:25%; padding:0px 12px; 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; width:49%; float:left;}
.footer-2 li { margin:0px; padding:0 0 5px; line-height:12px;color:#fff;font-size:11px; list-style:none;}
.footer-2 li a { color:#fff; font-weight:bold; }

.footer-3 { float:left; width:44%; padding:0 25px; }
.footer-3 h2 { color:#fff; margin:0px; padding:0 0 10px;}
.footer-3 ul { margin:0px; padding:0px; float:left; width:32%;}
.footer-3 li { margin:0px; list-style:none; padding:0 0 5px; font-size:8px; line-height:8px; 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:8px 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 0;}
.contact-left { float:left; width:48%;}
.contact-left h1 { text-align: center;}
.contact-form { float:left; background:#e6e5e6; padding:25px; border-radius:20px; margin-bottom:20px;}
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; color:#58595b !important; text-align: left;}
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; text-align:center; }
.label, .field { float: left; width: 100%; color: #58595b; font-size: 15px; }
.field .input { border: 1px solid #464749; line-height:26px; width: 100%; padding: 0 5px; border-radius:5px; }
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow img { width: 35px; height: 35px; cursor: pointer; }
.formrow a { color: #c61f2d; text-decoration: none; }
.field.captch input { border: medium none; float: left; line-height: 38px; margin-right: 15px; text-align: center; color: #21236f; font-style: italic; background: url(../images/captch.jpg) top left no-repeat; width: 150px; font-size: 18px; }
.formrow.captcha_input input { float: left; border: 1px solid #d5d5d5; line-height: 35px; padding: 0 5px; }

.contact-right { float:right; width:48%; text-align: left; margin-bottom:20px;}
.facebook-icon { float:left; width:100%; padding:20px 0; margin:20px 0;  text-align:center;}
.facebook-icon a { line-height:30px;}
.contact-right .address { float: left; width:100%; text-align:center; padding:20px 0; margin:10px 0; border-top:1px solid #bababb; }
.contact-right .address h2 { color:#2e4093; margin:0px; padding:10px 0 5px; font-size:30px; font-weight: bold;}
.contact-right .address h2 span { color:#404041; font-weight:normal;}
.contact-right .address h3  { color:#818284; margin:0px; padding:10px 0;font-size:20px;}
.contact-right .address p {  color:#949599;  margin:20px 0 0; padding:0; font-size:18px; line-height:24px; font-weight:bold;}
.contact-right .address h2 a { font-size:22px; font-weight:normal;}


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

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

.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:#2e4093; 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%;}

.testimonials-text { float:left; width:100%; margin:0 0 15px;}


.faq { float:left; width:100%; margin:10px 0; padding:0;}
.faq-left { float:left; width:82%;}
.faq-left h3 { margin:0px; padding:0px; font-size:20px; font-style: italic;}
.faq-left p { margin:0px; padding:0px;}
.faq-right { float: right; width:14%;}
.space { margin:20px 0; padding:0px; float:left; width:100%;}

.blog { float:left; width:100%; margin:10px 0; padding:0;}
.blog-left { float:left; width:78%;}
.blog-right { float: right; width:18%;}



.buttonblue {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #2e4093;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight:bold;
  width: 100%;
}

.buttonblue:hover {
  background: #e93e35;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight:bold;
  width: 100%;
}

.buttonred {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #e93e35;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight:bold;
  width: 100%;
}

.buttonred:hover {
  background: #2e4093;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight:bold;
  width: 100%;
}

.buttonleft {
  float: left;
  width: 48%;
  margin: 0 0 2% 0;
}

.buttonright {
  float: right;
  width: 48%;
   margin: 0 0 2% 0;
}
.buttonright a#wa{border-radius:25px; background:#4aa316; padding:10px 15px; color:#FFF; float:left;}

.header-mid .buttonleft {
  margin: 0 auto!important;padding: 0!important;
}

.testimonials iframe{width:100%;}
.testimonials iframe body {width: 100%;}