@charset "utf-8";
/* CSS Document */
html,body { margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
* { box-sizing:border-box; margin:0px; padding:0px;}
 
table { border-collapse:collapse; border-spacing:0;}

h1,h2,h3,h4,h5,h6 { margin:0px; padding:10px 0; font-size:21px; line-height:32px; color:#004b96; font-weight:600;}
h1 { font-size:26px; line-height:35px;}
h2 { font-size:17px; color:#666; font-weight:600;line-height:22px;}
h3 { font-size:18px; color:#004b96;line-height:25px; font-weight: bold;}
h4 { font-size:18px; color:#0d5ce8;line-height:30px; margin:0px; padding:0px;}
h5 { font-size:16px; color:#d5d5d5;line-height:30px;}
h6 { font-size:14px; color:#444;}
a { text-decoration:none; color:#666; font-weight:bold;}
p { margin:0px; padding:10px 0; font-size:17px;  font-weight:normal; line-height:24px; color:#666;}
 
.wrapper { width:1100px; margin:0 auto;}
.services ul { margin:0px; padding:0px;}
.services li { margin:0 15px; line-height:26px;}

.services1 ul { margin:0px; padding:0px;}
.services1 li { margin:0px; padding:0 15px; line-height:26px; background:url(../images/dots.png) 0 8px no-repeat; list-style:none;}

.services2 ul { margin:0px; padding:0px;}
.services2 li { margin:0 15px; padding:0px; line-height:26px; color:#004b96; font-size:18px; font-weight:bold;}

.wich-logo { float:right;}

#gas-services { float:left; width:100%; margin:15px 0; padding:0px;}
.gas-services { float:left; width:100%; padding:20px 0; margin:20px 0; border-top:1px solid #444;}
.gas-services-left { float:left; width:40%;}
.gas-services-right { float:right; width:56%;}

.gas-services2 { float:left; width:100%; padding:20px 0; margin:20px 0; }
.gas-services2-left { float:left; width:56%;}
.gas-services2-right { float:right; width:40%;}

.bdrtop{border-top: 1px solid #444;}
.bdrbtm{border-bottom: 1px solid #444;}

#header { float:left; width:100%; margin:0px; padding:20px 0;}
.logo { float:left; width:55%;}
.header-mid { float:left; margin:20px 0 0; width:24%; }
.header-mid span { float:left; margin-right:10px;}
.header-mid h2 { font-size:30px; color:#0b78ad; font-weight:normal; line-height:30px; margin:0px; padding:0px;}
.header-mid h2 span { color:#db0f6e; float:none; font-size:25px;}

.header-right { width:18%; float: right;}

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

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

#box-pen { float:left; width:100%; margin: 0; padding:25px 0; background-color:#004b96;}
.box-pen { float:left; width:100%; margin:0; padding:0px; text-align:center;}
.box-1 { float:left; width:24%; margin:0 10px 0 0; padding:0px;}

#container { float:left; width:100%; margin:20px 0; padding:0px;}
.content { float:left; width:100%; margin:0px; padding:0px;}
.pic-img { float:left; width:100%; margin-bottom:20px; text-align:center;}
.pic-img img { width:100%;}

.content iframe {
    width: 100%;
}

.home-content { float:left; width:100%; margin:0px; padding:0px;}
.home-content-left { float:left; width:62%;}
.home-content-left h1 { margin:0px; padding:0px; font-size:30px; color:#2055a6; font-size:25px; font-weight:600;}
.home-content-left h2 { color:#58585a; line-height:26px; margin:0px 0 15px; font-size:18px;}
.home-content-left h3 { color:#2055a6; font-size:18px;}
.home-content-img { float:left; width:55%; margin-right:30px;}
.home-content-img img { width:100%;}
.home-content-right { float: right; width:30%;}

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

.space { float:left; width:100%; margin:15px 0; padding:0px;}

#col {float:left; width:100%; margin:25px 0; padding:0px;}
.col {float:left; width:100%; margin:0px; padding:0px;}
.col-left { float:left; width:48%;}
.col-right { float:right; width:48%;}
.col-right h1 { margin:0px; padding:0px;}

#gas-safe {float:left; width:100%; margin:20px 0; padding:0px;}
.gas-safe {float:left; width:100%; margin:0px; padding:25px 0; border-top:2px solid #d5d5d5; border-bottom:2px solid #d5d5d5;}
.gas-safe-left { float:left; width:48%;}
.gas-safe-logo { float: right; margin: 0 0 0 10px;}
.gas-safe-right { float:right; width:48%;}

#booking { float:left; width:100%; margin:20px 0; padding:25px 0; background:#dedfe0;}
.booking { float:left; width: 100%;}
.booking-left { float: left; width: 76%;}
.booking-left h1 { margin:0px; padding:0px; font-size:32px; font-weight: bold;}
.booking-left p { font-weight:600;}
.booking-right { float: right; width: 15%;    margin-top: 13px;}
.booking-right .btn { float: left; margin: 15px 0; width: 100%;}
.booking-right .btn a { background-color: #db0f6e;/*border-radius: 12px;*/color: #fff;font-size: 18px;font-weight:600;padding:15px 30px;text-decoration: none;}
.booking-right .btn a:hover {background-color: #004b96; color: #fff;}


#offers {  background-size:100%;background: url('../images/offers-bg.jpg') 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;}
#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:#db0f6e;text-transform:uppercase; font-size:15px; padding:8px 25px;/* border-radius:5px;*/ font-weight: normal; display:inline-block }
#offers .btn a:hover { background:#004b96; color:#fff;}


#accreditation { float:left; width:100%; margin:20px 0;}
.accreditation {float:left; width:100%; padding:20px 0; border-top:1px solid #545558; border-bottom:1px solid #545558;}
.accreditation-left {float:left; width:50%; text-align:left;}
.accreditation-left h1 { display:inline-block; border-bottom:1px solid #d5d5d5; font-size:26px; font-weight: bold; margin:0px; }
.accreditation-right {float: right; width:50%;text-align:center; margin:20px 0 0;}
.accreditation-right ul { margin:0px; padding:0px;}
.accreditation-right li { list-style:none; display:inline-block; padding:0 10px;}

#testimonials { float:left; width:100%; margin:20px 0; padding:25px 0; background-color:#908849; text-align:center;}
.testimonials { float:left; width:100%; margin:0px; padding:0px;}
.testimonials-box1 { float:left; width:48%;}
.quote-left { float: left; margin-right:10px; min-height:100px;}
.quote-right { float: right; margin-left:10px;}
.testimonials-box2 {float: right; width:48%;}
.testimonials-box1,.testimonials-box2 { border:2px solid #fff; padding:15px; border-radius:20px;}
.testimonials-box1 p,.testimonials-box2 p { color:#fff;}
.testimonials-box1 h3,.testimonials-box2 h3 {color:#fff; padding:10px 0;}


#areas {float: left;width: 100%; padding:25px 0; margin:0px; background-color:#004b96; text-align:center;}
#areas h1 { color:#fff; font-weight:bold; margin:0px; padding:0 0 15px; font-size:30px;}
#areas p {color:#fff; margin:0px; padding:0px; font-size:20px;}

#map { float:left; width:100%;}
#map iframe { float:left;}

#footer { float: left; width: 100%; background-color: #818285; text-align: center; padding: 20px 0; margin:0; }
.footer-1 { border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; margin:0; padding: 0 15px 0px; text-align: left; width: 28%; min-height: 180px; }
.footer-1  h2 { margin:0px; padding:0px; color:#fff; font-size: 15px; font-weight:600;   line-height: 25px;}
.footer-1  p a { text-decoration: none; color: #fff; font-weight: normal; }
.footer-1  ul { margin: 0px; padding: 0px; }
.footer-1  li { list-style: none; margin: 0px; padding:0 0 20px; font-size: 13px; color: #fff; float: left; background: none; width: 100%; }
.footer-1  li span { padding:4px 10px 0 0; float: left;  min-height:100px; }
.footer-1  li p { color: #fff; font-size: 16px; line-height:22px; padding:0px;}
.footer-1  li.phone h2 {font-size: 20px;font-weight: 600; line-height:26px;}
.footer-1  li.phone span { min-height:30px;}

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

.footer-3 { float: left; margin: 0; padding: 0 25px; text-align: left; width:48%; border-left: 1px solid #fff; min-height: 180px;}
.footer-3 h2 { color: #fff; display: inline-block; font-size: 20px; margin: 0 0 5px; overflow: hidden; padding: 0px; }
.box3 { float: left; width: 100%;}
.footer-3-1 { float: left; width:32%; }
.footer-3-1 ul { margin: 0px; padding: 0px; }
.footer-3-1 li { margin: 0px; padding: 0px; line-height:18px; text-align: left; font-size:9px; color: #fff; float: none; font-weight: normal;}
.footer-3-1 li a { color: #fff; text-decoration: none; }
.footer-3-1 li a:hover { color: #5697cc; background: none; }

.footer-4 { float: left; width:6%; padding:0 20px; border-left: 1px solid #fff; border-right: 1px solid #fff; min-height: 180px; }
.footer-4 ul { margin: 0px; padding:10px 0; }
.footer-4 li { margin: 0px; padding: 0px; line-height:35px; text-align: left; font-size: 12px; color: #fff; float: none; font-weight: normal; list-style: none; }

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


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


.plumbing-services { float:left; width:100%; margin:20px 0; padding:0px;}
.plumbing-services-box { float:left; width:31%; margin:0 12px 0; padding:0px;}


#general-plumbing {  background-size:100%;background: url('../images/general-plumbing-bg.jpg') no-repeat scroll left top / 100% 100%; float: left;margin: 0; padding:30px 0; text-align: left; width: 100%;}
.general-plumbing-left { float:left; width:28%;}
.general-plumbing-left h1 { color:#fff; margin:0px; padding:0px;}
.general-plumbing-left h2 { color:#fff;}

.general-plumbing-right { float: right; width:68%;}
.general-plumbing-right ul { margin:0px; padding:0px; display:inline-block;}
.general-plumbing-right 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;}

#our-gas-services {  background-size:100%;background: url('../images/our-gas-services-bg.jpg') no-repeat scroll left top / 100% 100%; float: left;margin: 0; padding:20px 0 30px; text-align: center; width: 100%;}
#our-gas-services h1 { text-align:center; color:#fff;}
#our-gas-services ul { margin:0px; padding:0px; display:inline-block;}
#our-gas-services li { background:url('../images/arrow.png') no-repeat scroll 0 8px;color: #fff; font-size:18px; line-height:32px;list-style:none; margin: 0 15px; padding: 0 20px; text-align: left;}

.finance { float:left; width:100%; margin:0px; padding:0px;}
.finance-img2 { float:left; width:100%; margin:20px 0; padding:0px;}
.finance-img2 img { width:100%;}
.finance-img { float: left; margin-right:30px;}

.finance p { margin:0px; padding:0px;}


.contact { float:left; width:100%; margin:0px; padding:0px;}
.contact-left { float:left; width:48%; text-align:left;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:15px; }
.contact-form h1 { text-align: center; margin:0px 0 15px 0; font-size:26px;}
.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; float:left; width:100%;}
.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%; margin:10px 0;}
.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; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input {background: #004b96; color: #fff; font-size: 18px; padding:10px 60px;   border:0px;}
.formrow.pad1 input:hover { background:#db0f6e; cursor:pointer;}

.contact-right { float:right; width:48%; text-align: center;}
.contact-right h2 { font-size:20px; line-height:25px; color:#004b96;}
.contact-text { float:left; width:100%; padding:30px 0; margin:0px 0; text-align:center;}
.contact-text ul { margin:0px; padding:0px;}
.contact-text li { list-style:none; margin:45px 0 0;}
.contact-text li:last-child { margin:45px 0 55px 0;}
.contact-text li h2 { margin:0px; padding:5px 0; font-size:22px; color:#004b96; line-height:35px;}
.contact-text li span { vertical-align:top; margin:0; font-size:20px;}
.contact-text li h2 a { color:#004b96;}
.contact-text p { margin:0px 0; padding:0px; text-align:center;color: #58585a; font-size:16px; line-height:24px;}

.contact-icon { float:left; width:100%;  border-bottom:1px solid #d5d5d5; text-align:center; margin:15px 0; padding-bottom:30px;}
.contact-icon ul { margin:0px; padding:0px;}
.contact-icon li { list-style:none; padding:10px 0;}

.gallery_services { float: left; width: 100%; margin: 0px; padding: 0px; }
.gallery_services ul { margin: 0px; padding: 0px; }
.gallery_services li { list-style: none; float: left; margin: 0 0 15px 0; }
.gallery_services a { text-decoration: none; border-left: 2px solid #2055a6; padding: 0 15px; font-size: 18px; font-weight:normal; }
.gallery_services li:last-child { border-right: 2px solid #2055a6; }
.gallery_services a.active, .gallery_services a:hover { color: #58585a; border-left: 2px solid #333; }

#booking-form { float: left; width:100%; margin:30px 0; padding:0px;}

.bdrtop{border-top:1px solid #d5d5d5;}
.bdrbtm{border-bottom:1px solid #d5d5d5;}

.address{width:100%; float:left; padding:40px 0 20px 0;}
.addblk{width:25%; float:left; color:#58585a; font-size:16px; line-height:24px;}
.addblk span{color:#004b96; font-weight:bold;}
.regno{width:100%; float:left; clear:both; padding:20px 0 0 0; color:#58585a; font-size:16px; line-height:24px;}
.policy{width:100%; float:left; padding:30px 0 0 0; text-align:center;}
.policy p{font-size:16px; line-height:24px; margin:0;}