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: #fbcd54; font-weight: normal;  font-family: 'neuropolregular'; }
h2 { font-size: 20px; margin: 0; padding: 0 0 20px 0; line-height: 26px; color: #239238; font-weight: normal; }
h3 { font-size: 18px; margin: 0; padding: 10px 0; line-height: 24px; color: #919498; 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: #979c9e; font-weight: normal; }
a { color: #fbcd54; font-size: 20px; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: none; color: #239238; }
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: #239238; 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: #fff; }


#header { float: left; width: 100%; margin: 60px 0 20px 0; }
.header-left { float: left; width: 32%; margin: 20px 0; }
.header-mid { float: left; width: 44%; padding-top:52px; }
.contact-no { float: right;  width: 24%;  margin: 0 0 10px 0;  padding-top: 34px; text-align: right; font-weight: bold;}
.contact-no p { padding:0; color:#282828;}
.contact-no a { font-size: 28px; font-weight:bold;}


#home-gas-safe { float: left; width: 100%; background: #000000; }
.home-gas-safe { width: 100%; margin: 0 auto; background: url('../images/home-gas-safe-banner-image.png'), url('../images/gas-safe-logo.png'); background-repeat: no-repeat, no-repeat; background-position: top 22px left 0, top 66% right 67px; }
.home-gas-safe-text { width: 64%; margin: 0% auto 0 25%; padding: 35px 0; }
.home-gas-safe-text h1 { color: #fff; font-size: 25px; line-height: 30px; }
.home-gas-safe-text h1 a { color: #f9ed0a; }
.home-gas-safe-text span { color: #f9ed0a; }
.pic-img { float: left; width: 100%; }
.pic-img img { width: 100%; margin-bottom: 20px; }

#gas-safe-section { float:left; width:100%; padding:20px 0;
background-color:#000000;
background-image:
url('../images/gassafe-section-image1.png'),
url('../images/gassafe-section-image2.png');
background-repeat:no-repeat,no-repeat;
background-position: left 20% bottom 0%,right 20% bottom 50%;
background-size:auto auto,auto auto;}
.gas-safe-section { float:left; width:100%; }

.gas-safe-text { margin:0 auto; width:73%; padding-left:10%; padding-top: 2%;}
.gas-safe-text h1 { color:#fff; font-size:30px; font-family:'HelveticaB';}
.gas-safe-text h1 span { color:#f6ed15;}
.gas-safe-text h1 span a { color:#f6ed15; font-size: 30px;}


#box-pen { float: left; width: 100%; padding: 150px 0 100px; margin: 0px; background: #e5e5e5; text-align: center; min-height: 300px; }
.box-pen { float: left; width: 100%; }
.box-pen ul { }
.box-pen li { background: #fff; padding: 20px; position: relative; list-style: none; float: left; width: 32%; margin: 0 2% 0 0; }
.box-pen li:last-child { margin: 0px; }
.box-pen li p { margin: 0 0 60px 0; padding: 0px; line-height: 24px; font-size: 20px; min-height: 175px; color: #9a9da0; }
.box-pen li h1 { padding: 50px 0 20px; font-size: 30px; }
.box-pen li a { padding: 90px 0 0 0; margin: -70px 0 0 0; display: block; }
.box-pen li#icon1 a { background: url('../images/home-icon1.png') no-repeat center top; }
.box-pen li#icon2 a { background: url('../images/home-icon2.png') no-repeat center top; }
.box-pen li#icon3 a { background: url('../images/home-icon3.png') no-repeat center top; }
.box-pen li#icon1 a:hover { background: url('../images/home-icon1-hover.png') no-repeat center top; }
.box-pen li#icon2 a:hover { background: url('../images/home-icon2-hover.png') no-repeat center top; }
.box-pen li#icon3 a:hover { background: url('../images/home-icon3-hover.png') no-repeat center top; }
.box-pen li#icon1 a:hover h1, .box-pen li#icon2 a:hover h1, .box-pen li#icon3 a:hover h1, .box-pen li#icon4 a:hover h1 { color: #0a5ba9; text-decoration: none; }
.box-pen li#icon1 a h3, .box-pen li#icon2 a h3, .box-pen li#icon3 a h3 { font-weight: normal; background: #df2c1e; color: #fff; border-radius: 22px; padding: 8px 25px; font-size: 22px; width: 70%; margin: -40px auto; }


.box-pen li#icon1 a:hover h3, .box-pen li#icon2 a:hover h3, .box-pen li#icon3 a:hover h3 { background: #0a5ba9; }


#worcester-home { float: left; width: 100%; margin: 0; padding: 60px 0; 
background: url('../images/home-worcester-background.jpg');
background-repeat: no-repeat; 
background-position: left 0% top 0%;
background-size: 100% auto;
background-attachment:fixed;}
.worcester-home-left { float: left; width: 35%; }

#worcester-home .worcester-home-left .pic-img img { width: 100%; }

.worcester-home-right { float: right; width: 62%; padding: 0 0 0 10px; }
.worcester-home-right h1 { color: #fbcd54; font-size: 25px;  }

.worcester-home-right p { color: #fff;     font-size: 22px;  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; }

#content { width: 100%; float: left; background-color: #fff; padding: 0; margin: 40px 0; }
.maincontent { width: 100%; float: left; background: #FFF; padding: 50px 0; }
.pic-img { float: left; width: 100%; margin-bottom: 30px; }
.pic-img img { width: 100%; }
#content .row { float: left; width: 100%; margin: 55px 0; }
#content .row-left { float: left; width: 45%; }
#content .row-right { float:right; width: 48%;  background-color: #58595b;  padding: 36px 25px; -webkit-box-shadow: 0px 4px 14px 13px rgba(237,237,237,1);
-moz-box-shadow: 0px 4px 14px 13px rgba(237,237,237,1);
box-shadow: 0px 4px 14px 13px rgba(237,237,237,1);}
#content .row-right ul { margin:0px; padding:0px;}
#content .row-right li { list-style:none; line-height:50px; color:#fff; padding:7px 50px; font-size:19px; background:url('../images/tick.png'); background-position:top 15px left 0; background-repeat:no-repeat; margin:8px 0;}

#content1 { float: left; width: 100%; 
background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)), url('../images/home-servicing&repairs-banner.png'); background-size:100% 100%, 100% auto; background-repeat:no-repeat, no-repeat; background-position: top 0 right 0, top 0 right 0; height: 450px; }
.row1 h1 { color: #df2c1e; font-size: 32px; padding: 50px 0 30px 0; }
.row1 h2 { color: #0a5ba9; font-size: 25px; }
.row1 p { font-size: 20px; padding: 30px 0; color: #a59ea0; }



#offers { float: left; margin: 0; padding: 100px 0 100px 0; text-align: center; width: 100%;   
	background: url(../images/services-banner.png);
    background-repeat: no-repeat;
    background-position: bottom 55% left 0%;
    background-size: 100% auto; }
#offers p { color: #fff; font-size: 24px; margin: 0; padding: 10px 0 15px; line-height: 26px; }
#offers p span { color: #f8981d; font-weight: bold; }
#offers h1 {color: #fff; margin: 0; padding: 0 0 15px;  }
#offers .btn-main { width:100%; float:left; text-align:center;}
#offers .btn {     margin: 40px 10px 0 10px;
    display: inline-block; }
#offers .btn a { text-decoration: none; background: #1b9a47; border: 3px solid #fff; color: #fff; text-transform: none; font-size: 22px;  padding: 8px 20px; border-radius: 20px; 
 font-weight: normal; }

#offers .btn a:hover {  background: #fbcd54;  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%; margin:10px 0; padding:0;}
.accreditations  { width:100%; float:left; padding:20px 0;}
.accreditations-left { float:left; width:75%;}
.accreditations-left p {padding:0px;}
.accreditations-left h1 { }
.accreditations ul { margin:0px; padding: 20px 0 0 0;}
.accreditations-right { float:right; width:25%;}
.accreditations-right li { list-style:none; display:inline-block; padding:0px 6px; vertical-align: middle;}


#our-services-include { float: left; margin: 0; padding: 40px 0; text-align: center; width: 100%; background: #ea8523; }
#our-services-include p { color: #fff; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height: 30px; }
#our-services-include h1 { 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 { font-family: 'T Book Reg'; text-decoration: none; background: #000000; border: 3px solid #fff; color: #fff; text-transform: none; font-size: 19px; padding: 8px 25px; border-radius: 18px; font-weight: bold; }
#our-services-include .btn a:hover { background: #666464; border: 3px solid #fff; }
.our-services-include { float: left; width: 100%; }
.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') no-repeat scroll 0 7px; list-style: none; color: #fff; font-size: 16px; line-height: 22px; list-style: none; margin: 0; padding: 0 15px; text-align: left; }


#areas-we-cover {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: url(../images/areas-we-cover-background.png);
    background-repeat:no-repaet;
    background-size: 200% auto;
    background-position: top 0% left 0%;
}
.areas-we-cover { float: left; width: 100%; }
.areas-we-cover-left { float: left; width: 8%; }
.areas-we-cover-right { float: left; width: 90%; }
.areas-we-cover-right h1 { font-size: 32px; color: #fff; padding-bottom: 10px; }
.areas-we-cover-right h3 { color: #fff; font-size: 22px; margin: 10px 0; padding:0px;}
#areas-we-cover ul{margin:0; padding:0; -moz-column-count:4; -webkit-column-count:4; column-count:4;}
#areas-we-cover ul li{list-style:none; color:#FFF; padding:5px 0;}


#footer { float: left; width: 100%; padding: 60px 0; }
.footer { float: left; width: 100%; }
.footer1 { float: left; width: 38%; }
.footer1 h2, .footer4 h2 {
    color: #ffcd4a;
    font-size: 23px;
    font-weight: bold;
}
.footer1 h3 { font-size: 30px; line-height: 32px; }
.footer1 p { color: #939598; padding: 20px 0; font-size: 22px; }
.footer1 a { font-size: 35px; color: #239238;  font-weight: bold;}
.footer1 a:hover { color:#fbcd54;}
.footer2 { float: left; width: 35%; margin: 0 2%; }

.footer4 { float: right; width: 20%; }
.footer4 li { list-style: none; padding: 7px 0; }
.footer4 li a { font-size: 18px; color: #a09d9d; font-weight: normal; }
.footer4 li a:hover, .footer4 li a.active {  color: #239238;}


#copy-right { float: left; width: 100%; background: #239238; padding: 10px 0; }
#copy-right p span { color: #fff; font-size: 25px; vertical-align: middle; }
#copy-right p { text-align: center; color: #fff; margin: 0px; padding: 0px; }
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #000; }


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


#worcester { float: left; width: 100%; margin: 50px 0; padding: 0; }
.worcester { float: left; width: 100%; margin: 0; padding: 0; }
.worcester-left { float: left; width: 49%; }
.worcester-right { float: right; width: 49%; }
.worcester-left h1, .worcester-right h1 { font-weight: bold; margin: 0; display: inline-block; padding: 0px; }
.worcester-right h2 { font-size: 18px; padding: 10px 0; line-height: 24px; font-weight: bold; }
.worcester-left h3, .worcester-right h3 { margin: 0; display: inline-block; font-size: 19px; color: #383636; }
.worcester-left .pic-img, .worcester-right .pic-img { margin: 0 0 15px; }
#worcester-full { text-align: center; float: left; width: 100%; margin: 0; padding: 40px 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-full h1 { color: #ea8523; font-size: 24px; text-align: center; }
#worcester-full p { color: #fff; font-size: 15px; line-height: 22px; }


/*worcester*/

#worcester-content { float: left; width: 100%; padding:30px 0; }
#worcester-content .row-left { float: left; width: 20%; }
#worcester-content .row-left img { padding-bottom: 20px; }
#worcester-content .row-right {     float: right; width: 75%; }


#worcester-content .row h1 { color: #df2c1e; font-size: 32px; padding: 20px 0; }
#worcester-content .row h2 { color: #0a5ba9; font-size: 22px; }
#worcester-content .row p { font-size: 20px; color: #a59ea0; }
#worcester-full { text-align: center; float: left; width: 100%; margin: 0; padding: 60px 0; background: url('../images/worcester-banner2.png') top left no-repeat; background-size: cover; }
#worcester-full h1 { color: #fff; font-size: 28px; font-family: 'Montserrat Regular'; }
#worcester-full p { color: #fff; font-size: 20px; line-height: 28px; }


#content2 { float: left; width: 100%; padding: 40px 0; }
#content2 .row-left { float: left; width: 48%; }
#content2 .row-left h1 { font-size: 32px; }

#content2 .row-left p { font-size: 20px; padding: 30px 0 0 0; color: #a59ea0; }
#content2 .row-right { float: left; width: 48%; }

#box-pen2 { float: left; width: 100%; padding: 80px 0 100px; margin: 0px; text-align: center; }
.box-pen2 { float: left; width: 100%; }
.box-pen2 ul { }
.box-pen2 li { background: #fff; padding: 30px 40px; position: relative; list-style: none; float: left; width: 48%; margin: 0 2% 0 0; -webkit-box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); -moz-box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); border-radius: 10px; min-height: 580px; }
.box-pen2 li:last-child { margin: 0px; }
.box-pen2 li p { margin: 0 0 60px 0; padding: 0px; line-height: 24px; font-size: 20px; min-height: 175px; color: #9a9da0; }
.box-pen2 li h1 { padding: 50px 0 20px; font-size: 28px; }

.box-pen2 li a { padding: 90px 0 0 0; margin: -100px 0 0 0; display: block; }
.box-pen2 li#icon1 a { background: url('../images/icon1.png') no-repeat center top; }
.box-pen2 li#icon2 a { background: url('../images/icon2.png') no-repeat center top; }
.box-pen2 li#icon1 a h3, .box-pen li#icon2 a h3, {font-weight: normal; background: #df2c1e; color: #fff; border-radius: 22px; padding: 8px 25px; font-size: 22px; width: 70%; margin: -40px auto;}

#booking { float: left; width: 100%; padding: 35px 0; background: url('../images/worcester-contact-banner.png') top left no-repeat; background-size: 100% auto; }
.booking { float: left; width: 100%; text-align: left; }
.booking-left { float: left; width: 75%;    margin: 20px 0; }
.booking-left p { color: #fff; font-size: 22px; }
.booking-left h1 { color: #fbcd54; padding:0 0 20px 0;  }
.booking-right {     float: right; width: 20%;  padding: 50px 0 0 0; }
.find-btn a {
    background: #239238 url(../images/white-arrow-icon.png);
    background-repeat: no-repeat;
    background-position: top 11px right 10px;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 28px;
    padding: 10px 50px 10px 35px;
    font-size: 20px;
}
.find-btn a:hover  {border: 3px solid #fff; background-color:#107924;}


/*contact*/

#contact { float: left; width: 100%; margin: 40px 0; text-align: left; }
.contact { float: left; width: 100%; margin: 0; }

.contact-left { float:left; width:48%;}
.contact-left h3 { padding-bottom:55px;}


.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: #58595b; font-size: 15px; padding:5px 0; }
.field .input { border: 2px solid #cccecf; line-height: 35px; font-size:15px; width: 100%; padding:5px 10px; 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 #cccecf;  padding:5px 10px; }
.pad1 { text-align: left; }
.field textarea.input { line-height: 15px;font-family:'Montserrat Regular'; font-weight:normal;color: #58595b;padding: 5px 5px;}

.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: #239238; border: 0 none; color: #fff; font-size: 18px; padding:8px 25px; border-radius: 4px; font-weight:bold; }
.formrow.pad1 input:hover { background: #fbcd54; cursor: pointer; }

.contact-right { float: right; width: 50%; margin-bottom: 20px; padding-left: 50px; }
.contact-right p { font-size: 17px; line-height: 22px; color: #999da0; }
.contact-right h1 a { padding-bottom: 10px; color: #fbcd54; font-size: 50px; }
.facebook-icon { float: left; width: 100%; padding: 20px 0; margin: 20px 0; text-align: center; }
.facebook-icon a { line-height: 30px; }
.contact-right .address { float: left; width: 100%; padding: 20px 0; margin: 20px 0 30px; border-top: 1px solid #bababb; border-bottom: 1px solid #bababb; }
.contact-right .address h1 { background: url(../images/contact-phone-icon.png); background-repeat: no-repeat; background-position: top 25px left 0; color: #0a5ba9; margin-bottom: 20px; padding: 20px 0 10px 60px; font-weight: bold; font-family: 'Montserrat Bold'; }
.contact-right .address h2 a { font-size: 40px; line-height: 50px; font-weight: bold; color: #555658; }
.contact-right .address h2 span { color: #555658; font-weight: normal; }
.contact-right .address h3 { background: url(../images/contact-address-icon.png); background-repeat: no-repeat; background-position: top 25px left 0; color: #999da0; margin-bottom: 20px; padding: 5px 0 5px 60px; font-size: 28px; line-height: 38px; font-weight: normal; }
.contact-right .address p { background: url(../images/contact-details-icon.png); background-repeat: no-repeat; background-position: top 25px left 0; padding: 20px 0 10px 60px; color: #999da0; margin: 0; font-size: 18px; line-height: 28px; font-weight: normal; }