body { margin:0px; padding:0px;font-family:'Montserrat Regular'; position:relative;}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:28px; margin:0; padding:0 0 15px 0; line-height:26px; color:#25408f; font-weight: bold;}
h2 { font-size:20px; margin:0; padding:0px 0; line-height:26px; color:#58585a;}
h3 { font-size:20px; margin:0; padding:10px 0; line-height:25px; color:#25408f; font-weight: bold;/*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde';}
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:17px; margin:0px; padding:8px 0; line-height:25px;  color:#58585a;  font-weight:normal; }
a { color:#d2232a; font-weight: bold; text-decoration:none;}
a:hover { text-decoration:none; color:#d5d5d5;}
@font-face {
    font-family: 'AvantGarde';
    src: url('../fonts/avantgardegothicbold.woff2') format('woff2'),
         url('../fonts/avantgardegothicbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'Montserrat Regular';
    src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff2') format('woff2'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Montserrat Bold';
    src: url('../fonts/Montserrat Bold.eot');
	src: url('../fonts/Montserrat Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat Bold.woff2') format('woff2'),
		url('../fonts/Montserrat Bold.woff') format('woff'),
		url('../fonts/Montserrat Bold.svg#Montserrat Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Montserrat Light';
    src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Light.woff2') format('woff2'),
		url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Avant Garde Gothic';
    src: url('../fonts/T Book.eot');
	src: url('../fonts/T Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/T Book.woff2') format('woff2'),
		url('../fonts/T Book.woff') format('woff'),
		url('../fonts/T Book.svg#T Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}

ul.services,ul.services2 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#58585a; font-weight: normal; margin:0 15px; line-height:28px;  font-size:17px;}
ul.services2 li {color:#383636; font-weight: normal; margin:0 15px; line-height:25px;  font-size:17px;}

.wrapper { width:1170px; margin:0 auto;}
.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:10px 0;}
.space2 { float:left; width:100%; margin:20px 0;}
.nobr { white-space:nowrap; font-style:normal;}

#header-top { float: left; width: 100%;  padding: 10px 0;  background: #25408f; position: fixed; z-index: 999999999;}
.header-top { float:right;}
.header-top ul { margin:0px; padding:0px;}
.header-top li { list-style:none; float:left;  margin:0 20px;padding:0px; color:#fff; /*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde'; font-size:16px;}
.header-top li img { vertical-align:middle; }
.header-top li a { color:#00aeef;}

#header { float:left; width:100%; margin:30px 0 20px 0;}
.logo { float:left; width:38%; padding-top:30px;}
.header-mid { float:left; width:36%; margin-top:50px;}
.header-mid h1 { line-height:35px; font-size:32px; margin:0px; padding:0px;/*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde';}
.header-mid h1 a { color:#414042; font-weight:bold;}
.header-mid h1 span { float:left; margin-right:10px; vertical-align:middle; margin-top:5px;}
.header-right { float:right; margin:40px 0 0; width:26%; text-align:right;}
.header-right h1 a { color:#003756; line-height:32px;}
.header-right span { color:#719e00;}

#slider { float:left; width:100%; margin:0px; padding:0px;}
#slider img { width:100%; float:left;}

#booking-btn { float:left; width:100%; padding:50px 0; background:#00aeef; text-align:center;}
.booking-btn { float:left; width:100%;}
.booking-btn-left { float:left; width:46%;}
.booking-btn-right { float:right; width:52%;}
.booking-btn a { color:#231f20; padding:12px 50px; border-radius:10px; font-size:23px; background:#fff;box-shadow: 2px 2px 6px 0px #333; /*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde'; font-weight:bold;}
.booking-btn a:hover{ background:#d2232a; color:#fff;}

#box-pen { float:left; width:100%; background:#fff; padding:0; margin:50px 0 0; text-align:center; align-items:center;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen li { list-style:none;float:left; width:22%; margin:0 45px 0 0;}

.pic-img { float:left; width:100%; margin-bottom:30px; text-align:center;}
.pic-img img { width:100%;}

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

#why-choose  { float:left; width:100%; margin:60px 0 0px; padding:50px 0; background:#25408f url('../images/mid-page-stripes.png'); background-repeat:no-repeat; background-position:top 0 left 0; }
.why-choose { float:left; width:100%; margin:0px; padding:0px;}
.why-choose h1 { color:#fff; font-size:35px; font-weight: bold;}
.why-choose p { color:#fff; font-weight:bold; font-size:20px; line-height:26px;}

#get-quote { float:left; width:100%; margin:30px 0;}
#get-quote img { width:100%;}

#home-box { float:left; width:100%; margin:30px 0; padding:70px 0 0px; background:url('../images/home-page-services-icon-background.png'); 
background-position:top 0 left 0; background-repeat:no-repeat; background-size:100% 100%; text-align:center;}
.home-box { float:left; width:100%;}
.home-box h2 { font-weight:bold; font-size:35px; line-height:40px; color:#fff;}
.home-box ul { margin:0px; padding:0px;}
.home-box li { list-style:none; float:left; width:24%; padding:0 0 60px;}

#trust-pilot { float:left; width:100%; text-align:center; margin:40px 0;}
#trust-pilot  h1 { font-size:35px; color:#25408f; padding:20px 0 40px;}
.trust-pilot { float:left; width:100%;}
.trust-pilot ul { margin:0xp; padding:0px;}
.trust-pilot li { list-style:none; display: inline-block; margin:0 20px; padding:0px;}


#accreditations {float:left; width:100%; margin:0; padding:0; text-align:center;}
.accreditations  { width:100%; float:left; padding:20px 0;}
.accreditations h1 {  padding:10px 0; font-weight:bold;  font-size:35px; color:#25408f;}
.accreditations p { font-size:19px; line-height:26px; margin:15px 120px; padding:0px; font-weight:norma;}
.accreditations ul { margin:0px; padding:0px;}
.accreditations li { list-style:none; display:inline-block; padding:10px 15px; vertical-align: middle;}

#areas-we-cover { float:left; width:100%; padding:0; background:url('../images/areas-we-cover-background.png'); background-position:top 0 left 0; background-repeat:no-repeat; padding:60px 0;}
.areas-we-cover { float:left; width:100%;}
.areas-we-cover h1 { font-size:35px; color:#00baff;}
.areas-we-cover-left { float:left; width:7%;}
.areas-we-cover-right { float:right; width:93%; }
.areas-we-cover-right h2 { color:#fff; margin:0px; padding:0 0 10px;font-size:24px;}
.areas-we-cover-right p { color:#fff; margin:0px; padding:0px; font-weight:bold;font-size:24px;}

#footer { float:left; width:100%; padding:30px 0;background:#fff url('../images/footer-stripes.png'); background-repeat:no-repeat; background-position:top 0 left 15%; }
.footer-1 { float:left; width:23%; padding:0 20px; text-align:center;margin-left:4%;}
.footer-1 h2 { color:#00aeef; margin:0px; padding:0 0 10px; text-align: center;}
.footer-1 h3 { font-size:20px; line-height:22px; color:#4c4d4f; margin:0px; padding:0px;}
.footer-1 h3 a {color:#4c4d4f; }

.footer-2 { float:left; width:35%; padding:0px;  }
.footer-2 h2 { color:#00aeef; margin:0px; padding:0 0 10px; text-align:center;}

.footer-3 { float: right; width:34%; padding:0 20px;}
.footer-3 h2 { color:#00aeef; margin:0px; padding:0 0 10px; text-align: left;}
.footer-3 ul { margin:0px; padding:0px;-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count:2; overflow:hidden; }
.footer-3 li { margin:0px; padding:0 5px; line-height:33px;color:#fff;font-size:16px; list-style:none;}
.footer-3 li a { color:#4c4d4f; font-weight:normal; }
.footer-3 li a.active,.footer-3 li a:hover { color:#00aeef;}

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

#row { float:left; width:100%; margin:50px 0 20px;}

.row { float:left; width:100%;}
.row-left { float:left; width:56%;}
.row-left a { color:#00aeef;}
.row-left h1 { margin:0px; padding:0px;}
.row-right { float:right; width:38%;}

.row2 { float:left; width:100%;}
.row2-left { float:left; width:40%;}
.row2-right { float:right; width:54%;}

.row3 { float:left; width:100%;}
.row3-left { float:left; width:60%;}
.row3-right { float:right; width:38%;}

#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:65%; float:left;}
.gas-safe-img { float:right; margin-left:15px;}
.gas-safe h1 {color:#fff;}
.gas-safe h2 {color:#fff;}
.gas-safe p {color:#fff;}
.gas-safe p span {display:inline-block;}
.gas-safe p a { color:#fcf330;}

#oftec { float:left; width:100%; background:#262626; padding:0;}
.oftec { float:left; width:100%; padding:40px 0 20px;}
.oftec-left { float:left; width:58%;}
.oftec-left h1 { color:#fff;}
.oftec-left h3 { color:#fff; font-size:19px; line-height:25px;}
.oftec-left p { color:#fff;}
.oftec-left p a { color:#ee8030;}
.oftec-logo {float: right; margin-left: 20px;}
.oftec-right { float:right; width:36%;}


#booking {float:left; width:100%; padding:25px 0; background:#25408f url('../images/boiler-installation/mid-page-stripes.png'); background-repeat:no-repeat; background-position:top 0 left 13%;}
.booking { float: left; width:100%;}
.booking-left { float:left; width:78%;}
.booking-left h1 { color:#fff; text-align:left;margin:0px; padding:0 0 10px; font-size:30px;}
.booking-left p { color:#fff; margin:0px; padding:0px;}
.booking-right { float:right; width:22%;}
.booking-right .btn { float:left; width:100%; margin-top:20px;}
.booking-right .btn a { display:inline-block; color:#fff; border:3px solid #fff; padding:10px 35px; font-size:22px; /*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde'; font-weight: bold;}
.booking-right .btn a:hover { background:#cb1629;}

.oftec-logo1 { float: right; width: auto; margin:0 15px;}

#contact { float:left; width:100%; margin:50px 0;}
.contact { float:left; width:100%; margin:0;}
.contact-left { float:left; width:46%;}
.contact-left h1 { text-align: center; font-weight: bold;}
.contact-form { float: left; width: 100%; border-radius:20px; background:#e6e6e6; padding:20px; }
.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; }
.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: 0 5px; border-radius:5px; }
.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 #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: #d2232a; border: 0 none; color: #fff; font-size: 17px; padding:6px 40px; border-radius: 4px; }
.formrow.pad1 input:hover { background: #bf0420; cursor: pointer; }

.contact-right { float:right; width:50%; text-align: center; margin-bottom:20px;}
.contact-right p { font-size:15px; line-height:22px;}
.contact-right h1 { font-weight: bold;}
.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%; text-align:center; padding:20px 0; margin:20px 0 30px; border-top:1px solid #bababb; border-bottom:1px solid #bababb; }
.contact-right .address h2 { color:#555658; margin:0px; padding:20px 0 10px; line-height:45px; font-weight: bold;}
.contact-right .address h2 a { font-size:35px;  font-weight: bold; color:#555658;/*font-family:'Avant Garde Gothic';*/font-family:'AvantGarde';}
.contact-right .address h2 span { color:#555658; font-weight:normal;}
.contact-right .address h3  { color:#555658; margin:0px; padding:10px 0;font-size:30px; font-family:'Avant Garde Gothic'; line-height:40px; font-weight: bold;}
.contact-right .address p {  color:#555658;  margin:0; padding:0; font-size:22px; line-height:32px;  font-weight: normal;}


#worcester {float:left; width:100%; margin:50px 0; padding:0;}
.worcester { float:left; width:100%; margin:0; padding:0;}
.worcester-left { float:left; width:48%;}
.worcester-right { float: right; width:48%;}
.worcester-left h1,.worcester-right h1 { font-size:22px; 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/accreditations/accreditations-mid-banner.png');
 -webkit-background-size: cover;
     -moz-background-size: cover;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;}
#worcester-full h1 { color:#fff; font-size:26px;  text-align:center;}
#worcester-full p { color:#fff; font-size:16px; line-height:22px;}

.videos { float: left; width:100%; margin:20px 0;}
.videos-left { float:left; width:49%;}
.videos-left iframe,.videos-right iframe { margin-bottom:20px;}
.videos-left h1,.videos-right h1 { line-height:30px; font-size:22px;}
.videos-right { float:right; width:49%;}

.testimonials-img { float:left; width:100%;}
.testimonials-img img { max-width:100%;}
.testimonials-img2 { text-align:center; float:left; width:100%; margin:20px 0;}