body { margin: 0px; padding: 0px; font-family:'Montserrat Regular';}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 30px; line-height:35px;  margin: 0; padding: 0 0 10px 0; color: #00aeef; }
h2 {  font-size:30px; line-height:30px; padding: 8px 0; line-height: 26px; color: #00aeef;font-family:'Montserrat Bold'; text-transform:uppercase; font-style:italic;}
h3 { font-size: 18px; line-height: 25px; margin: 0; padding: 10px 0;  color: #606163;  font-weight: bold;}
h4 { font-size: 19px; line-height:30px; margin: 0; padding:15px 0;  color: #00488d;}
h5 { font-size: 22px; line-height: 26px; margin: 0; padding: 20px 0;  color: #319dce; font-weight:bold; }
p { font-size: 19px; line-height: 30px; margin: 0px;  padding: 8px 0; color: #606163; font-weight: normal;}
a { color: #00aeef; text-decoration: none; }
a:hover { text-decoration: none; color: #0077ce; } 

input[type="text"],input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;border-radius: 0;}

iframe#gmap { width:100%; border:0px;}

ul.services,ul.services1 { margin:15px 0; padding:0px;}
ul.services li { color: #58595b; font-weight: normal; margin: 0px; padding: 0 50px; line-height: 65px;  font-size: 18px; background: url('../images/tick-icon.png');
background-repeat: no-repeat;  background-position: top 17px left 0; list-style: none;  font-weight: normal; }
ul.services1 li {color:#414042; margin:0px; padding:0 15px;  line-height:28px; font-size:20px;background:url('../images/dot1.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;}

.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; background-position:top 0 left 0; }

.nobr { white-space: nowrap; font-style: normal; }

.space { float:left; width:100%; margin:40px 0 0;}

.wrapper { width: 1170px; margin: 0 auto; position:relative; }

#header-top { float:left; width:100%; background:#00478b; padding:10px 0;position: fixed;z-index: 9999999999;}
.header-top-left { float: left; text-align: left;width:54%;}
.header-top-left p {list-style:none;color:#fff; padding:0px; margin:0px; font-size:16px; line-height:18px;}
.header-top-left p a {vertical-align:middle;}

.header-top-right { float: right;}
.header-top-right li { list-style:none;list-style:none;color:#fff; padding:0 0 0 30px; font-size:16px;  margin:0px; background:url('../images/blue-header-phone-icon.png'); background-position:top 2px left 0; background-repeat:no-repeat;}
.header-top-right li a { color:#fff;}

#header { float:left; width:100%; padding:0px 0 20px; background:#ffffff;position: relative;margin:3% 0 0 0;}
.header { float:left; width:100%;}
.logo { float:left; width:60%;}
.header-right { float:right; width:37%; text-align:right; padding:20px 0 0 0;}
.header-right h2 span { margin:0 4px;}
.header-right h2 { font-size:22px; line-height:30px; margin:0px; padding:0px; color:#000000; font-weight:normal;font-family:'Montserrat Light'; text-transform:inherit; font-style:inherit;}
.header-right h2 a {font-family:'Montserrat Bold'; color:#00aeef;font-size:25px; line-height:30px; }
.header-right h2 span {}
.header-right h2:last-child { font-size:19px; line-height:26px;}


#box-pen { float:left; width:100%; padding:40px 0; margin:0; background:#262626;}
.box-pen { float:left; width:100%; text-align:center;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen li{width:20%; margin:0 30px 0 0; display:inline-block; list-style:none; }
.box-pen li:last-child { margin:0px;}
.box-pen li h2 { float:left; color:#fff; font-size:25px; }
.box-pen li a {padding:12px 0 20px 90px;margin:0px;display: inline-block;}
.box-pen li#icon1 a{background:url('../images/home-icon1.png'); background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen li#icon2 a{background:url('../images/home-icon2.png'); background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen li#icon3 a{background:url('../images/home-icon3.png'); background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen li#icon4 a{background:url('../images/home-icon4.png'); background-repeat:no-repeat; background-position:top 0 left 0;}

.box-pen li#icon1 a:hover{background:url('../images/home-icon1-hover.png'); background-repeat:no-repeat; background-position:top 0 lrft 0;}
.box-pen li#icon2 a:hover{background:url('../images/home-icon2-hover.png'); background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen li#icon3 a:hover{background:url('../images/home-icon3-hover.png'); background-repeat:no-repeat; background-position:top 0 left 0;}
.box-pen li#icon4 a:hover{background:url('../images/home-icon4-hover.png'); background-repeat:no-repeat; background-position:top 0 left 0;}

.box-pen li#icon1 a:hover h2,.box-pen li#icon2 a:hover h2,.box-pen li#icon3 a:hover h2,.box-pen li#icon3 a:hover h2 {color:#ddddde; text-decoration:none;}

#boiler-could-box { float: left; width:100%; padding:0px; margin:0 0 2%;}
.boiler-could { float: left; width:100%; background:#00aeef;border-radius:0 0 30px 30px; padding:20px 25px;box-shadow: 3px 3px 0px 3px #B9B5B7;}
.boiler-could-left { float:left; width:85%;}
.boiler-could-left h2 { color:#fff; padding:0;font-size:26px; line-height:40px;}
.boiler-could-right { float: right; width: 13%; margin:8px 0 0; text-align:right;}
.boiler-could-right a {background:#fff; color:#00aeef; border-radius:28px; padding:10px 20px; font-size:19px; }
.boiler-could-right a:hover  {background:#333; color:#fff;}

.why-choose { float: left; width:100%; margin:70px 0;}
.why-choose-left { float:left; width:76%;}
.why-choose-left h2 { font-size:45px; line-height:50px;}
.why-choose-left h3 { font-size:19px; line-height:40px; margin:20px 0; padding:0px;}
.why-choose-left p { font-size:19px; line-height:40px;}
.why-choose-right { width:24%; float: right;}

.choose-services { float:left; width:100%; border-radius:30px; background:#00aeef; padding:35px 20px; text-align:center;box-shadow: 3px 3px 0px 3px #B9B5B7;} 
.choose-services ul { margin:0px; padding:0px;}
.choose-services li { list-style:none; display:inline-block; font-size:18px; line-height:50px; margin:0px; background:url('../images/tick-icon.png'); background-repeat:no-repeat; background-position:top 15px left 0; padding:0 20px 0 35px; color:#fff; font-weight:bold;}

#call-us { float:left; width:100%; padding:50px 0; margin:70px 0;background:#00478b url('../images/24-7.jpg'); background-repeat:no-repeat; background-position:top 0 left 15%; background-size: auto auto;}
.call-us { float:left; width:100%;}
.call-us-left { float:left; width:70%;}
.call-us-left h2 { font-size:27px; line-height:35px;color:#fff;}
.call-us-right { width:30%; float: right; text-align:right; margin:25px 0 0;}
.call-us-right a { background:#fff; color:#00478b; border-radius:30px; font-size:21px; font-weight:normal; text-transform:uppercase; padding:15px 28px;box-shadow: 3px 3px 0px 3px #0066a9;}
.call-us-right a:hover { background:#333; color:#fff;}

#worcester-home {float:left; width:100%; margin:0; padding:70px 0;
background:#010102 url('../images/home-worcester-background.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size: 100% auto;
background-attachment:fixed;}
.worcester-home { float:left; width:100%;}
.worcester-home-left { float:left; width:32%;}
.worcester-home-left .pic-img { width:100%; margin:0px;}
.worcester-home-right { float:right; width:63%;}
.worcester-home-right h2 { color:#00b1f4;font-size:28px; line-height:30px;}
.worcester-home-right p { color:#fff; font-size:22px; line-height:35px; margin:15px 0;}
.worcester-home-right p:last-child { margin-bottom:0px; padding-bottom:0px;}

#accreditations { float:left; width:100%; margin:70px 0; text-align:center;}
.accreditations { float:left; width:100%;}
.accreditations h2 { margin:0px; padding:0 0 15px; font-size:40px; line-height:50px;}
.accreditations li { list-style:none; display:inline-block; margin:30px 0 0; padding:0 20px; vertical-align:middle;}

#homecallnow-banner {float:left; width:100%; margin:0; padding:0;
background:url('../images/home-call-now-banner.png');
background-repeat: no-repeat;
background-position:left 0% bottom 0%;
background-size:100% auto;height:500px;}
#homecallnow-banner .wrapper  {display: table;}
.homecallnow-banner { display:table-cell; vertical-align:middle; text-align: left; height:500px;}
.homecallnow-banner h2 { font-size:35px; line-height:40px;}
.homecallnow-banner p { font-size:22px; line-height:30px;}
.homecallnow-banner .btn {float:left; width:100%; margin:5% 0 0;}
.homecallnow-banner .btn a { background:#fff; color:#00b1f4; border-radius:30px; font-size:21px; font-weight:normal; text-transform:uppercase; padding:15px 28px;box-shadow: 3px 3px 0px 3px #00b1f4;}
.homecallnow-banner .btn a:hover { background:#333; color:#fff;}

#our-services-include { float: left;margin: 0; padding:70px 0; text-align: center; width: 100%; background:#00aeef;}
#our-services-include p { color: #fff; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height:30px;}
#our-services-include h2 { color: #fff; margin: 0; padding:5px 0 25px;}
#our-services-include .btn { float:left; width:100%; margin:40px 0 10px;}
#our-services-include .btn a { text-decoration:none; background:#fff;  color:#00aeef; text-transform:none; font-size:18px; padding:10px 25px; margin:0 15px; border-radius:22px; font-weight: normal;box-shadow: 3px 3px 0px 3px #0088ce;}
#our-services-include .btn a:hover { background:#333; color:#fff;}
.our-services-include { float:left; width:100%; margin:2% 0;}
.our-services-include ul {width:100%; margin: 0 auto; 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 9px left 0;list-style:none; color: #fff; font-size:16px; line-height:25px;list-style:none; margin: 0; padding: 0 15px; text-align: left;}

#areas { float:left; width:100%; padding:70px 0; text-align:center;
background:url('../images/areas-we-cover-background.png');
background-repeat:no-repeat;
background-position:top 0 right 0;
background-attachment:fixed; 
background-size:cover;}
.areas { float:left; width:100%;}
.areas h2 { color:#fff; margin:0px; padding:30px 0;font-size:35px;}
.areas p { color:#fff; margin:0px; padding:0px; font-size:21px;}

.locations { float:left;width: 100%; margin:3% 0 0; text-align:left;}
.locations ul {padding: 0;  -webkit-column-count: 4; /* Chrome, Safari, Opera */  -moz-column-count: 4; /* Firefox */  column-count: 4; overflow:hidden;}
.locations li { color:#fff; list-style:none; margin:0px; font-size:17px; line-height:26px; padding:0 15px; background:url('../images/dot.png'); background-position:top 10px left 0; background-repeat:no-repeat; font-weight:normal;}

#footer { float: left; width:100%; margin:0; padding:70px 0;}
.footer { float: left; width:100%;}
.footer1 {float: left; width:38%;}
.footer1 h2 { font-size:26px; padding:0 0 30px;}
.footer1 li { list-style:none;}
.footer1 li h3 span { margin:0 4px;}
.footer1 li h3 { font-size:21px; line-height:30px; margin:0px; padding:0px; color:#000000; font-weight:normal;font-family:'Montserrat Light'; text-align: left;}
.footer1 li h3 a {font-family:'Montserrat Bold'; color:#00aeef;font-size:25px; line-height:30px; }
.footer1 li:last-child h3 { font-size:18px; line-height:30px;}
.footer1 li:last-child h3 a { font-size:25px; line-height:30px;}
.footer1 p { margin:20px 0 0; padding:0px; font-size:19px;}

.footer2 {float: left; width:34%; margin:0 4%;}

.footer3 {float: right; width:19%;}
.footer3 h2 { margin:0px; padding:0 0 15px;}
.footer3 li { list-style:none;}
.footer3 li a { color:#606163; line-height:23px;}
.footer3 li a.active,.footer3 li a:hover { color:#00aeef;}

#copy-right { float: left; width: 100%; background:#00aeef; padding: 10px 0; }
#copy-right p span { color: #fff; font-size:28px; vertical-align: middle; }
#copy-right p { text-align: center; color: #fff; margin: 0px; padding: 0px; font-size:17px;}
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #000; }


/*inside page*/
#content {float:left; width:100%; margin:80px 0 30px;}
#content2 {float:left; width:100%; margin:80px 0px;}

.pic-img { float:left; width:100%; margin-bottom:20px;}
.pic-img img { width:100%;}

.row {float:left; width:100%;}
.row-left {float:left; width:70%;}
.row-left p { color:#929599;}
.row-right {float:right; width:20%;}
.row-right .pic-img { margin:0px;}

.row2 {float:left; width:100%;}
.row2-left {float:left; width:28%;}
.row2-left .pic-img { margin:0px;}
.row2-right p { color:#929599;}
.row2-right {float:right; width:66%;}


.row3 {float:left; width:100%;}
.row3-left {float:left; width:40%;}
.row3-right p { color:#929599;}
.row3-right {float:right; width:56%;}

.heating-services { float:left; width:100%; margin:20px 0 0;}
.heating-services ul { -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}
.heating-services li {  color:#00aeef; display:block; font-size:16px; line-height:28px; font-weight:bold; padding:0 0 0 15px; margin:0px; list-style:none;background:url('../images/dot2.png'); background-position:top 10px left 0px; background-repeat:no-repeat;}

#call-now { float:left; width:100%; padding:15px 0;background:#00478b url('../images/call-now.png'); background-repeat:no-repeat; background-position:top 0 left 15%; background-size: auto auto;}
.call-now { float:left; width:100%;}
.call-now-left { float:left; width:74%;}
.call-now-left h2 { font-size:17px; line-height:25px;color:#fff;}
.call-now-right { width:24%; float: right; text-align:right; margin:10px 0 0;}
.call-now-right a { background:#fff; color:#00478b; border-radius:20px; font-size:18px; font-weight:normal; text-transform:uppercase; padding:10px 20px;box-shadow: 2px 2px 0px 2px #0066ab;}
.call-now-right a:hover { background:#333; color:#fff;}

#getin-touch { float:left; width:100%; padding:50px 0; margin:0;background:url('../images/getin-touch-bg.png'); background-repeat:no-repeat; background-position:top 0% left 0%; background-size:cover;}
.getin-touch { float:left; width:100%;}
.getin-touch-left { float:left; width:70%;}
.getin-touch-left h2 { font-size:27px; line-height:35px;color:#fff;}
.getin-touch-left p { color:#fff; font-size:23px;}
.getin-touch-right { width:30%; float: right; text-align:right; margin:4% 0 0;}
.getin-touch-right a { background:#fff url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 12px right 15px; background-size:auto auto; color:#00aeef;box-shadow: 2px 2px 0px 2px #0074b0; border-radius:22px; font-size:19px; font-weight:normal; font-weight:normal; text-transform:uppercase; padding:14px 55px 14px 20px;}
.getin-touch-right a:hover {background:#333 url('../images/arrow-hover.png'); background-repeat:no-repeat; background-position:top 12px right 15px; background-size:auto auto; color:#fff;}


/*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: 52%; }
.worcester-left h2 { line-height:40px;}
.worcester-left h4 { line-height:28px; }

.worcester-right { float: right; width:42%; }

.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 { font-weight:bold; background:url('../images/dot2.png'); background-position:top 10px left 0; background-repeat:no-repeat;list-style:none; color: #03b4fd; font-size:20px; line-height:28px;list-style:none; margin: 0; padding: 0 15px; text-align: left;}

#worcester-full {float: left; width:100%; padding:50px 0; text-align:center;
background:url('../images/wocester-banner-parallax.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:22px; line-height:35px; margin:0 0 15px; padding:0px; color:#fff;font-family:'Montserrat Regular';}
.worcester-full p { color:#fff; font-size:18px; line-height:30px;}

#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:570px; }
.worcester-col-left h2 { font-size:32px; line-height:40px; margin:0 0 15px; padding:0px; color:#03b4fd;}
.worcester-col-left p {color:#9a9da0; }
.worcester-icon {  margin: -80px 0 30px;}

.contact { float:left; width:100%; margin:0 0 60px;}
.contact-left { float:left; width:44%;}
.contact-left h3 { font-weight:bold; color:#2577ab; line-height:30px; font-size:18px; margin:10px 0 20px; padding:0px;}
.contact-form { float: left; width: 100%;}
.formrow { float: left; line-height: 28px; width: 100%; padding:0 0 20px 0; }
.formrow.pad1 { width:auto; float: left;}
.formrow input,.formrow textarea { border: 2px solid #cccecf;font-size:17px; width: 100%; padding:12px 12px; border-radius:4px;font-family:'Montserrat Light'; background: none;color: #9f9f9f;}
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow.captcha_input input { float: left; border: 1px solid #cccecf;  padding:5px 10px; background: none; }
.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 #cccecf;}
.imgcaptcha { border: 1px solid #cccecf; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}
.formrow.pad1 input { background: #00aeef; border: 0 none; color: #fff; font-size: 18px; padding:8px 25px; border-radius: 4px; font-weight:bold; }
.formrow.pad1 input:hover { background: #333; cursor: pointer;}

.contact-right {float: right; width:48%;}
.contact-right p { font-size:17px; margin:0px; padding:0px;}
.contact-text { float:left; width:100%; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:40px 0; margin:40px 0;}
.contact-text-add { float:left; width:100%;}
.contact-text-add li { list-style:none;}
.contact-text-add li h3 span { margin:0 4px;}
.contact-text-add li h3 { font-size:30px; line-height:60px; margin:0px; padding:0px; color:#000126; font-weight:normal;font-family:'Montserrat Light'; text-align: left;}
.contact-text-add li h3 a {font-family:'Montserrat Bold'; color:#00aeef;font-size:32px; line-height:60px; }
.contact-text-add li:last-child h3 { font-size:26px; line-height:60px;}
.contact-text-add li:last-child h3 a { font-size:32px; line-height:60px;}

.contact-text-map { float:left; width:100%; margin:30px 0;}
.contact-text-map p { font-size:24px; line-height:35px; color:#989da9;}
.contact-text-map p span { float:left; margin-right:15px;}


