@charset "utf-8";
/* CSS Document */
html {}
body {margin:0px; padding:0px 0; font-family:Arial, Tahoma, verdana;}
h1 { margin:0px; padding:0 0 10px; font-size:24px; line-height:25px; color:#22358c; font-weight:bold;}
h2 { margin:0px; padding:10px 0; font-size:18px; line-height:22px; color:#22358c; font-weight: normal;}
h3 { margin:0px; padding:10px 0; font-size:17px; line-height:22px; color:#22358c; font-weight:normal;}
h4 { margin:0px; padding:10px 0; font-size:16px; line-height:25px;}
p { font-size:15px; line-height:20px; margin:0px; padding:10px 0; color:#404041;}
a {color:#22358c; font-weight:bold; text-decoration:none;}

ul.services { margin:0px; padding:0px;}
ul.services li { margin:0 15px; padding:0px; font-size:16px; line-height:25px; font-weight: bold; color:#22358c;}

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

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

.header { float:left; width:100%; padding:5px 0 0; margin:0px;}
.logo { float:left; width:50%;}
.header-mid { float:left; width:35%; margin:0; padding:15px 0 5px 0;}
.header-mid ul { margin:0px; padding:0px;}
.header-mid li { list-style:none; font-size:30px; font-weight:bold; color:#213f8f; line-height:35px; padding:0 0 10px;}
.header-mid li  a { text-decoration:none; color:#fff; font-size:24px; font-weight:normal;}
.header-mid li span { vertical-align:top; margin-right:8px; float:left; width:30px; min-height:40px; }
.header-right { float:right; width:15%; margin:0px; padding:30px 0 0 0;}

.menu { width:100%; float:left; margin:0px; padding:0px; text-align:center; background:#213f8f; }
.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:#213f8f; color:#g175 !important;}


.slider .bx-wrapper .bxslider { margin:0px; padding:0px;}
.slider img { width:100%; float:left;}

.box-pen { float:left; width:100%; margin:40px 0 20px 0; padding:0px;}
.box-1 { float:left; width:22%; margin:0 28px 0 0; padding:0px; text-align:center;}
.box-1 img { width:100%;}
.box-1:hover,.box-1.active { background:none; color:#fff; cursor:pointer;}
.box-1:hover h2,.box-1.active h2 { color:#fff;}
.box-1:hover p,.box-1.active p {color:#fff;}
.box-1:last-child { float:right; margin:0px;}



.offers { background:url('../images/offers-bg.png') repeat; background-size:100% 100%; float: left;margin: 0;padding: 20px 0;text-align: center; width: 100%;}
.offers h2 {color: #fff;font-size: 20px;margin: 0; padding: 15px 0; text-align: center; font-weight: bold;}
.offers ul { float: left; margin: 0; padding: 0; width: 32%;}
.offers p { color: #fff;font-size: 25px; margin: 0; padding: 0;}
.offers ul h2 { text-align: left;}
.offers li {background:url('../images/arrow.png') no-repeat 0 5px;color: #fff;font-size: 13px; font-weight: bold; line-height:26px;list-style:none;margin: 0 10px;padding: 0 20px;text-align: left;}
.offers .btn { float:left; width:100%; margin:20px 0;}
.offers .btn a {background: #f27420;color: #fff; padding:8px 20px; border-radius:12px;}
.offers .btn a:hover { background:#22358c;}


.content { float:left; width:100%; padding:0; margin:0px; background:url('../images/box-div-bg.jpg') repeat-x top left #22358c;}
.content-left { float:left; width:68%;}
.home-img { float: left; margin-right:15px;}
.content-right { float:right; width:28%;}
.pic-img { float: left; width:100%; margin-bottom:15px; text-align:center;}
.pic-img img { width:100%;}
.content-left img{float:left; margin:0 20px 0 0;}

.accreditation { float:left;margin:15px 0;padding: 0;width: 100%;}
.accreditation-inn { float:left; width:100%; padding:20px 0; margin:0px; border-top:1px solid #918f8f; border-bottom:1px solid #918f8f;}
.accreditation-left { float: left;width:58%;}
.accreditation-left h1 { margin:0px; padding:0 0 5px; border-bottom:1px solid #918f8f; display:inline-block; text-transform:uppercase; font-size:30px; font-weight:900;}
.accreditation-right { float: right; width:42%;}
.accreditation-right ul { margin: 0; padding: 0;}
.accreditation-right li {display: inline-block;list-style:none;margin: 0 16px 0 0;padding: 0;}

.booking { background:#e7e7e8;float: left;margin:20px 0;padding:15px 0;width: 100%;}
.booking-left { float: left; padding:0; width: 82%;}
.booking h1 { color:#22358c; font-size:30px; padding-top:10px; font-weight:900;}
.booking-left p { font-size:22px;}
.booking-right { float: right; width:16%; margin-top:20px;}
.booking-right .btn {display: block;float: left; margin:0; text-align: center;width: 100%;}
.booking-right .btn a {background: #f27420;color: #fff; padding:15px 20px; border-radius:12px;}
.booking-right .btn a:hover { background:#22358c;}

.areas {float: left;margin: 0;padding: 20px 0;text-align: center;width: 100%;}
.areas h1 {font-size:30px;line-height: 40px; padding:0 0 5px; border-bottom:1px solid #918f8f; display:inline-block; text-transform: uppercase;}
.areas p {  padding:10px 0; font-size:20px;} 

.services {float: left;margin: 0;width: 100%;}
.services-box {float: left;margin: 0;width: 100%;}
.services-box ul { margin:0px; padding:0px;}
.services-box li { list-style:none; float:left; width:24%; margin:0 10px 0 0;}

.contact { float:left; width:100%; margin:20px 0;}
.contact-left { float:left; width:48%;}
.contact-left h1 { color:#22358c;}
.contact-form { float:left; background:#e6e5e6; padding:25px; border-radius: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%;}
.contact-right h1 { color:#22358c;}
.contact-right .address { float: left; width:100%; padding:20px 0; margin:10px 0 30px; text-align:center;}
.contact-right .address { list-style:none; margin:0px; padding:0px;}
.contact-right .address { vertical-align: top; float:left; margin-right:10px; min-height:30px;}
.contact-right .address span{color:#304a8d;}
.contact-right .address .call { display:inline-block;color:#6e6e70; margin:0px; padding:5px 0;font-size:35px; font-weight:bold;}
.contact-right .address .addr span { min-height:100px;}
.contact-right .address .addr {  color:#6e6e70; font-size:21px; margin:0px; padding:5px 0; font-weight: bold; line-height:30px;}

.maps { float:left; width:100%; margin:0px; padding:0px;}
.maps img { width:100%;}
.maps  iframe { float:left;}

.footer { background: #818285; float: left; margin: 0; padding: 15px 0; width: 100%; }
.footer { float: left; width: 100%; margin: 0; padding: 15px 0; background: #6d6f72; }
.footer-1 { float: left; padding: 0 20px; width: 27%; text-align: left;border-left: 1px solid #b2b3b5; border-right: 1px solid #b2b3b5;}
.footer-1 h2 { color: #fff; display: inline-block; font-size: 20px; margin: 0 0 5px; overflow: hidden; padding: 10px 0 5px;}
.footer-1 ul { margin: 0px; padding: 0px; }
.footer-1 li { list-style: none; margin: 0px 0 16px 0; padding: 0; font-size: 18px; color: #fff; line-height: 25px; float: left; background: none; width: 100%; }
.footer-1 li span { padding:0px 5px 0 0; float: left; vertical-align:top; min-height: 55px;}
.footer-1 li span h2 { font-size: 20px; }
.footer-1 li h2 { border: none; }
.footer-1 li span img { width: auto; }
.footer-1 li span .fa { font-size: 25px; }
.footer-1 li .addres { float: left; }
.footer-1 li b { font-size: 16px; line-height:23px;  }
.footer-1 li p { color: #fff; font-size: 16px; margin: 0; padding: 0px; line-height:20px; }
.footer-1 li.addres span { width: 30px; min-height:80px; float: left; }

.footer-2 { float: left; padding:0 0 0 20px; margin:0px; width:10%; text-align: left; }
.footer-2 p { font-size: 12px; line-height: 16px; color: #fff; padding: 0px; margin: 0px; }
.footer-2 h2 { color: #fff; display: inline-block; font-size: 18px; margin: 0 0 4px; overflow: hidden; padding:0px; }
.footer-2 ul { margin: 0px; padding: 0px; }
.footer-2 li { margin: 0px; padding: 0 0 0px 6px; text-align: left; font-size:12px;line-height:22px; color: #fff; float: none; font-weight: normal; list-style: none; }
.footer-2 li a { color: #fff; text-decoration: none; font-weight:normal; }
.footer-2 li a:hover { color: #000; background: none; }

.footer-3 { float: left; margin: 0px; padding:0 0 0 20px; width:54%; text-align: left;border-left: 1px solid #b2b3b5;}
.footer-3 h2 { color: #fff;  font-size: 18px; margin: 0 0 5px; padding:0px; }

.footer-3 ul { margin: 0px; padding: 0px; width:32%; float:left; }
.footer-3 li {list-style:none; margin: 0px; padding: 0 0 2px 0px; text-align: left; line-height:12px; font-size:9px;  color: #fff; float: none; font-weight: normal;}
.footer-3 li a { color: #fff; text-decoration: none; }
.footer-3 li a:hover { color: #000; background: none; }


.copyright { float: left; width: 100%; margin: 0; padding: 0; background: #555658; }
.copyright a { color: #fff; text-decoration: none;  display:inline-block;}
.copyright p { color: #fff; text-align: right; padding: 0; margin: 12px 0;}
.copyright p span { color:#fff; font-size:20px; vertical-align:middle;}


/*.booking2 { float: left; width:100%; border-top:2px solid #012643; border-bottom:2px solid #012643;}
.booking2 h1 {margin:0px; padding:0; font-size:30px; color:#012643;}
.booking2 p { font-size:15px;}*/

.boiler { float:left; width:100%; margin:30px 0 0 0; padding:0px;}
.boiler-left { float: left; width:28%;}
.boiler-right { float:right; width:68%;}

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

.worcester-full p {
    color: #fff;
    font-size: 17px;
    line-height: 25px;
}
 
.row { float:left; width:100%; margin:0; padding:20px 0 20px 0;}
.row2 {float:left; width:100%; margin:10px 0; padding:25px 0; border-top: 1px solid #a8a9ad; border-bottom:1px solid #a8a9ad;}
.row-left { float: left; width:49%;}
.row-left p { margin:0px; padding:5px 0; font-size:15px;}
.row-right { float:right; width:49%;}
.row-right h1 { font-size:20px; }
.gas-safe {
    float: right;
    margin-left: 20px;
}
ul.pics{margin:0; padding:0;}
ul.pics li{list-style:none; margin:0 20px 0 0; padding:0; display:inline;}
ul.pics li:last-child{margin:0;}