@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; font-weight:600;}
h1 { font-size:23px; color:#004d9e;}
h2 { font-size:17px; color:#58585a; font-weight:600;line-height:22px;}
h3 { font-size:18px; color:#213873;line-height:25px; font-weight: bold; margin:0px; padding:0 0 10px;}
h4 { font-size:18px; color:#1a2e80;line-height:30px;}
h5 { font-size:16px; color:#d5d5d5;line-height:30px;}
h6 { font-size:14px; color:#444;}
a { text-decoration:none; color:#213873; font-weight:bold;}
p { margin:0px; padding:8px 0; font-size:16px; line-height:24px; color:#666;}
span { color:#1f9eed;}

 
.wrapper { width:1100px; margin:0 auto;}
.services ul { margin:0px; padding:0px;}
.services li { margin:0 15px; line-height:30px; color:#58585a; font-size:18px; padding:0px;}

.services1 ul { margin:0px; padding:0px;}
.services1 li { margin:0 15px; line-height:22px;}

.services2 ul { margin:0px; padding:0px;}
.services2 li { margin:0 15px; line-height:26px; color:#000; font-weight: normal;}

#header { float:left; width:100%; margin:0px; padding:20px 0;}
.logo { float:left; width:45%;}
.header-mid { float:left; margin:15px 0 0; width:26%;}
.header-mid ul { margin:0px; padding:0px;}
.header-mid li { list-style:none;  }
.header-mid li p {font-size:28px; color:#213873; line-height:30px; font-weight:600;}
.header-mid li span { margin-right:5px; color:#1f9eed; float:left; min-height:100px; padding-top:10px;}

.header-right { width:28%; float: right; margin-top:20px;}
.header-right a { float: left; margin-right:5px;}

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

#slider { float:left; width:100%; margin:0px; padding:0px; background:url(../images/header-bg.png) top left no-repeat;}
#slider img { width:100%;}

#box-pen { float:left; width:100%; margin:-30px 0 0; padding:0; position:relative; z-index:99999; }
.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;}
.box-1 img { width:100%;}

#bathrooms { float:left; width:100%; margin:20px 0; padding:0px;}
.bathrooms-box-1 { float:left; width:100%; margin:0; padding:0px; text-align:center;}
.bathrooms-box-1 { float:left; width:32%; margin:0 14px 0 0; padding:0px;}
.bathrooms-box-1 img { width:100%;}

#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%;}

.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; font-size:25px; font-weight:600;color:#bf1e2e;}
.home-content-left h2 { line-height:26px; margin:0px 0 15px; font-size:18px;}
.home-content-left h3 {  font-size:18px;}
.home-content-img { float:left; width:42%; 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:58%;}
.row-left h3 { margin:0px; padding:0px;}
.row-right { float:right; width:36%;}
.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:25px 0; padding:12px 0;background:#e7e7e8;}
.booking { float:left; width: 100%; padding:20px 0; }
.booking-left { float: left; width: 76%;}
.booking-left h1 { margin:0px; padding:0px; font-size:32px; font-weight:600;color:#bf1e2e;}
.booking-left p { font-weight:600;}
.booking-right { float: right; width: 15%;}
.booking-right .btn { float: left; margin: 15px 0; width: 100%;}
.booking-right .btn a { color: #fff;font-size: 18px;font-weight:600;padding:15px 30px; border-radius:12px;text-decoration: none; background-color: #213873;}
.booking-right .btn a:hover {background-color: #bf1e2e; color: #fff;}

#offers {  background-size:100%;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: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:#213873; font-size:16px; padding:8px 25px; border-radius:5px; font-weight: bold; display:inline-block }
#offers .btn a:hover { background:#bf1e2e; color:#fff;}

#accreditation { float:left; width:100%; margin:0px; padding:0px;}
.accreditation {float:left; width:100%;margin:20px 0; padding:25px 0; border-top: 1px solid #5a5758; border-bottom:1px solid #5a5758; }
.accreditation-left {float:left; width:60%; }
.accreditation-left h1 { font-size:32px; display:inline-block; border-bottom:1px solid #d5d5d5;color:#bf1e2e; }
.accreditation-right {float: right; width:34%; margin:40px 0 0;}
.accreditation-right ul { margin:0px; padding:0px;}
.accreditation-right li { list-style:none; display:inline-block; padding:0 10px;}

#partners { float:left; width:100%; margin:0; padding:0; text-align:center;}
.partners { float:left; width:100%; border-bottom:1px solid #5a5758; padding-bottom:15px; text-align:left;}
.partners h1 { margin:0px; padding:0 0 15px;}
.partners ul { margin:0px; padding:0px;}
.partners li { list-style:none; display:inline-block; padding:0 15px;}


#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:#213873; 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:0 60px; font-size:19px; line-height:26px;}

#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: 27%; min-height: 180px; }
.footer-1  h2 { margin:0px; padding:0px; color:#fff; font-size: 14px; font-weight: bold;   line-height:22px;}
.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:0px; font-size: 13px; color: #fff; float: left; background: none; width: 100%; }
.footer-1  li span { padding:4px 10px 0 0; float: left;  min-height:110px; }
.footer-1  li p { color: #fff; font-size: 15px; line-height:25px; padding:0px;}
.footer-1  li.phone h2 {font-size: 17px;font-weight: 600; line-height:22px;}
.footer-1  li.phone span { min-height:60px;}

.footer-2  { float: left; margin: 0; padding: 0 20px; text-align: left; width:25%; min-height: 180px; }
.footer-2 p { font-size: 12px; line-height: 16px; color: #fff; padding: 0xp; margin: 0px; }
.footer-2 h2 { color: #fff; font-size: 20px; margin: 0 0 8px;  padding: 0px; }
.footer-2 ul { margin: 0px; padding: 0px; float:left; width:49%; }
.footer-2 li { margin: 0px; padding: 0 0 2px 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; }
.footer-2 li a:hover { color: #000; background: none; }

.footer-3 { float: left; margin: 0; padding:0 0 0 30px; text-align: left; width:42%; 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:16px; 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:12px 0; display:inline-block; }
.footer-4 li { margin: 0px; padding: 0px; line-height:26px; text-align: left; font-size: 12px; color: #fff; float: none; font-weight: normal; list-style: none; }

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


#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 .col { text-align:left;}
#worcester-full h1 {color:#fff; font-size:25px;}
#worcester-full p  {color:#fff; font-weight: normal;}

.contact { float:left; width:100%; margin:0px; padding:0px;}
.contact-left { float:left; width:46%; text-align:left;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:15px; margin-bottom:30px; }
.contact-form h1 { text-align: center; margin:0px 0 15px 0; font-size:30px;}
.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: #213873; color: #fff; font-size: 19px; padding:10px 40px; border-radius:6px;  border:0px;}
.formrow.pad1 input:hover { background:#bf1e2e; cursor:pointer;}

.contact-right { float:right; width:50%; text-align: center;}
.contact-right h1 { font-size:30px;}
.contact-text { float:left; width:100%; padding:25px 0; margin:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center;}
.phone-icon { border-bottom: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5; float: left; margin: 25px 0 50px; padding: 20px 0; text-align: center; width: 100%;}
.phone-icon p { color: #444; font-size: 25px; line-height:35px; font-weight: normal; vertical-align: top; margin-bottom:15px;}
.phone-icon h2 { font-size:35px; color:#213873; margin:0px; padding:0 0 20px;}
.phone-icon h3 { font-size: 24px; margin-top:20px; font-weight: bold; padding:0px; color:#213873;}
.phone-icon p span { vertical-align: middle;}