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:#007506;}
h2 { font-size:32px; margin:0; padding:8px 0; line-height:35px; color:#ff8e36;font-family: 'Helvetica-Condensed-Black';}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:26px; color:#000;}
h4 { font-size:22px; margin:0; padding:10px 0; line-height:30px; color:#58585a;}
h5 { font-size:20px; margin:0; padding:10px 0; line-height:28px; color:#17789c;}
p { font-size:19px; margin:0px; padding:8px 0; line-height:30px;  color:#000000;  font-weight:normal;}
a { color:#7ac43b; text-decoration:none;}
a:hover { text-decoration:none; color:#04b90d;}

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

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

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

.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,ul.services2 { margin:10px 0; padding:0px; text-align:left;}
ul.services1 li {color:#999da0; font-weight: normal; margin:0 15px; line-height:28px;  font-size:19px; font-weight:normal;}
ul.services2 li {color:#999da0; font-weight: bold; margin:0 15px; line-height:25px;  font-size:20px;}

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

#header-top { float:left; width:100%; background:#000000; padding:5px 0; position: fixed; z-index: 9999999;}
.header-top { float: left; width: 100%;}

.header-top-right { float: right; text-align:right;width:70%;}
.header-top-right p {font-size:17px; line-height:22px; list-style:none;color:#fff; padding:0 0 0 30px; display:inline;  margin:0px; background:url('../images/phone-icon.png'); background-position:top 2px left 0; background-repeat:no-repeat;}
.header-top-right p span {color:#fff;}
.header-top-right p a { color:#ff8e36; font-weight:bold;font-size:15px;}
.header-top-right #p2 { text-indent: 15px; }

#header { float:left; width:100%; padding: 60px 0 20px 0;}
.header-inn { float:left; width:100%;}
.logo { float:left; width:28%;}
.header-right { float:right; width:70%; margin:0;}
.header-mid { float:left; width:100%; margin:0 0 10px;}
.header-mid-left { float:left; width:66%; text-align:center;}
.header-mid-left h3 {margin:0px; padding:0px; font-size:28px; color:#000;font-family: 'Helvetica-Condensed-Black';}
.header-mid-left h2 { margin:0px; padding:8px 0 0; color:#ff8e36;}
.header-mid-left h2 a { color:#ff8e36;}
.header-mid-right { float:right; width:33%;}


#box-pen { float:left; width:100%; padding:0; margin:60px 0;}
.box-pen { float:left; width:100%; text-align:center;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen ul li{width:24%; margin:0 15px 0 0; float: left; list-style:none; }
.box-pen ul li:last-child { margin:0px;}
.box-pen ul li a {padding:190px 0 0 170px;margin:0px;display: inline-block;color: #39753d;}
.box-pen ul li#icon1 a{background:url('../images/home-icon1.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon2 a{background:url('../images/home-icon2.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon3 a{background:url('../images/home-icon3.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon4 a{background:url('../images/home-icon4.png'); background-position:top 0 center; background-repeat:no-repeat;}

.box-pen ul li#icon1 a:hover{background:url('../images/home-icon1-hover.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon2 a:hover{background:url('../images/home-icon2-hover.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon3 a:hover{background:url('../images/home-icon3-hover.png'); background-position:top 0 center; background-repeat:no-repeat;}
.box-pen ul li#icon4 a:hover{background:url('../images/home-icon4-hover.png'); background-position:top 0 center; background-repeat:no-repeat;}


#why-choose { float:left; width:100%; padding:0; margin:0px; 
background:url('../images/why-choose-us-background_parallax.png'); 
background-position:bottom 0% right 0%; 
background-repeat:no-repeat; 
background-size:100% auto;}
.why-choose-inn {float:left; width:100%; padding:0; margin:0px; 
background:url('../images/why-choose-us-image.png'); 
background-position:left 15% bottom 0%; 
background-repeat:no-repeat; 
background-size:35% auto;}
.why-choose { float: right; width:52%; padding:80px 0;}
.why-choose h2 { color:#fff; font-weight:normal;}
.why-choose p { color:#fff; font-size:18px; line-height:30px;}

#accreditations {float:left; width:100%; padding:0; margin:60px 0;}
.accreditations-inn {float:left; width:100%; padding:0; margin:0px;}
.accreditations-left { float:left; width:52%;}
.accreditations-left h2 { margin:0px; padding:0px;}
.accreditations-left p { font-size:17px; line-height:25px;}
.accreditations-right { float:right; width:45%;}
.accreditations-right li { list-style:none; display:inline-block; margin:0 10px; vertical-align:middle;}

#truequote{float:left; width:100%; padding:0; margin:60px 0;}

#underfloor-heating {float: left;width: 100%; margin: 0; padding: 60px 0 100px;
background: 
url('../images/home-underfloor-heating-banner_image1.png'), 
url('../images/home-underfloor-heating-banner_image2.png'), 
url('../images/home-underfloor-heating-banner.png');
background-repeat: no-repeat, no-repeat, no-repeat;
background-position:bottom 50% left 21%, bottom 0% right 21%, bottom 0% left 0%;
background-size: auto 70%, auto 94%, cover;
background-attachment: scroll, scroll, fixed;
height:310px;}

.underfloor-heating {float:left; width:100%; text-align:center;}
.underfloor-heating p {color:#fff; font-size:18px; line-height:22px;}

#worcester-home {float:left; width:100%; margin:0; padding:60px 0;
background:#010102 url('../images/home-worcester-background.jpg');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size: cover;
background-attachment:fixed;}
.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:63%;}
.worcester-home-right h2 { color:#ff8d36;font-size:35px;}
.worcester-home-right p { color:#fff; font-size:22px; line-height:32px; margin:15px 0;}

#our-services-include { float: left;margin: 0; padding:40px 0; text-align: center; width: 100%;}
#our-services-include p { color: #000000; font-size: 26px; margin: 0; padding: 10px 0 15px; line-height:30px;}
#our-services-include h2 { color: #000000; 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; border:2px solid #ff8e36; color:#ff8e36; text-transform:none; font-size:18px; padding:6px 20px; border-radius:15px; font-weight: bold; }
#our-services-include .btn a:hover { background:#333;  border:2px solid #333; color:#fff;}

.our-services-include { float:left; width:100%;}
.our-services-include ul {width:100%; margin: 0; 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: #000000; font-size:16px; line-height:25px;list-style:none; margin: 0; padding: 0 15px; text-align: left;}

#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:62%; float:left;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe h2 {color:#fff;font-family:'Montserrat Bold';}
.gas-safe h3 {color:#fff;font-family:'Montserrat Bold'; font-size:18px; line-height:26px;}
.gas-safe p {color:#fff;}
.gas-safe p span {display:inline-block;}
.gas-safe p a { color:#fcf330;}


#footer { float: left; width: 100%; margin:40px 0;}
.footer-inn { float:left; width:100%;}
.footer1 { float:left; width:24%; padding:12px 0;}

.footer2 { float:left; width:40%; padding:12px 40px; border-left:1px solid #6e6e70; border-right:1px solid #6e6e70;}
.footer2 h2 { float:left;color:#000000; margin:0px; padding:0px;}
.footer2 span { float:left; margin:0 15px;}
.footer2 h3 { float:left; font-family: 'Helvetica-Condensed Bold'; font-size:30px; line-height:32px;margin:0px; padding:0px;}
.footer2 h3  { float:left; margin:0;}
.footer2 h3 a {color:#ff8e36;}

.footer3 { float: right; width:31%; padding:0;}
.footer3 h2 { color:#58586f; margin:0px; padding:0px; font-size:22px; line-height:30px;}
.footer3 ul {padding: 0; margin:0px;  -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.footer3 li { list-style:none; margin:0 10px 0 0; }
.footer3 li a { color:#58586f;font-family:'Montserrat Light'; font-size:14px; line-height:20px;}
.footer3 li a.active,.footer3 li a:hover { color:#ff8e36;}

#copy-right { float: left; width: 100%; background:#ff8e36; padding: 10px 0; }
#copy-right p span { color: #fff; font-size: 26px; vertical-align: middle;font-family:'Montserrat 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;}

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

.row { float:left; width:100%;}
.row-left { float:left; width:50%;}
.row-left h2 { margin:0px; padding:0px;}
.row-right { float:right; width:42%;}
.pic-img { float:left; width:100%; text-align: center;}
.pic-img img { width:100%; float:left;}

#booking { float: left; width: 100%; padding:40px 0; background:#000;}
.booking-inn { float: left; width: 100%;}
.booking-left {float:left; width:75%;}
.booking-left h2 { color:#ff8e36; font-size:45px; line-height:40px; margin:0px; padding:0 0 10px; text-transform:uppercase;}
.booking-left p { color:#fff; font-size:27px; margin:0px; padding:15px 0;}
.booking-right {float:right; width:22%;}
.booking-right .btn { float:left; width:100%; margin:15% 0 0;}
.booking-right .btn a { text-decoration:none; border:2px solid #fff; color:#fff; text-transform:none; font-size:19px; padding:10px 20px; border-radius:22px; font-weight: bold; }
.booking-right .btn a:hover { background:#333;  border:2px solid #fff; color:#fff;}


#worcester { float:left; width:100%; margin:50px 0;}
.worcester {float:left; width:100%;}
.worcester-left {float:left; width:48%;}
.worcester-right {float:right; width:48%;}
.worcester-right li { color:#58595b; margin:0px; padding:0 15px;  line-height:25px; font-size:17px;background:url('../images/dot3.png'); background-position:top 8px left 0px; background-repeat:no-repeat; list-style:none; }
.worcester-left h2,.worcester-right h2 { font-size:32px; line-height:40px; margin:0px; padding:0px;}
.worcester-left h3,.worcester-right h3 { font-size:18px; line-height:26px;}

#worcester-full { float:left; width:100%;  padding:20px 0; text-align:center;
background:
url('../images/worcester-full.png');
background-repeat:no-repeat;
background-position:left 0 bottom 0;
background-size:cover;
background-attachment:fixed;}
#worcester-full h2 {color:#fff; font-family:'Montserrat Bold'; font-size:25px;}
#worcester-full p { color:#fff;font-family:'Montserrat Light';}

.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 11px left 0; background-repeat:no-repeat;list-style:none; color: #ff8e36; font-size:20px; line-height:28px;list-style:none; margin: 0; padding: 0 15px; text-align: left; font-family:'Montserrat Bold';}


/*contact*/
#contact { float:left; width:100%; margin:60px 0;}
.contact-left { float:left; width:45%;}
.contact-left p { color:#949599}
.contact-form { float: left; width: 100%;}
.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 #d7d6d7; color:#949599; line-height: 35px; font-size:17px; 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 #d7d6d7;  padding:8px 10px; }
.pad1 { text-align: left; }
.field textarea.input { line-height: 15px;font-family:'Montserrat Regular'; font-weight:normal;color: #949599;padding: 5px 10px;}
.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 #d7d6d7;}
.imgcaptcha { border: 1px solid #d7d6d7; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #ff8e36; border: 0 none; color: #fff; font-size:20px; padding:8px 20px; border-radius: 4px; font-weight: normal; }
.formrow.pad1 input:hover { background: #cb5b03; cursor: pointer; }

.contact-right { float: right; width: 45%; margin-bottom: 20px;}
.contact-add { float:left; width:100%; padding:40px 0; margin:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.contact1 { float:left; width:100%;}
.contact1 p { font-size:22px; color:#00519f; margin:0px; padding:0px;}
.contact1 p span { margin-right:10px; vertical-align:top; min-height:80px; float:left;}
.contact1 p a { font-size:40px; line-height:45px; font-family:'Montserrat Bold'; color:#000;}
.contact2 { float:left; width:100%; margin:10% 0 8%; }
.contact2 span { float:left; min-height:150px; margin-right:20px;}
.contact2 p { font-size:23px; line-height:35px; margin:0px; padding:0px; color:#000;}



#hitachi{float: left; width: 100%; padding: 30px 0; background:#f6f6f6;}
.hitachi-left{float: left; width: 25%; padding: 10px;}
.hitachi-right{float: right; width: 75%; padding: 10px;}

#hitachi p { font-size:14px !important; line-height:22px; color:#252525; margin:0px; padding:0px;}