body { scroll-behavior: smooth;overflow-x: hidden;padding:0px;margin:0px;box-sizing:border-box;font-family:'Montserrat Regular';}
html{box-sizing:border-box; scroll-behavior: smooth;}
*,::after, ::before {  box-sizing: border-box; }
ul { margin:0px; padding:0px;}
h1 { font-size:40px; margin: 0; padding: 0 0 10px 0; line-height:50px; color: #344da1;  font-family:'Montserrat Bold';}
h2 { font-size: 32px; margin: 0; padding:0; line-height: 40px; color: #344da1;font-weight: normal;font-family:'Montserrat Light'; font-weight:bold; }
h3 { font-size: 20px; margin: 0; padding: 10px 0; line-height:30px; color: #ed1e3b;  font-weight: bold;font-family:'Montserrat Light';}
h4 { font-size: 20px; margin: 0; padding: 10px 0; line-height: 28px; color: #ef4132; font-weight: normal; }
h5 { font-size: 22px; margin: 0; padding: 20px 0; line-height: 26px; color: #319dce; font-weight: normal; }
p { font-size: 19px; margin: 0px; padding: 8px 0; line-height: 30px; color: #989ea0; font-weight: normal;}
a { color: #002a62; text-decoration: none; }
a:hover { text-decoration: none; color: #bf1e2e; transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; } 

input[type="text"],input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;border-radius: 0;}
iframe#gmap { width:100%; border:0px;}

ul.services1 { margin:15px 0; padding:0px;}
ul.services1 li { color: #989ea0; font-weight: normal; margin: 0px; padding: 0 40px; line-height:45px; font-size: 19px; background: url('../images/home-tick-icon.png'); background-repeat:no-repeat; background-position:top 15px left 0; list-style: none; font-weight: normal;font-family:'Montserrat Light';}

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

ul.services3 { margin:15px 0; padding:0px;}
ul.services3 li { color:#344da1; font-weight: normal; margin: 0px; padding: 0 15px; line-height:30px; font-size:21px; background: url('../images/dot2.png'); background-repeat:no-repeat; background-position:top 11px left 0; list-style: none; font-weight: bold;}

.scrollup { z-index: 99999999; 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:20px 0 0;}

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

.btn { width: auto; margin:30px 0 0; display: inline-block }
.btn a { display:inline-block; color: #fff; padding:15px 70px 15px 20px;  border-radius:28px; font-size: 23px; font-weight:normal; background:#344da1 url('../images/arrow-right.png'); background-repeat: no-repeat; background-position:top 14px right 12px;font-family:'Montserrat Light';}
.btn a:hover { background-color: #ed1e3b }

.btn2 { width: auto; margin:10px 0 0; display: inline-block }
.btn2 a { display:inline-block; color: #fff; padding:15px 70px 15px 20px;  border-radius:28px; font-size: 23px; font-weight:normal; background:#ed1e3b url('../images/arrow-right.png'); background-repeat: no-repeat; background-position:top 14px right 12px;font-family:'Montserrat Light';}
.btn2 a:hover { background-color: #344da1 }


#header { float:left; width:100%; margin:20px 0 10px; overflow:hidden;}
.header { float:left; width:100%;}
.logo { float:left; width:32%; margin:0;}
.header-mid { float:left; width:35%; margin:0 0 0 0;}
.header-facebook-logo {float: left; width:auto; margin:40px 0 0 0;}
.header-checkatrade { float:right; margin: 0 auto; text-align: center;}

.clear { clear: both; }

.header-right { float: right; width:24%;}
.header-right p { font-size:24px; text-align:right;}
.header-right h2 { line-height:36px;}
.header-right h2 span {margin-right:10px;vertical-align:middle;}
.header-right h2 a { color:#58585a; font-weight:bold; font-size:27px; }

#welcome-home {float:left; width:100%; margin:40px 0 80px; padding:60px 0;
background:url('../images/welcome-home.png');
background-repeat: no-repeat;
background-position: left 0%  bottom 0%;
background-size:auto auto;}
.welcome-home { float:left; width:50%; margin:0 0 0 30%;}
.welcome-home h2 { margin:0px; padding:0px; }
.welcome-home h3 { margin:15px 0; padding:0px; font-size:23px; line-height:30px; }
.welcome-home p {  margin:10px 0;}

#worcester-home {float:left; width:100%; margin:40px 0; padding:60px 0;}
.worcester-home {float:left; width:100%; }
.worcester-home-left { float:left; width:64%;}
.worcester-home-right { float: right; width:30%;}

#home-booking {float:left; width:100%; margin:0; padding:60px 0;
background:url('../images/home-find-out-more-banner-parallax.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size:cover;
background-attachment:fixed;}
#booking {float:left; width:100%; margin:0; padding:60px 0;
background:url('../images/red-contact-banner-parallax.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size:cover;
background-attachment:fixed;}
#booking2 {float:left; width:100%; margin:0; padding:60px 0;
background:url('../images/call-us-today-banner-parallax.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size:cover;
background-attachment:fixed;}
.booking { float:left; width:100%;}
.booking-left { float:left; width:70%;}
.booking-left h2 { color:#fff; font-size:35px; line-height:40px; }
.booking-left p { color:#fff; font-size:19px; line-height:30px; margin:0; padding:10px 0 0;}
.booking-right { float:right; width:26%; text-align:right;}

#our-services-include { float: left;margin: 0; padding:70px 0; text-align: center; width: 100%;}
#our-services-include p { color: #989ea0; font-size: 19px; margin: 0; padding: 10px 0 0; line-height:30px;}
#our-services-include h2 { color: #344da1; margin: 0; padding:5px 0 25px; font-size:30px;}
#our-services-include .btn1 { float:left; width:100%; margin:40px 0 10px;}
.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 12px left 0;list-style:none; color: #989ea0; font-size:19px; line-height:30px;list-style:none; margin: 0; padding: 0 15px; text-align: left;}

.btn1 { width: auto; margin:30px 0 0; display: inline-block }
.btn1 a { display:inline-block; color: #fff; padding:15px 70px 15px 20px;  border-radius:28px; font-size: 23px; font-weight:normal; background:#344da1 url('../images/arrow-right.png'); background-repeat: no-repeat; background-position:top 14px right 12px;font-family:'Montserrat Light';}
.btn1 a:hover { background-color: #ed1e3b; }

#areas { float:left; width:100%; padding:70px 0;
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-left { float:left; width:6%;}
.areas-right { float:right; width:94%; }
.areas-right h2 { color:#fff; margin:0px; padding:0 0 10px;font-size:35px;}
.areas-right p { color:#fff; margin:0px; padding:0px; font-size:18px;}
.locations { float:left;width: 100%; margin:20px 0 0 6%;}
.locations ul { margin:0px; padding:0px;}
.locations li { color:#fff; display:inline-block; list-style:none; margin:0px; font-size:21px; line-height:40px; padding:0 15px; background:url('../images/dot.png'); background-position:top 18px left 0; background-repeat:no-repeat; font-weight:normal;}

#footer {float:left; width:100%;padding:50px 0; background:#fff;}
.footer {float:left; width:100%;}

.footer1 {float:left; width:27%;}
.footer-logo { float:left; width:100%; padding-bottom:26px;}
.footer1 h2 { margin:0px; padding:0 0 10px; display:inline-block; font-size:29px; line-height:30px;}
.footer1 h2 a { color:#989ea0; font-weight:bold;}
.footer1 h2 span { float:left; vertical-align:middle; margin-right:10px;}
.footer1 h2:last-child { padding:0px;}
.footer1 p { margin:25px 0 0; padding:0px;}

.footer2 {float:left; width:50%; padding:0 60px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.footer2 p { margin:0; padding:0 0 20px;}

.footer3 {float: right; width:20%;}
.footer3 h2 { margin:0px; padding:0 0 10px; color:#002a62; font-size:22px; line-height:25px;}
.footer3 li { list-style:none; margin:0px; padding:0px; line-height:34px; font-size:19px;font-family:'Montserrat Light';}
.footer3 li a { color:#989ea0;}
.footer3 li a:hover,.footer3 li a.active {color:#002a62; }

#copy-right { float: left; width: 100%; background:#344da1; padding: 10px 0; }
#copy-right p span { color: #fff; font-size: 25px; vertical-align: top; }
#copy-right p { text-align: left; color: #fff; margin: 0px; padding: 0px; font-size:18px;}
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #f03; }

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

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

.row {float:left; width:100%;}
.row-left {float:left; width:66%;}
.row-left h3 { margin:0px; padding:20px 0 10px;}
.row-right {float:right; width:20%; margin:15px 0 0;}

#oil-tanks {float:left; width:100%; background:#58585a; padding:80px 0;}
.oil-tanks {float:left; width:100%;}
.oil-tanks-left {float:left; width:43%;}
.oil-tanks-right {float:right; width:52%; margin:0;}
.oil-tanks-right h3 { color:#fff; margin:0px; padding:20px 0 10px; font-weight:bold;font-family:'Montserrat Bold';}
.oil-tanks-right h2 { color:#fff; margin:0px; padding:0px;}
.oil-tanks-right p { color:#fff;}

#oftec-row { float:left; width:100%; padding:25px 0; background:#231f20;}
.oftec-row-left { float: left; width:24%;}
.oftec-row { float:left; width:100%;}
.oftec-row-right { float:right; width:75%;}
.oftec-row-right h2 { color:#fff; font-size:35px; line-height:42px; font-family: 'Helvetica-Condensed-Black';}
.oftec-row-right h2 a {color: #f19229;}
.oftec-row-right h2 span { color:#f19229; font-size:40px;}


/*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: 58%; }
.worcester-right { float: right; width:36%; }
.worcester-left h2 { margin: 0; padding: 8px 0;}
.worcester-left h3  { margin: 0; padding: 10px 0;}

#worcester-full {float: left; width:100%; padding:50px 0; text-align:center;
background:url('../images/worcester-full.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:28px; line-height:40px;  margin: 0; padding: 10px 0; color: #fff;font-weight: bold;}
.worcester-full p { color:#fff; font-size:18px;}

#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 40px; position: relative; list-style: none; box-shadow: -1px -1px 29px 0px rgba(194,194,194,1); border-radius: 10px; min-height:500px; }
.worcester-col-left h2 { font-size:35px; line-height:45px; margin: 0; padding: 8px 0;color: #3a4b9f; font-weight: bold;}
.worcester-col-left h3 { font-size:19px; line-height:28px; margin: 0; padding: 10px 0; color: #e50639; font-weight:bold;font-family:'Montserrat Bold';}
.worcester-col-left p { font-size:18px;}
.worcester-icon {  margin: -80px 0 10px;}

#contact { float:left; width:100%;}
.contact { float:left; width:100%;}
.contact-left { float:left; width:44%;}
.contact-left h2 { padding:0px; margin:0px;}
.contact-left p { padding:15px 0; color:#a7a8af;}
.contact-form { float: left; width: 100%; margin:10px 0 0;}
.formrow { float: left; line-height: 28px; width: 100%; padding:0 0 20px 0; }
.formrow.pad1 { width:auto; float: left;}
.formrow input,.formrow textarea { border: 1px solid #4656a5;font-size:17px; width: 100%; padding:10px 12px; border-radius:4px;font-family:'Montserrat Light'; font-weight: normal; background: none;color: #b5b6c0;}
.label label { font-size: 16px; color: #58595b; font-weight: normal; }
.formrow.captcha_input input { float: left; border: 1px solid #4656a5;  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 #4656a5;}
.imgcaptcha { border: 1px solid #4656a5; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}
.formrow.pad1 input { background:#e50639; border: 0 none; color: #fff; font-size:18px; padding:12px 30px; border-radius: 4px; }
.formrow.pad1 input:hover { background: #3a4b9f; cursor: pointer;}

.contact-right {float: right; width:48%;}
.contact-right h2 { padding:0 0 20px; margin:0px; }
.contact-text { float:left; width:100%; margin:0;}
.contact-add { float:left; width:100%; margin:30px 0; padding:60px 0; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.contact-addinn { float:left; width:100%; }

.contact-right h4 { font-size:35px; line-height:45px; margin:0px; padding:0 0 10px; font-weight:bold; display: inline-block;}
.contact-right h4 a {color: #58585a;font-family:'Montserrat Light';}
.contact-addinn h4 span { float:left; margin:6px 30px 0 0;}
.contact-right h3 { font-size:27px; line-height:36px; margin:20px 0 0; padding:0px; font-weight: normal; color:#58585a; float:left; width:100%;}
.contact-addinn h3 span { float:left; margin:6px 30px 0 0; min-height:130px;}

/*air conditioning*/
#aircon { float: left; width: 100%; margin: 50px 0; padding: 0; }
.aircon { float: left; width: 100%; margin: 0; padding: 0; }
.aircon-left { float: left; width: 58%; }
.aircon-right { float: right; width:36%; }
.aircon-left h2 { margin: 0; padding: 8px 0;}
.aircon-left h3  { margin: 0; padding: 10px 0;}