body { margin:0px; padding:0px; font-family:'Montserrat Regular';}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:40px; margin:0; padding:0 0 15px 0; line-height:40px; color:#003773;  font-family: 'myriadpro-boldit'; font-weight:normal;}
h2 { font-size:40px; margin:0; padding:8px 0; line-height:40px; color:#2c3f8d;  font-family: 'myriadpro-boldit';}
h3 { font-size:21px; margin:0; padding:10px 0; line-height:28px; color:#003773;}
h4 { font-size:19px; margin:10px 0; padding:0; line-height:26px; color:#e61d31;}
h5 { font-size:17px; margin:0; padding:0; line-height:26px; color:#0050a0;}
h6 { font-size:19px; margin:0; padding:10px 0; line-height:28px; color:#706f6f; font-weight:normal;}
p { font-size:19px; margin:0; padding:12px 0; line-height:25px; color:#58595b; font-weight:normal;}
a { color:#f19628; text-decoration:none;}
a:hover { text-decoration:none; color:#103672;}
h2 span{color:#f19628;}

input[type="text"],input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;border-radius: 0;}

iframe#gmap { width:100%; border:0px;}

.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'); background-repeat:no-repeat;}

ul.services1 { margin:10px 0; padding:0px; text-align:left;}
ul.services1 li {color:#df0016; list-style:none; font-weight: normal; margin:0; padding:0 20px; line-height:26px; font-size:18px; font-weight:normal; background:url('../images/dot1.png'); background-repeat:no-repeat; background-position:top 10px left 0;}

.services { float:left; width:100%;}
.services ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

.space { float:left; width:100%; margin:10px 0;}
.nobr { white-space: nowrap; font-style: normal;}

.wrapper { width:1170px; margin:0 auto; position:relative;}

#header-top { float:left; width:100%; background:#013773; padding:10px 0;}

#header { float:left; width:100%; padding:30px 0;}
.header { float:left; width:100%;}
.logo { float:left; width:27%;}
.header-right { float: right; width:72%; margin:20px 0 0; text-align:right;}
.header-phone { float: left; margin:0px; width:100%;}
.header-phone h3 { color:#003773; font-size:30px; line-height:40px; margin:0px; padding:0 0 10px; font-family: 'myriadpro-boldit';}
.header-phone h3 a {color: #f19628; }
.header-phone h3 span {font-size:22px; line-height:25px; font-weight:normal;font-family:'Montserrat Light'; display: inline-block; vertical-align:middle; margin:6px 5px 0 0;}

#getin-touch { float:left; width:100%; background:#003773; padding:10px 0;}
.getin-touch { float:left; width:100%;}
.getin-touch-left { float:left; width:70%;}
.getin-touch-left h2 { color:#fff;}
.getin-touch-right { float:left; width:28%;}

#why-choose {float: left;width: 100%; margin: 0; padding: 80px 0;
background-image: url('../images/why-choose-img.png');
background-repeat: no-repeat;
background-position: right 15% bottom 61%;
background-size: auto auto;}
.why-choose { float:left; width:56%;}
.why-choose h3 { color:#2c3f8d;}
.why-choose .btn { float:left; width:100%; margin:15px 0;}
.why-choose .btn a { text-decoration:none; color:#fff;  background:#f19628; font-size:19px; padding:12px 26px; border-radius:25px; font-weight: normal; }
.why-choose .btn a:hover { background:#e48006;}

#accreditations {float:left; width:100%; margin:70px 0;}
.accreditations {float:left; width:100%;}
.accreditations li { list-style:none; display:inline-block; margin:30px 30px 0 0; vertical-align:middle;}
.accreditations h2, .accreditations p {text-align:center;}

#our-services-include { float:left; width:100%; padding:100px 0; margin:0px; text-align:center;
background-image: url('../images/services-list-background.png');
background-repeat: no-repeat;
background-position: right 0 bottom 0;
background-size: cover;}
.our-services-include p { color: #fff; font-size:22px; margin: 0; padding: 0px; line-height:30px;}
.our-services-include h2 { color: #fff; margin: 0; padding:20px 0 40px; font-family:'myriadpro-bold';}
.our-services-include .btn { float: left; width:100%; margin:4% 0 0; text-align: center;}
.our-services-include .btn a {background:#f19628; color:#fff; border-radius:22px; padding:12px 60px; font-size:23px; font-weight:bold; }
.our-services-include .btn a:hover { background:#103672;}
.our-services-include { float:left; width:100%;}
.our-services-include ul {margin:0px; padding: 0;  -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}
.our-services-include li { background:url('../images/dot1.png'); background-repeat:no-repeat; background-position:top 8px left 0;list-style:none; color: #fff; font-size:18px; line-height:25px;list-style:none; margin: 0; padding: 0 15px; text-align: left;}

#areas-we-cover { float:left; width:100%; } 
.areas-cover { float:left; width:100%; } 
.areas-cover-left { float:left; width:50%; padding:8% 0 8% 16%; margin:0px; height:550px;
background:url('../images/areas-cover-left-bg.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-size:cover; }
.areas-cover-icon { float:left; width:12%;}
.areas-cover-text { float: right; width:88%;}
.areas-cover-text  h2 { color:#fff;}
.areas-cover-text  p { color:#fff;}
.areas-cover-text ul {margin:20px 0 0; padding: 0;}
.areas-cover-text li { background:url('../images/dot1.png'); background-repeat:no-repeat; background-position:top 15px left 0;list-style:none; color: #fff; font-size:18px; line-height:25px; margin: 0; padding: 5px 15px; text-align: left; width:18%; display:inline-block;}


.areas-cover-right { float:left; width:50%; padding:0; margin:0px; height:550px;position:relative;
background:url('../images/areas-cover-right-bg.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-size:auto auto; }
/*areaswe-cover  plus map*/
.pulse {margin:0;display: block;width: 24px;height: 24px;border-radius: 50%;background: #f7961d;cursor: pointer;box-shadow: 0 0 0 rgba(247,150,29, 0.4);animation: pulse 2s infinite;position:absolute;bottom:50%;right:30%;z-index:999;}
.pulse:hover {animation: none;}

@-webkit-keyframes pulse {
0% {-webkit-box-shadow: 0 0 0 0 rgba(247,150,29,0.4);} 
70% {-webkit-box-shadow: 0 0 0 120px rgba(247,150,29,0);}
100% { -webkit-box-shadow: 0 0 0 0 rgba(247,150,29,0);}
}
@keyframes pulse {
0% { -moz-box-shadow: 0 0 0 0 rgba(247,150,29, 0.4); box-shadow: 0 0 0 0 rgba(247,150,29,0.4);}
70% { -moz-box-shadow: 0 0 0 120px rgba(247,150,29,0);box-shadow: 0 0 0 120px rgba(247,150,29,0);}
100% {-moz-box-shadow: 0 0 0 0 rgba(247,150,29, 0);box-shadow: 0 0 0 0 rgba(247,150,29,0);}
}
/*areaswe-cover  plus map*/



#footer { float:left; width:100%; padding:50px 0;}
.footer { float:left; width:100%;}
.footer1 { float: left; width:28%;}
.footer1 h2 { margin:0; padding:0px;  font-size:28px;line-height:30px;font-family:'myriadpro-bold';}
.footer1 h3 { font-size:35px; line-height:40px; margin:0px; padding:12px 0;}
.footer1 h3 a { color:#003773; font-family:'myriadpro-bold';}
.footer1 p { font-size:21px; line-height:23px; margin:0px; padding:0px; }

.footer2 { float: left; width:48%; margin:0 3%;}

.footer3 { float: right; width:18%; text-align:center;}
.footer3 h2 {font-size:28px;line-height:30px; margin:0px; padding:0 0 10px; color:#f19628; font-family:'myriadpro-bold';}
.footer3 li { list-style:none; line-height:40px; font-size:19px;}
.footer3 li a { color:#6d6e71;}
.footer3 li a.active,.footer3 li a:hover{ color:#f19628;}

#copy-right { float: left; width: 100%; background:#003773; padding:10px 0;}
#copy-right p span { color: #fff; font-size:30px; vertical-align: middle;font-family:'myriadpro-bold'; }
#copy-right p { text-align: center; color: #fff; margin: 0px; padding: 0px; font-size:17px;font-family:'Montserrat Light';}
#copy-right p a { color: #fff; font-weight: normal;}
#copy-right p a:hover { color: #000;}

#booking, #booking2 {float:left; width:100%; margin:0; padding:20px 0;background:#103672;}
#booking h1 { color:#fff;} 
#booking p {font-size:27px; line-height:32px; color:#fff; font-family: 'myriadpro-boldit';} 
.booking, .booking2 { float:left; width:100%; padding:20px 0;}
.booking-left { float:left; width:78%;}
.booking-left h2 {  margin:0px; padding:0px; color:#fff;}
.booking-left p { font-size:18px; padding:12px 0 8px; font-weight:bold}
.booking-right { float: right; width:22;}
.booking-right .btn { float:left; width:100%; margin:15px 0;}
.booking-right .btn a { text-decoration:none; color:#fff;  background:#f19628; font-size:19px; padding:12px 26px; border-radius:25px; font-weight: bold; }
.booking-right .btn a:hover { background:#e48006;}

#booking2 { width:100%; float:left; }
.booking2 h2 { color:#fff; text-align:center; padding-bottom:20px;}
.booking2-btn { text-align:center; float:left; width:100%;}
.booking2-btn a { background: #f19628; font-size:25px; padding: 12px 26px; border-radius: 25px; color: #fff; display: inline-block; margin: 0 15px;}
.booking2-btn a:last-child { background:#f19628 url('../images/call1.png'); background-repeat: no-repeat; background-position:top 15px left 30px; padding:12px 30px 12px 80px;}
.booking2-btn a:last-child:hover { background:#fff url('../images/call.png'); color:#f19628; background-repeat: no-repeat; background-position:top 15px left 30px; padding:12px 30px 12px 80px;}
.booking2-btn a:hover { background:#fff;color:#f19628;}

#homenewboiler { float:left; width:100%; text-align:center; padding:100px 0 150px 0; 
background:url('../images/new-boilers-bg.png'); 
background-position:left 0 bottom 70%; 
background-size:cover;
background-repeat:no-repeat; }
.homenewboiler { float:right; width:33%; margin-right:12%;}
.homenewboiler h2 {color:#f19628;}
.homenewboiler p { margin-bottom:30px; font-size:20px; line-height:28px;}
.homenewboiler-row { float:left; width:100%;}
.homenewboiler-btn { float:left; width:45%; margin:22px 0 0;}
.homenewboiler-btn a { color:#fff; background:#003773; padding:12px 60px; border-radius:33px; font-weight:normal; font-size:17px;}
.homenewboiler-btn a:hover { background:#f19628;}
.homenewboiler-phone { float:right; width:54%;}
.homenewboiler-phone h2 { font-size:35px; margin:0px; padding:0px; line-height:60px; background:url('../images/phone-icon.png'); background-position:top 10px left 0px; background-repeat:no-repeat; vertical-align:top; }


#booking3 {width:100%; float:left; background-color:#808285;}
#booking3 h2 { color:#fff; text-align:left; font-family: 'myriadpro-boldit';} 
.booking p { color: #fff;  font-size: 23px; line-height: 28px;}

#content { float: left; width: 100%; margin:70px 0;}
#content1 { float: left; width: 100%; margin:70px 0;}
.content { float:left; width:100%;}

.row { float:left; width:100%;}
.row-left { float:left; width:56%;}
.row-right { float:right; width:40%;}

.row2 { float:left; width:100%;}
.row2-left { float:left; width:48%;}
.row2-left h2 { margin:0px; padding:0px; font-size:34px; line-height:40px;}
.row2-right { float:right; width:46%;}

#content3 {float:left; width:100%; margin:60px 0;}
.row4 {float:left; width:100%;}
.row4-left {float:left; width:42%; box-shadow: 5px 6px 12px 6px #d5d5d4; padding: 30px; margin-top:50px; }
.row4-left li { list-style:none; color:#505155; font-size:19px; background:url('../images/home-tick-icon.png'); background-repeat:no-repeat; background-position:top 13px left 0; padding:12px 50px; line-height:28px; font-weight:normal;font-family:'Montserrat Light';}

.row4-right {float:right; width:39%;margin-top:50px;}
.row4 h2 {font-size: 26px; margin: 0; padding: 0 0 10px 0; line-height:35px; color: #f7971d;}


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

/* heating services */
#gas-safe {float:left; width:100%; padding:50px 0; margin:0;
background:#000 url('../images/gas-safe-background.jpg');
background-repeat: no-repeat;background-size:auto 100%;background-position: right 0% top 0%;}
.gas-safe {width:60%; float:left;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe h1 {color:#fff; font-size:28px; padding:0px;font-family:'myriadpro-bold'; }
.gas-safe h2 {color:#fff; font-size:18px; line-height:24px; font-weight:bold;font-family:'myriadpro-bold'; }
.gas-safe p {color:#fff; font-size:17px; line-height:26px;}
.gas-safe p span {display:inline-block;}
.gas-safe p a { color:#fcf330;}


.contact { float:left; width:100%; margin:0;}
.contact-left { float:left; width:48%;}
.contact-left h2,.contact-right h2 { text-align: center; color:#003773;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#f2f1f1; padding:30px; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 20px; }
.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: 5px 10px; border-radius:5px; }
.label label { font-size: 20px; color: #58595b; font-weight: normal; font-family:'Montserrat Light';}
.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%;}
.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; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #f58638; border: 0 none; color: #fff; font-size:20px; padding:8px 40px; border-radius: 4px;}
.formrow.pad1 input:hover { background: #262626; cursor: pointer; }

.contact-right {float: right; width:48%; text-align:center;}
.contact-right p { font-family:'Montserrat Light'; font-size:15px; line-height:22px;}
.contact-add { float:left; width:100%; margin:30px 0 20px; padding:50px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.contact-add h3 {  color:#fff; margin:0px; padding:0 0 30px; font-size:40px; line-height:50px;}
.contact-add h3 span { width:100%; float:left;}
.contact-add h3 a { color:#58595b; font-size:50px; line-height:60px;font-weight: bold; font-family:'Montserrat Regular';}
.contact-add h4 {  color:#58595b; font-size:40px; line-height:50px; font-weight: bold;}
.contact-icon { float:left; width:100%; margin:10px 0;}


/*testimonials*/
#content { float: left; width: 100%; margin:50px 0; }
.customer-stories { float: left; width:100%; margin:2% 0 6%;}
.cust-top { float: left; width:100%;}
.cust-top-left { float: left; width:33;}
.cust-top-right { float: left; width:65%;}
.customer-stories-left { float: left; width:80%;}
.customer-stories-right { float:right; width:20%; margin:3% 0 0;} 
.customer-stories-right a { color:#fff; background:#013773; border-radius:18px; padding:10px 25px; font-size:22px;} 
.customer-stories-right a:hover { background:#000;}

.customer-reviews { float: left; width:100%; margin:2% 0;}
.customer-reviews-left { float: left; width:26%;}
.customer-reviews-left h2 { font-size:30px; line-height:35px; font-family:'myriadpro-bold'; }
.customer-reviews-mid { float: left; width:50%;}
.customer-reviews-right { float:right; width:16%;} 
.customer-reviews-right p { font-size:20px;}

/*worcester*/
#worcester { float: left; width: 100%; margin: 50px 0; padding: 0; }
.worcester { float: left; width: 100%; margin: 0; padding: 0; }
.worcester-left { float: left; width: 48%; }
.worcester-right { float: right; width: 48%; }
.worcester-right .pic-img img {width:80%;}
.worcester-left h2 { font-size:40px; margin:0; padding:10px 0; line-height:50px; color:#003773; font-family:'myriadpro-bold';font-weight:normal;}
.worcester-right h2 { font-size: 18px; padding: 10px 0; line-height: 24px; font-weight: bold; }
.worcester-left h3  { font-size:21px; margin:0; padding:10px 0; line-height:30px; color:#11a5e0; }

.worcester-services { float: left; width:100%; margin:2% 0;}
.worcester-services ul { margin:0px; padding:0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.worcester-services li { background:url('../images/dot2.png'); background-position:top 10px left 0; background-repeat:no-repeat;list-style:none; color:#003773; font-size:22px; line-height:30px;list-style:none; margin: 0; padding: 0 15px; text-align: left; font-family:'myriadpro-bold';}

#worcester-full {float: left; width:100%; padding:50px 0; text-align:center;
background:url('../images/worcester-full.png'); 
background-repeat:no-repeat; 
background-position:top 0 right 0%;
background-attachment: fixed;
background-size: cover;}
.worcester-full {float: left; width:100%;}
.worcester-full h2 { font-size: 28px; margin: 0; padding: 10px 0; line-height: 50px; color: #fff;  font-family: 'Montserrat Regular'; font-weight: normal;}
.worcester-full p { color:#fff; font-size:19px;}

#worcester-col {float: left; width:100%; padding:0; text-align:center; margin:8% 0 4%;}
.worcester-col {float: left; width:100%;}
.worcester-col-left { float:left; width:46%; margin:0 3% 0 0; background: #fff; padding: 30px 45px; position: relative; list-style: none; box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); border-radius: 10px; min-height:550px; }
.worcester-col-left h2 { font-size: 29px; line-height: 35px; margin:0 0 15px; padding:0px; color:#003773; font-family:'myriadpro-bold';}
.worcester-col-left h3 { font-size: 21px; line-height: 28px; color:#003773;font-family:'Montserrat Light';}
.worcester-col-left p {color:#9a9da0; }
.worcester-icon {  margin: -80px 0 30px;}