body { margin:0px; padding:0px;font-family:'Montserrat Regular';}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:35px; margin:0; padding:0 0 15px 0; line-height:35px; color:#002f5e;font-family:'Montserrat Bold';}
h2 { font-size:20px; margin:0; padding:8px 0; line-height:26px; color:#58585a;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:25px; color:#71bf44;}
h4 { font-size:18px; margin:0; padding:10px 0; line-height:24px; color:#002f5e;}
h5 { font-size:16px; margin:0; padding:10px 0; line-height:24px; color:#17789c;}
p { font-size:19px; margin:0px; padding:8px 0; line-height:26px;  color:#999da0;  font-weight:normal; }
a { color:#fabd22; font-weight: bold; text-decoration:none;}
a:hover { text-decoration:none; color:#002f5e;}

ul.services { margin:20px 0;}
ul.services li {color:#999da3; margin:0px; padding:0 20px;  line-height:25px; font-size:17px;background:url('../images/dot.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;}
ul.services2 { margin:20px 0;}
ul.services2 li {color:#999da0; margin:0px; padding:0 20px;  line-height:26px; font-size:19px;background:url('../images/dot1.png'); background-position:top 10px left 0px; background-repeat:no-repeat; list-style:none;}
ul.services3 { margin:20px 0; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2; overflow:hidden;}
ul.services3 li {color:#0c2e5d; margin:0px; padding:0 20px;  line-height:28px; font-weight:bold; font-size:20px;background:url('../images/dot3.png'); background-position:top 10px left 0px; background-repeat: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:22px 0;}

#header-top { float:left; width:100%; padding:10px 0; background:#002f5e; position:fixed; z-index:999999;}
.header-top { float: left; width:100%;}
.header-top-left { float:left; width:70%;}
.header-top-left li { list-style:none; float:left; font-size:15px;  margin:0 10px; padding:0px; color:#fff; list-style:none;}
.header-top-left li img { vertical-align:middle; }
.header-top-left li a { color:#fabd22;}

.header-top-right { float: right; width:5%;}
.header-top-right li { list-style:none; float:left;  margin:0 4px;padding:0px; color:#fff; list-style:none;}
.header-top-right li img { vertical-align:middle; }

#header { float:left; width:100%; padding:30px 0 10px; margin-top:40px;}
.logo { float: left; width:20%;}
.header-right { float:right; width:60%; text-align:right; margin-top:32px;}
.header-phone h1 { color:#002f5e; margin:0px; font-size:30px; line-height:30px; padding:0px; font-weight:normal;}	
.header-phone h1 a { color:#ffbd00;font-family:'Montserrat Bold';}

#content { float:left; width:100%; margin:40px 0;}
.content { float:left; width:100%; text-align:center;}
.content h1 { margin:22px 0 0;}
.content p { color:#002f5e;}

.logo-icon { float:left; width:100%; text-align:center; margin:20px 0;}

.facebook-circle {
width: 50px;
height: 50px;
margin: 20px auto 0 auto;
padding: 10px;
display: inline-block;
background: rgba(255,189,0,1);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: sans-serif, arial, helvetica;
font-size: 20px;
line-height: 20px;
letter-spacing: 0.05em;
font-weight: 400;
text-align: center;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.facebook-circle:hover {
background: rgba(255,189,0,0.75);
color: #fff;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.centered {																								
position: relative;
top: 50%;
-webkit-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%);
}

.box-pen { float:left; width:100%;}
.box-pen ul { margin:0px; padding:0px; }
.box-pen ul li{width:30%; float:left; list-style:none; padding: 30px 0 30px 0;margin-left: 30px;}
.box-pen ul li a {padding:200px 0 0 0; margin:0; display:block;}
.box-pen ul li#icon1 a{background:url('../images/home-box-1.png') no-repeat center center;}
.box-pen ul li#icon2 a{background:url('../images/home-box-2.png') no-repeat center center;}
.box-pen ul li#icon3 a{background:url('../images/home-box-3.png') no-repeat center center;}
.box-pen ul li#icon1 a:hover{background:url('../images/home-box-1-hover.png') no-repeat center center;}
.box-pen ul li#icon2 a:hover{background:url('../images/home-box-2-hover.png') no-repeat center center;}
.box-pen ul li#icon3 a:hover{background:url('../images/home-box-3-hover.png') no-repeat center center;}

#truequote { float:left; width:100%; margin:30px 0;}
.truequote { float:left; width:100%;}
.truequote-left { float:left; width:30%;}
.truequote-left li { list-style:none; display:block; background:#ffbd00; margin-bottom:20px; border-radius:8px; padding:15px; width:100%;}
.truequote-left li h1 { color:#fff; padding:0 0 5px; margin:0px; font-size:25px; }
.truequote-left li p { color:#fff; font-size:16px; line-height:20px;}
.truequote-right { float:right; width:68%;}
.truequote-right img { width:100%;}

#worcester-home {float:left; width:100%; margin:0; padding:60px 0;
background:#010102 url('../images/home-worcester-background.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size: 100% auto;}
.worcester-home { float:left; width:100%;}
.worcester-home-left { float:left; width:32%;}
.worcester-home-left img { width:100%;}
.worcester-home-right { float:right; width:62%;}
.worcester-home-right h1 { font-size:35px; color:#ffbd00;}
.worcester-home-right p { color:#fff; font-size:22px; line-height:32px; margin:15px 0;}

#accreditations {float:left; width:100%; margin:40px 0; padding:0; text-align:center;}
.accreditations  { width:100%; float:left; padding:20px 0;}
.accreditations h1 {  padding:0 0 30px; font-weight:bold; font-size:35px;}
.accreditations p { font-size:18px; line-height:26px; margin:0 0 30px; padding:0px;}
.accreditations ul { margin:0px; padding:0px;}
.accreditations li { list-style:none; display:inline-block; padding:10px 10px; vertical-align: middle;}

#home-testimonials { float:left; width:100%; padding:70px 0; background:url('../images/home-testimonials-parallax.png'); background-repeat:no-repeat; background-size: auto auto;}
.home-testimonials { float:left; width:100%; text-align: center; padding:0;}
.home-testimonials ul { margin:0px; padding:0px;}
.home-testimonials li { display:inline-block; margin:0px; list-style:none; width:30%;}
.stars { float:left; width:100%; margin:30px 0;}
.testimonials-text {float:left; width:100%; background:#ecebeb; padding:20px;box-shadow:1px 2px 13px 2px #3e413a; min-height:300px;}
.testimonials-text h2 { color:#002f5e;}
.testimonials-text h3 { font-weight:normal;color:#3c3c3d;}
.testimonials-text p { color:#3c3c3d;}
.home-testimonials li:first-child { float:left; }
.home-testimonials li:last-child { float:right;}


#offers { float: left;margin: 0; padding:60px 0; text-align: center; width: 100%;background:#002f5e; }
#offers h1 { color:#fff; margin: 0; padding:5px 0 25px;}
#offers p { color: #fff; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height:30px;}

#offers .btn { float:left; width:100%; margin:40px 0 10px; text-align:center;}
#offers .btn a { text-decoration:none; background:#ffbd00; border:3px solid #fff; color:#fff; text-transform:none; font-size:22px; padding:4px 20px; border-radius:20px; font-weight: normal; }
#offers .btn a:hover { background:#ca9c19;}

.offers { float:left; width:100%; text-align: center; }
.offers ul {width:100%; margin:0px; padding: 0;  -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count:3; overflow:hidden;}
.offers li { font-size:16px;  color: #fff; line-height: 25px; padding:0px; /*background:url('../images/dot2.png'); background-repeat:no-repeat; background-position:top 7px left 0; list-style:none;*/}

#areas-we-cover { float:left; width:100%; padding:70px 0; background:url('../images/areas-we-cover-background.png'); background-repeat:no-repeat; background-size:100% auto;}
.areas-we-cover { float:left; width:100%; background:url('../images/areas-we-cover-icon.png') top left no-repeat; padding:0 0 0 70px;}
.areas-we-cover h1 {color:#ffbd00; font-size:35px; line-height:35px; font-family:'Montserrat Bold';}
.areas-we-cover h2 {color:#fff; padding:8px 0; font-size:22px; line-height:25px;} 
.areas-we-cover ul { margin:15px 0 0; }
.areas-we-cover li {color: #fff;padding: 0 20px; display:inline-block; background:url('../images/dot.png') no-repeat 0 10px;list-style:none; font-size: 21px;margin:0 15px 0 0;font-weight: normal;}

#footer { float:left; width:100%; margin:0; padding:50px 0;}
.footer-1 { float:left; width:30%;}
.footer-1 h1 { font-size:28px;}
.footer-1 h2 { margin:0px; padding:0px; display:inline-block; color:#002f5e; font-size:24px; line-height:30px; font-weight: normal}
.footer-1 h2 a { font-weight: normal; color:#002f5e;}
.footer-1 h3 { margin:0px; padding:10px 0; font-size:17px; line-height:22px; color:#929599; font-weight: normal;}
.footer-1 p { color:#939598; margin:10px 0; font-size:20px;}

.footer-2 { float:left; width:40%; margin:0 40px; text-align:center;}

.footer-3 { float: right; width:17%;}
.footer-3 h2 { padding:0 0 10px; color:#002f5e; }
.footer-3 li { list-style:none; line-height:25px; font-size:16px;}
.footer-3 li a { color:#939598; font-weight:normal;}
.footer-3 li a.active,.footer-3 li a:hover { color:#002f5e;}


#copy-right { float:left; width:100%; background:#ffbd00; padding:10px 0; text-align:center;}
#copy-right p span { color:#002564; font-size:30px; vertical-align:middle; font-weight:bold;}
#copy-right p { color:#2e3858; margin:0px; padding:0px; font-size:16px; }
#copy-right p a { color:#2e3858; font-weight: normal;}
#copy-right p a:hover { color:#000;}

#gas-safe { float:left; width:100%; padding:0; background:#989ea0;}
.gas-safe { float:left; width:100%;
	background-image:
	url('../images/gas-safe-register-graphic.png'),
	url('../images/gas-safe-register-logo-large.png');
	background-repeat:no-repeat,no-repeat;
	background-position: 
	right 480px bottom 80px,
	right 40px bottom 80px;}
.gas-safe h1 { color:#fff; font-size:28px;}
.gas-safe h3 { color:#fff; font-size:18px; font-weight:bold; line-height:25px;}
.gas-safe p { color:#fff;}
.gas-safe p a { color:#fff200;}
.gas-safe-text { float:left; width:62%; padding:50px 0;}
.gas-safe-logo { float:right; margin-left:20px;}


#call-us { float:left; width:100%; padding:70px 0 100px; text-align:center; background:url('../images/call-us-background.jpg'); background-position:top 25% right 0; background-repeat:no-repeat; background-size:100% auto;}
.call-us { float:left; width:100%;}
.call-us h1 { line-height:40px;}
.call-us ul { margin:0px; padding:0px;}
.call-us li { list-style: none; display:inline-block;}

.call-us li.first { margin:50px 0;}
.call-us li.first a {
background:#ffbd00 url('../images/icon1.png');
background-repeat:no-repeat;
background-position:top 12px left 20px;
background-size:auto;
color:#002f5e; padding:10px 30px 10px 60px; font-size:22px;  border-radius:26px; font-weight:normal;}


.call-us li.second { margin:50px 0;}
.call-us li.second a {
background:#ffbd00 url('../images/icon2.png');
background-repeat:no-repeat;
background-position:top 12px left 20px;
background-size:auto;
color:#002f5e; padding:10px 30px 10px 60px; font-size:22px;  border-radius:26px;  font-weight:normal;}

.call-us li.third { margin:50px 0;}
.call-us li.third a {
background:#ffbd00 url('../images/icon3.png');
background-repeat:no-repeat;
background-position:top 12px left 20px;
background-size:auto;
color:#002f5e; padding:10px 30px 10px 60px; font-size:22px;  border-radius:26px; font-weight:normal;}

.videos { float: left; width: 100%; margin: 15px 0; text-align:left;}
.videos h1 { text-align:center;}
.video { float:left; width:100%; margin:20px 0;}
.video-left { float:left; width:49%;}
.video-left h1,.video-right h1 { text-align: left; font-size:25px; line-height:30px; margin:15px 0 0; padding:0px;}
.video-left p,.video-right p  { color:#6d6e71;}

.video-right { float:right; width:49%;}


.row { float:left; width:100%;}
.row-left { float:left; width:52%;}
.row-right { float:right; width:44%;}

.row2 { float:left; width:100%;}
.row2-left { float:left; width:48%;}
.row2-right { float:right; width:48%;}

.pic-img { float:left; width:100%; text-align:center;}
.pic-img img { width:100%;}

#clients { float:left; width:100%; margin:30px 0; padding:50px 0 50px; background:#0c2e5d; text-align:center;}
.clients { float:left; width:100%;}
.clients h1 { color:#FFF; padding-bottom:40px;}
.clients ul { margin:0px; padding:0px;}
.clients li { list-style:none; display:inline-block; margin:0 40px;}
.clients li h2 { color:#fab821; font-size:32px; margin:20px 0;  font-family:'Montserrat Bold';}

#contact { float:left; width:100%; margin:30px 0;}
.contact { float:left; width:100%; margin:30px 0;}
.contact-left { float:left; width:46%;}
.contact-form { float: left; width: 100%;}
.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: #e1e0e1; font-size: 15px; padding:5px 0; }
.field .input { border: 2px solid #e1e0e1;color: #8f8f8f;font-family:'Montserrat Regular'; line-height: 35px; font-size:16px; width: 100%; padding:5px 10px; border-radius:4px; }
.label label { font-size: 16px; color: #8f8f8f; font-weight: normal; }
.formrow a { color: #c61f2d; text-decoration: none; }
.formrow.captcha_input input { float: left; border: 1px solid #e1e0e1; line-height: 35px; padding: 0 5px;font-family:'Montserrat Regular'; }
.pad1 { text-align: left; }
.field textarea.input { line-height: 15px;font-family:'Montserrat Regular'; font-weight:normal;color: #8f8f8f;padding: 5px px;}

.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 #e1e0e1;}
.imgcaptcha { border: 1px solid #e1e0e1; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #fabd22; border: 0 none; color: #fff; font-size: 18px; padding:8px 25px; border-radius: 4px; font-weight:bold; }
.formrow.pad1 input:hover { background: #c99920; cursor: pointer; }

.contact-right {float: right; width:42%;}
.contact-right h1 { margin:0px; padding:0px;}
.cont-add { float:left; width:100%; margin:30px 0; padding:25px 0;border-bottom:1px solid #d5d5d5;}
.contact-address { float:left; width:100%; margin:15px 0 30px;}
.contact-address-left { float:left; width:12%;}
.contact-address-right { float:right; width:88%;}
.contact-address-right h2 { margin:0px; padding:0px; font-size:35px; color:#002f5e; line-height:40px; font-family:'Montserrat Bold'; }
.contact-address-right h2 a { color:#002f5e;}
.contact-address-right h3 { color:#939598; font-size:25px; line-height:35px; font-weight: normal; margin:0px; padding:0px;}


#scroll-down { float:left; width:100%; text-align:center; padding:25px 0; background:#0c2e5d;}
#scroll-down h1 { color:#fff; font-size:40px; margin:0px; padding:0px;}
#scroll-down h1 span { display: inline-block; vertical-align: middle; margin-right:10px;}

#step-post { float:left; width:100%; padding:40px 0; background:url(../images/gas-boilers-step-by-step-background.jpg) top center no-repeat;}
.step-post { position:relative;}
.step-post1 { float:left; width:100%;}
.step-post1-left { float:left; width:35%;}
.step-post1-right { float:right; width:64%; margin:100px 0 0;}
.step-post1-right h1 { color:#fff;}
.step-post1-right p { color:#fff;}
.step-post2-left p a,.step-post1-right p a { color:#ffbd00 !important;}

.step-post2 { float:left; width:100%;}
.step-post2-left { float:left; width:62%; margin:100px 0 0; text-align:right;}
.step-post2-left h1 { color:#fff;}
.step-post2-left p { color:#fff;}
.step-post2-right { float:right; width:32%;}

.step-post1-left .img-responsive { float: left;}
.step-post2-right .img-responsive { float: left;}

.step-post-bg { width:70%; margin:0 auto; overflow:hidden; height:40px;
	background-image:
	url('../images/step-post-bg1.png'),
	url('../images/step-post-bg2.png'),
	url('../images/step-post-bg3.png');
	background-repeat: repeat-y, repeat-x, no-repeat;
	background-position: 
	top 0 left 0,
	left 0 bottom 8px,
	right 0 bottom 0;}
	
.step-post-bg2 { width:70%; margin:0 auto; overflow:hidden; height:40px;
	background-image:
	url('../images/step-post-bg1.png'),
	url('../images/step-post-bg2.png'),
	url('../images/step-post-bg3.png');
	background-repeat: no-repeat, repeat-x, no-repeat;
	background-position: 
	top 0 right 0,
	right 0 bottom 8px,
	left 0 bottom 0;}

#worcester-guarantee { float:left; width:100%; padding:40px 0; background:#25408f;}
.worcester-logo { float:left; width:15%;}
.worcester-text { float:right; width:85%; margin-top:10px;}
.worcester-text p { color:#fff;}


#what-we-do {float:left; width:100%; text-align:center; padding:50px 0; 
background:#123a75 url('../images/what-we-do-banner.png'); 
background-repeat:no-repeat;
background-size:100% auto;
background-position:top 0 left 0; }
.what-we-do { float:left; width:100%;}
.what-we-do-left { float:left; width:20%;}
.what-we-do-left h1 { color:#fabd22; line-height:35px; font-size:30px;}
.what-we-do-right { float:right; width:78%; text-align:left;}
.what-we-do-right ul { margin:0px; padding:0px; -webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count:3; overflow:hidden;}
.what-we-do-right li { color:#fff; margin:0px; padding:0 20px; background:url('../images/dot2.png'); list-style:none; background-repeat:no-repeat; background-position:top 9px left 0; line-height:28px; font-size:20px;}


#worcester {float:left; width:100%; margin:25px 0; padding:0px;}
.worcester { float:left; width:100%; margin:0 0 25px 0;}
.worcester-left { float:left; width:48%;}
.worcester-right { float:right; width:48%;}

#worcester-full { text-align:center; float:left; width:100%; margin-bottom:30px; padding:40px 0;
background:url('../images/worcester-banner2.jpg');
background-repeat:no-repeat;
background-size:100% auto;
background-position:top 0 left 0; }
#worcester-full h1 { color:#fff; font-size:27px;}
#worcester-full p { color:#fff;}

.our-prices { float:left; width:100%; text-align:center; margin:30px 0;}
.our-prices ul { margin:0px; padding:0px;}
.our-prices li { list-style:none; display:inline-block; margin:25px 0px; width:33%;}
.our-prices li h2 { margin:0px; padding:0px; color:#0c2e5d; font-size:18px;}
.our-prices li p { margin:0px; padding:0px;}










