body { margin: 0px; padding: 0px; position: relative; font-family: 'Montserrat Regular'; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 32px; margin: 0; padding: 0 0 30px 0; line-height: 35px; color: #df2c1e; font-weight: bold;  font-family:'Montserrat Bold';}
h2 { font-size: 20px; margin: 0; padding: 0 0 20px 0; line-height: 26px; color: #58595b; font-weight: normal; }
h3 { font-size: 20px; margin: 0; padding: 10px 0; line-height: 24px; color: #ea8523; font-weight: bold; }
h4 { font-size: 20px; margin: 0; padding: 10px 0; line-height: 25px; color: #17789c; font-weight: normal; }
h5 { font-size: 14px; margin: 0; padding: 10px 0; line-height: 25px; color: #17789c; }
p { font-size: 18px; margin: 0px; padding: 8px 0; line-height: 26px; color: #565656; font-weight: normal; }
a { color: #216ca0; font-size: 20px; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: none; color: #0a5ba9; }
ul.services, ul.services2 { margin: 10px 0; padding: 0px; text-align: left; }
ul.services li { color: #1e1a18; font-weight: normal; margin: 0px; padding: 0 15px; line-height: 22px; font-size: 15px; background: url(../images/dot1.png) 2px 9px no-repeat; list-style: none; }
ul.services2 li { color: #1e1a18; font-weight: normal; margin: 0px; padding: 0 15px; line-height: 28px; font-size: 17px; background: url(../images/dot3.png) 2px 10px no-repeat; list-style: none; }
.wrapper { width: 1170px; margin: 0 auto; }
.nobr { white-space: nowrap; font-style: normal; }
.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 50px; display: none; background: url(../images/icon_top.png) no-repeat; }
.space { float: left; width: 100%; margin: 15px 0; }


#header-top { float: left; width: 100%; padding: 10px 0; background: #216ca0; position: fixed; z-index: 999999999; }
.header-top { float: right; }
.header-top ul { margin: 0px; padding: 0px; }
.header-top li { list-style: none; color: #fff; }
.header-top li img { vertical-align: middle; }
.header-top li a { color: #f6002b; }

#header { float: left; width: 100%; margin: 60px 0 20px 0; }
.header-left { float: left; width: 20%; margin: 20px 0; }
.header-mid { float: left; width: 44%; padding-top:80px; }
.header-right { float: right; width: 12%; padding-top: 55px;  }
.contact-no { float: left; width: 24%; margin: 0 0 10px 0;  padding-top:16px; text-align:center; font-weight:bold;}
.contact-no p {  font-size: 30px; font-weight:bold; line-height:28px;}
.contact-no a { font-size: 28px; font-weight:bold;}

.get-in-touch { float: right; margin: 20px 0 0; width: 20%; text-align: center; }
.get-in-touch h1 { font-size: 25px; font-weight: normal; margin: 0px; padding: 0px; line-height: 28px; }
.get-in-touch h1 a { color: #ea8523; line-height: 20px; }
.get-in-touch span { color: #237e3e; font-weight: normal; }

#boiler-quote { float: left; width: 100%; margin: 0; background-color:#216ca0; padding:40px 0 ;}
.boiler-quote-left { float: left; width: 49%; margin: 15px 0 10px; }
.boiler-quote-left a,.boiler-quote-right a { text-decoration: none; background: #fff;  color: #f60019; text-transform: none; font-size: 22px; padding:8px 60px; border-radius: 25px; font-weight: bold;}
.boiler-quote-left a:hover,.boiler-quote-right a:hover { background: #f60019; color:#fff;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     ::i-block-chrome, /* put webkit CSS here*/
.boiler-quote-left a,.boiler-quote-right a { text-decoration: none; background: #fff;  color: #f60019; text-transform: none; font-size: 18px; padding:8px 40px; border-radius: 25px; font-weight: bold; }
.boiler-quote-left a:hover,.boiler-quote-right a:hover { background: #f60019; color:#fff;}
}
.boiler-quote-right { float: right; width: 49%; margin: 15px 0 10px; }
.boiler-quote-right a { padding:8px 20px; }

#box-pen { float: left; width: 100%; margin: 0; text-align: center; padding: 40px 0 0 0; -webkit-box-shadow: 0px 10px 5px -5px rgba(214,214,214,1);
-moz-box-shadow: 0px 10px 5px -5px rgba(214,214,214,1);
box-shadow: 0px 10px 5px -5px rgba(214,214,214,1);}
.box-pen { float: left; width: 100%; margin: 0; text-align: center; padding:40px 0; }
.box-1 { float: left; width: 24%; margin: 0 14px 0 0; }
.box-1:last-child { margin: 0px; border: 0px; }

#instant-boiler { width:100%; float:left;text-align: center; padding:40px 0; }
#instant-boiler img { width:80%;}

#why-choose { float: left; width: 100%; padding:60px 0 80px; margin:0; text-align: left;
background:
url('../images/why-choose-us-image.png') ,
url('../images/home-about-us-background.png');
background-repeat: no-repeat,no-repeat;
background-position: top 0 right -10%, top 0% left 0%;
background-size:40% 100%,100% auto; }

.why-choose { float: left; width:70%; padding:0; }
.why-choose h1 { font-size: 40px; color: #f60019; padding: 0 0 20px 0; }
.why-choose p { color: #58595b; font-family:'Montserrat Bold'; font-size:20px;}
.why-choose a { color: #f60019; font-family:'Montserrat Bold'; font-size:20px;}

.feedback { float: left; width: 100%; text-align: center; padding:0px; margin:40px 0;}
.feedback ul { margin: 0px; padding: 0px; }
.feedback li { list-style: none; float: left; width: 33%; padding: 0 0 40px; }
.feedback a { font-size: 35px; }

#worcester-home { float: left; width: 100%; margin: 0; padding: 60px 0; background: url('../images/worcester-full-bg.png'); -webkit-background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.worcester-home-left { float: left; width: 35%; }
#worcester-home .worcester-home-left .pic-img img { width: 100%; }
.worcester-home-right { float: right; width: 63%; padding: 0 0 0 10px; }
.worcester-home-right h1 { color: #fff; font-size: 35px; line-height: 45px; font-family:'Montserrat Bold'; padding: 0;}
.worcester-home-right p { color: #fff; font-size: 23px; line-height: 28px; margin: 20px 0; }
#worcester-home .btn { float: left; width: 100%; margin: 15px 0 10px; }
#worcester-home .btn a { text-decoration: none; background: #00bdf2; border: 3px solid #fff; color: #fff; text-transform: none; font-size: 24px; padding:8px 20px; border-radius: 25px; font-weight: bold; }
#worcester-home .btn a:hover { background: #0d89ab; border: 3px solid #0d89ab; }

#offers { float: left; margin: 0; padding: 50px 0 50px 0; text-align: center; width: 100%; background: #216ca0; }
#offers p { color: #fff; font-size: 22px; margin: 0; padding: 10px 0 15px; line-height: 26px; }
#offers p span { color: #f8981d; font-weight: bold; }
#offers h1 { font-size: 25px; color: #fff; margin: 0; padding: 0 0 15px;  font-family:'Montserrat Bold';}
#offers .btn { float: left; width: 100%; margin: 40px 0 10px; }
#offers .btn a { text-decoration: none; background: #206ca0; border: 3px solid #fff; color: #fff; text-transform: none; font-size: 22px;  padding: 8px 20px; border-radius: 20px;  font-weight: bold; }

#offers .btn a:hover {  background: #f61d18;  border: 3px solid #fff;}
.offers { float: left; width: 100%; }
.offers ul { width: 100%; margin: 0 auto; padding: 20px 0; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; overflow: hidden; }
.offers li { background: url('../images/dot1.png') no-repeat scroll 0 7px; list-style: none; color: #fff; font-size: 18px; line-height: 24px; list-style: none; margin: 0; padding: 0 15px; text-align: left; }

.pic-img { float: left; width: 100%; margin-bottom:20px;}
.pic-img img { width: 100%; }

#accreditations { float: left; width: 100%;  padding: 0 0 20px 0; text-align: center; }
.accreditations { width: 100%; float: left; }
.accreditations h1 { padding: 20px 0; font-weight: bold; font-size: 40px; color: #f60019; font-family:'Montserrat Bold'; }
.accreditations p { margin: 0px; padding: 10px 0; font-weight: normal; font-size: 19px; line-height: 25px; }
.accreditations ul { margin: 15px 0 0; padding: 0px; }
.accreditations li { list-style: none; display: inline-block; padding: 10px 35px; vertical-align: middle; }

#footer { float: left; width: 100%; padding: 60px 0; background-color:#6d6e71; }
.footer { float: left; width: 100%; }
.footer1 { float: left; width: 18%; text-align:center; }
.footer1 h2 { font-size: 23px; color:#fff; padding:0 0 15px;}
.footer1 h3 { font-size: 30px; line-height:30px; margin:0px; padding:0px;}
.footer1 p {  padding: 20px 0; color:#fff; }
.footer1 a { font-size: 21px; color:#fff; }
.footer2 { float: left; width: 63%; margin: 0 2%; }
.footer h2 {color:#fff;  text-align:center; }
.footer4 { float: right; width: 10%; }
.footer4 h2 {color:#fff; }
.footer4 li { list-style: none; padding: 5px 0; text-align:left;}
.footer4 li a { font-size: 18px;  font-weight: normal; color:#fff;}
.footer4 li a:hover, .footer4 li a.active {  }

#copy-right { float: left; width: 100%; background: #216ca0; padding: 10px 0;  font-size: 17px; }
.copyright-left {float:left; width:45%; color:#fff;}
.copyright-right {float:right; width:55%; color:#fff;}
#copy-right p span { color: #fff;  vertical-align: middle; }
#copy-right p { text-align: center; color: #fff; margin: 0px; padding: 0px; }
#copy-right p a { color: #fff; font-weight: normal; font-size: 17px; }
#copy-right p a:hover { color: #000; }
#copy-right h6 { color: #fff; text-align: center; font-weight: normal; font-size: 14px; padding: 5px 0 20px 0;}
/*services*/
#services { float: left; margin: 0; padding: 50px 0 0 0; text-align: center; width: 100%;  }
.services-left{ width:20%; float:left;}

.services-right{  width:80%; float:left; text-align:left;}
.services-right h1{ color:#216ca0; font-size: 40px; line-height:45px;}
.services-right p { color: #9c9798; font-size: 18px; margin: 0; padding: 10px 0 15px; line-height: 22px; }

.services { float: left; width: 100%; }
.services ul { width: 100%; margin: 0 auto; padding: 20px 0; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; overflow: hidden; }
.services li { background: url('../images/dot4.png') no-repeat scroll 0 7px; list-style: none; color: #216ca0; font-size: 18px; line-height: 24px; list-style: none; margin: 0; padding: 0 15px; text-align: left; font-weight:bold; }

/*atag*/
#atag-services { float: left; margin: 0; padding: 50px 0 0 0; text-align: center; width: 100%;  }
.atag-services-left{  width:65%; float:left; text-align:left;}
.atag-services-left h1{ color:#216ca0; font-size: 40px; line-height:45px;}
.atag-services-left h2 { color:#216ca0; font-weight:bold;}
.atag-services-left p { color: #9c9798; font-size: 18px; margin: 0; padding: 10px 0 15px; line-height: 22px; }
.atag-services-right{ width:28%; float:right;}

/*worcester*/
#content {float: left; width: 100%; margin: 50px 0;}
.worcester { float: left; width: 100%; margin: 10px 0;  padding: 50px 0 0 0; }
.worcester-left { float: left; width: 48%; }
.worcester-right { float: right; width: 48%; }
.worcester h3, .worcester p { color: #58595b; }
.worcester-left h1, .worcester-right h1 { font-size: 24px; line-height: 27px; color: #2b6ea5; }
.worcester-left .pic-img, .worcester-right .pic-img { padding: 0 0 30px 0; }
.worcester-right h2 { font-size: 20px; font-weight: bold;  font-family: 'futura_heavy'; }
ul.services2 li { color: #58595b; font-weight: bold; margin: 0px; padding: 0 15px; line-height: 28px; font-size: 19px; background: url(file:///Y|/2019/Old-Site-Changes/Big-Site/Aspect%20Plumbing%20and%20heating/new/images/dot3.png) 2px 11px no-repeat; list-style: none; }

#worcester-full { text-align: center; float: left; width: 100%; margin: 0; padding: 40px 0; background-image: url('../images/mid-page-banner-background.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: top 0% left 0%; }
#worcester-full h1 { color: #fff; font-size: 26px; }
#worcester-full p { color: #fff; font-size: 15px; line-height: 20px; padding: 3px 0 5px 0; }

/*contact*/
#contact { width: 100%; float: left; margin: 50px 0; }
.contact { float: left; width: 100%; }
.contact-left { float: left; width: 48%; }
.contact-left h1{ color: #2b6ea5; font-size: 40px; text-align: center;  padding-top:20px;}
.contact-right h1{color:#216ca0; padding:0 0 20px 0;}
.contact-right h1 a{ color: #58595b; font-size: 40px; text-align: center; line-height: 10px;}
.contact-form { float: left; width: 100%; background-color: #e2e2e2; padding: 20px; border-radius: 12px; }
.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: 20px; }
.field { float: left; width: 100%; color: #58595b; font-size: 15px; padding: 5px 0; }
.field .input { border: 2px solid #bbbcbd; font-size: 19px; width: 100%; padding: 15px 15px; border-radius: 4px; }
.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 #47e10e; padding: 10px 6px; }
.pad1 { text-align: right; }
.field textarea.input { font-weight: normal; color: #58595b; font-family: 'Montserrat Regular'; font-size: 19px; width: 100%; padding: 15px 15px; }
.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 #bbbcbd; }
.imgcaptcha { border: 1px solid #bbbcbd; float: left; margin: 0px 10px 0 0; padding: 0px 20px; line-height: 36px; background: #f5f5f5; }
.refresh { margin: 2px 10px; }
.formrow.pad1 input { background: #216ca0; border: 0 none; color: #fff; font-size: 18px; padding: 8px 25px; border-radius: 4px; font-weight: bold; }
.formrow.pad1 input:hover { background: #f60019; cursor: pointer; }
.contact-right { float: right; width: 48%; text-align: center; }
.contact-right h2 { color: #58595b;font-size: 40px; font-weight: bold; line-height: 40px; }
.contact-right h2 a{color: #58595b;font-size: 40px; font-weight: bold; line-height: 20px;}
.contact-right h3 { color: #4c4948; font-size: 30px; line-height: 35px; font-weight: bold; margin: 0 0 200px 0; }
.contact-right p { color: #58595b; font-family: 'Montserrat Regular'; line-height: 20px; font-size: 15px; }
.contact-right p a{ color: #216ca0; font-family: 'Montserrat Regular'; line-height: 20px; font-size: 15px; }
.contact-right .address { float: left; width: 100%; padding: 50px 0; border-top: 1px solid #d5d5d5; margin: 18px 0; border-bottom: 1px solid #d5d5d5; }
.cont-add { float: left; width: 100%; margin: 0px; padding: 0 0 35px 0; border-bottom: 1px solid #d5d5d5; }
.contact-address { float: left; width: 100%; margin: 0; }
.contact-address-left { float: left; width: 12%; }
.contact-address-left img { margin-top: 5px; }
.contact-address-right { float: right; width: 88%; }
.contact-address-right h3 { font-size: 26px; line-height: 35px; color: #a2a8aa; font-weight: normal; }

#complaints { float: left; width: 100%;  padding: 0 0 40px 0; text-align: center; }
.complaints { width: 100%; float: left; }
.complaints h1 { padding: 20px 0; font-weight: bold; font-size: 40px; color: #f60019; font-family:'Montserrat Bold'; }
.complaints p { margin: 0px; padding: 10px 0; font-weight: normal; font-size: 19px; line-height: 25px; }