@import "lifestyle.css"; 
body { margin: 0px; padding: 0px; font-family:'Montserrat Regular';}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1 { font-size: 30px; margin: 0; padding: 0 0 10px 0; line-height:35px; color: #8dc63f;  font-family:'Montserrat Bold';}
h2 { font-size:28px; margin: 0; padding: 8px 0; line-height: 25px; color: #8dc63f; font-family:'Montserrat Bold';}
h3 { font-size: 18px; margin: 0; padding: 10px 0; line-height: 30px; color: #383a3c;  font-weight: bold; font-family:'Montserrat Light';}
h4 { font-size: 20px; margin: 0; padding: 10px 0; line-height: 28px; color: #8dc63f; font-weight: normal; }
h5 { font-size: 22px; margin: 0; padding: 20px 0; line-height: 26px; color: #319dce; font-weight:bold; }
p { font-size: 18px; margin: 0px; padding: 8px 0; line-height:26px; color: #383a3c; font-weight: normal;font-family:'Montserrat Light';}
a { color: #8dc63f; text-decoration: none; }
a:hover { text-decoration: none; color: #ed1d24; } 

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

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

ul.services2 { margin:15px 0; padding:0px;}
ul.services2 li { color: #8dc63f; font-weight: normal; margin: 0px; padding: 0 15px; line-height:26px; font-size: 17px; background: url('../images/dot1.png'); background-repeat:no-repeat; background-position:top 10px left 0; list-style: none; font-weight: bold;font-family:'Montserrat Light'; }

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; 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;}

#header { float:left; width:100%; margin:30px 0;}
.header { float:left; width:100%;}
.logo { float:left; width:45%; margin:0;}
.header-mid { float:left; width:30%; margin:0;}
.header-mid h2 { font-size:35px; line-height:35px;}
.header-mid h2 a { color:#000;}
.header-mid h2 span { float:left; min-height:60px; margin-right:15px; margin-top:5px;}
.header-right { float: right; width:20%; text-align:right;}
.header-right li { list-style:none; display:inline-block; padding:0 0 0 20px;}

#box-pen { float:left; width:100%; margin:40px 0 0; text-align:center;}
#box-pen li { list-style:none; display:inline-block; margin:0 30px;}

#content { float:left; width:100%; margin:30px 0;}
.content-left { float:left; width:60%;}
.content-left h2 { font-size:35px; line-height:32px;margin:0px; padding:0 0 15px;}
.content-left h3 { font-size:17px; line-height:26px; margin:0px; padding:0 0 20px; color:#383a3c;}
.home-img { float:left; margin-right:20px;}
.content-right { float:right; width:35%;}

#accreditations { float:left; width:100%; margin:0;}
.accreditations { float:left; width:100%; padding:25px 0 10px; border-top:2px solid #000000; border-bottom:2px solid #000000;}
.accreditations-left { float:left; width:70%;}
.accreditations-left h2 { margin:0px; padding:0px; font-size:35px;}
.accreditations-right { float:right; width:22%; margin:0;}
.accreditations-right li { list-style:none; display:inline-block; padding:15px 20px; vertical-align:middle;}

#booking { float:left; width:100%; margin:30px 0; padding:30px 0; background:#e6e7e8;}
.booking { float:left; width:100%; }
.booking-left { float:left; width:75%;}
.booking-left h2 { font-size:35px; line-height:35px;}
.booking-left p { color:#424343;font-family:'Montserrat Bold';}
.booking-right { float:right; width:15%; margin:3% 0 0;}
.booking-right a { background:#424343; color:#fff; font-size:21px; border-radius:10px; padding:12px 30px;}
.booking-right a:hover { background:#8dc63f;}

#about-us { float: left; width: 100%; margin:0; padding:70px 0; text-align:center;
background:
url('../images/about-us-bg.png');
background-repeat:no-repeat; 
background-position:left 0% bottom 70%;
background-size:100% auto; }
#about-us h2 {color:#fff; margin:0px; padding:0 0 15px; font-size:45px; line-height:50px;}
#about-us p { color:#fff;margin:0px; padding:0px;}

#our-services-include { float: left; width: 100%; margin: 0; padding:40px 0; text-align: center;  background:#58595b;}
#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 { background:#000; color:#fff; font-size:19px; padding:7px 20px; border-radius:12px; font-weight: normal; }
#our-services-include .btn a:hover { background:#8dc63f;}

.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/dot.png'); background-repeat:no-repeat; background-position:top 8px 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-cover { float: left; width: 100%; padding:10px 0; margin: 0;  text-align: center; background:#8dc63f;}
#areas-cover h2 { color:#fff; margin:0px; padding:0px; font-size:40px; line-height:45px;}
#areas-cover p { color:#fff; margin:0px; padding:0px;}

#home-map { float:left; width:100%;}
#home-map iframe { float: left; width:100%;}

#footer { float: left; width:100%; margin:0px; padding:30px 0; background:#808285;}
.footer { float:left; width:100%;}

.footer1 { float:left; width:26%; padding:0 25px; border-left:1px solid #fff;}
.footer1 li { list-style:none; color:#fff; line-height:24px; font-size:16px; padding:0 0 20px;}
.footer1 li:first-child span { float:left; margin-right:10px; min-height:80px;}
.footer1 li:last-child span { float:left; margin-right:10px; min-height:30px;}
.footer1 li:last-child { padding:0px;}
.footer1 li a {color:#fff;}

.footer2 { float:left; width:24%; border-left:1px solid #fff; border-right:1px solid #fff; padding:0 0 0 50px;}
.footer2 h2 { font-size:18px; color:#fff; margin:0px; padding:0 0 10px;}
.footer2 li { list-style:none;}
.footer2 li a { color:#fff; font-size:18px; line-height:32px;}
.footer2 li a.active,.footer2 li a:hover { color:#8dc63f;}

.footer3 { float: right; width:48%;border-right:1px solid #fff; padding:0 0 0 40px;}
.footer3 h2 { font-size:18px; color:#fff;margin:0px; padding:0 0 10px;}
.footer3 ul {-webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count: 3; overflow:hidden;}
.footer3 li { background:url('../images/footer-dot.png'); background-repeat:no-repeat; background-position:top 5px left 0; padding:0 12px; list-style:none; color:#fff;font-size:9px; line-height:16px;font-family:'Montserrat Light';}

#copy-right { float: left; width: 100%; background:#404041; padding: 10px 0; }
#copy-right p span { color: #fff; font-size: 28px; vertical-align: middle;font-family:'Montserrat Bold'; }
#copy-right p { text-align: right; color: #fff; margin: 0px; padding: 0px; font-size:16px;font-family:'Montserrat Light';}
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #000; }

#content2 { float:left; width:100%; margin:70px 0;}
.row { float:left; width:100%;margin:0 0 20px;}
.row-left { float:left; width:30%;}
.row-right { float:right; width:66%;}
.row-right p { line-height:28px;}

.pic-img { float:left; width:100%;}
.pic-img img { width:100%;}

#boiler-repairs {float:left; width:100%; padding:50px 0; margin:0px; background:#8dc63f;}
.boiler-repairs { float: left; width:100%;}
.boiler-repairs-left { float:left; width:64%;}
.boiler-repairs-left h3 { color:#fff; font-size:22px; line-height:26px; margin:0px; padding:0 0 15px; font-weight:bold; font-family:'Montserrat Bold';}
.boiler-repairs-left p { color:#fff; }
.boiler-repairs-right { float: right; width:26%;}

#powerflushing {float:left; width:100%; padding:50px 0; margin:0px;}
.powerflushing { float: left; width:100%;}
.powerflushing-left { float:left; width:28%;}
.powerflushing-right { float: right; width:66%;}
.powerflushing-right h2 { font-size:22px;}
.powerflushing-right h3 { font-size:18px; line-height:26px;font-weight:bold;}

#bathroom-nstallations {float:left; width:100%; padding:50px 0; margin:0px; background:#8dc63f;}
.bathroom-nstallations { float: left; width:100%;}
.bathroom-nstallations-left { float:left; width:64%;}
.bathroom-nstallations-left h2 { color:#fff;}
.bathroom-nstallations-left h3 { color:#fff; font-size:18px; line-height:26px;font-weight:bold;}
.bathroom-nstallations-left p { color:#fff; }
.bathroom-nstallations-left p a { color:#fff; font-weight:bold;}
.bathroom-nstallations-right { float: right; width:28%;}

#other-services { float:left; width:100%; padding:50px 0 10px;}
.other-services { float: left; width:100%;}
.other-services-left { float:left; width:30%;}
.other-services-right { float: right; width:64%;}
.other-services-right h2 { font-size:22px; margin:0px; padding:0 0 20px;}
.other-services-right h3 { font-size:18px; line-height:26px;font-weight:bold;}

.worcester { float:left; width:100%;margin:0 0 20px;}
.worcester-left { float:left; width:40%;}
.worcester-right { float:right; width:56%;}

#worcester-full { float: left; width: 100%; margin:0; padding:50px 0; text-align:center;
background:
url('../images/worcester-full-bg-parallax.jpg');
background-repeat:no-repeat; 
background-position:left 0% bottom 70%;
background-size:cover;
background-attachment:fixed;}
#worcester-full h2 {color:#fff; }
#worcester-full p { color:#fff; font-size:16px; line-height:30px;}

#worcester2 { float:left; width:100%; margin:50px 0 40px;}
.worcester2 { float:left; width:100%;}
.worcester2-left { float:left; width:48%;}
.worcester2-left .pic-img,.worcester2-right .pic-img { margin:0 0 30px;}
.worcester2-left h2,.worcester2-right h2 { font-size:24px;}
.worcester2-left h3,.worcester2-right h3 { color:#8dc63f;}
.worcester2-right { float:right; width:48%;}

.contact { float:left; width:100%; margin:0;}
.contact-left { float:left; width:48%;}
.contact-left h2,.contact-right h2 { text-align: center; font-size:28px; color:#94c94a;}
.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: #94c94a; 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;font-weight: bold;}
.contact-add h3 span { width:100%; float:left;}
.contact-add h3 a { color:#58595b; font-size:40px; line-height:50px;font-weight: bold; font-family:'Montserrat Regular';}
.contact-add h4 {  color:#58595b; font-size:25px; line-height:35px; font-weight: normal;}
.contact-icon { float:left; width:100%; margin:10px 0;}