@import url("fonts.css");
@import url("font-awesome.css");
@import url("menu.css");
@import url("banner.css");
@import url("inner-page-banner.css");
@import url("owl-carousel.css");
@import url("owl-theme.css");

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 10px 0; line-height:40px; color:#00aeef; font-family:'Helvetica';}
h2 { font-size:28px; margin:0; padding:8px 0; line-height:35px; color:#1a9c4f; font-weight:bold;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:26px; color:#00aeef; font-weight:normal;}
h4 { font-size:18px; margin:0; padding:10px 0; line-height:25px; color:#48b2e3;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:24px; color:#929599;}
p { font-size:18px; margin:0px; padding:8px 0; line-height:28px;  color:#5e5856;  font-weight:normal; }
a { color:#ed1b2e; font-weight: normal; text-decoration:none;}
a:hover { text-decoration:none; color:#58585a;}

ul.services1 { margin:10px 0 0; padding:0px;}
ul.services1 li {color:#fff; font-weight: normal; margin:0px; padding:0 20px; line-height:24px; font-size:17px; background:url(../images/dot1.png) 2px 9px no-repeat; list-style:none;}
ul.services2 { margin:0; padding:0px;}
ul.services2 li {color:#00aeef; font-weight: bold; margin:0px; padding:0px; line-height:26px; font-size:18px; }
ul.services3 { margin:10px 0;}
ul.services3 li {color:#929599; font-weight: normal; margin:0px; padding:0 20px; line-height:26px; font-size:17px; background:url(../images/dot2.png) 2px 9px no-repeat; list-style:none;}

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

.border { float:left; width:100%; padding:25px 0;box-shadow:4px -6px 7px 2px #DFDFDF;}

#header { float:left; width:100%; padding:20px 0 20px;}
.logo { float:left; width:30%;}
.header-mid { width:60%; float:left;}
.header-mid h2 { font-weight:normal; font-size:24px; line-height:30px;}
.header-mid li { list-style:none; display: inline-block; margin:0px; padding:0 20px 0 0; text-align:center;}
.header-mid li span { color:#004796; display:block;}
.header-mid li a { color:#878787;}
.header-right { float:right; width:10%; margin:20px 0 0;}
.header-right li { list-style:none; display: inline-block; margin:0px; padding: 0 15px 0 0;}

#slider { float:left; width:100%;}

#box-pen { float:left; width:100%; margin:0; padding:70px 0; text-align:center;}
#box-pen li {display:inline-block;}
#box-pen li a h2 { font-size:34px; line-height:40px; color:#004796; padding:20px 0 0;}
#box-pen li:first-child { float:left; margin:0px;}
#box-pen li:last-child { float:right; margin:0px;}

#content { float:left; width:100%; margin:70px 0}
.content { float:left; width:100%;}
.content-left { float:left; width:50%;}
.content-left ul { margin:15px 0 0; padding:0px;}
.content-left li { color:#00944d; font-size:17px; line-height:28px; margin:0 0 0 20px; padding:0px;}
.content-left h2 { margin:0 0 10px; padding:0px;font-weight: bold; color:#00944d; }
.content-left h3 { margin:0 0 10px; padding:0px; font-size:19px; line-height:30px; font-weight: bold; color:#004796;}
.content-right { float:right; width:36%;}

.row { float:left; width:100%;}
.row-left { float:left; width:60%;}
.row-right { float:right; width:36%;}

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

#welcome-row {float:left; width:100%; padding:70px 0; text-align:center;
background:url('../images/welcome-background.png'); 
background-repeat:no-repeat;
background-position:left 0 bottom 0;
background-size: cover;}
#welcome-row h1 { color:#fff;}
#welcome-row p { color:#fff;}
#welcome-row .btn { float:left; width:100%; margin:15px 0 0;}
#welcome-row .btn a { border-radius:50px; border:2px solid #fff; padding:10px 20px; color:#fff; font-size:19px; background: none; display:inline-block;font-family:'Montserrat Regular';}
#welcome-row .btn a:hover {border-radius:50px; border:2px solid #004796; background:#004796;}
 
/*#accreditations {float:left; width:100%; margin:70px 0; text-align:center;}
#accreditations h2 { color:#00944d; padding:0 0 20px;}
#accreditations ul { margin:0px; padding:0px;}
#accreditations li { list-style: none; display:inline-block; margin:0; vertical-align:middle;}
*/

#accreditations {float:left; width:100%; margin:25px 0; padding:0;}
.accreditations  {float:left; width:100%; text-align:center;}
.accreditations h1 { margin:0px; padding:0 0 50px; color:#00934d;}
.accreditations ul { margin:0px; padding:0px;}
.accreditations li { list-style:none; display:inline-block; padding:10px 35px; vertical-align:top;}

#logomob {display:none;}


#gas-safe { float:left; width:100%;}
.gas-safe { float:left; width:100%; padding:70px 0;
	background-image:
	url('../images/gas-safe-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top 0 right 0;}
.gas-safe h2 { color:#fff; font-size:26px;}
.gas-safe h3 { color:#fff; font-size:18px; font-weight:bold; line-height:25px;}
.gas-safe p { color:#fff; font-size:17px; line-height:28px;}
.gas-safe p a { color:#fff200;}
.gas-safe-text { float:left; width:62%; padding:0;}
.gas-safe-logo { float:right; margin-left:20px;}

#home-testimonials { float:left; width:100%; padding:70px 0; background:url('../images/home-testimonials-parallax.jpg'); background-repeat:no-repeat; background-size: cover;}
.home-testimonials { float:left; width:100%; text-align: center; padding:70px 0 0;}
.home-testimonials ul { margin:0px; padding:0px;}
.home-testimonials li { display:inline-block; margin:0px; list-style:none; width:30%;}
.home-testimonials li img {box-shadow:1px 2px 13px 2px #3e413a; width:100%;}
.home-testimonials li:first-child { float:left; }
.home-testimonials li:last-child { float:right;}

#home-services { float: left;margin: 0; padding:40px 0; text-align: center; width: 100%;background:#575756; }
#home-services h2 { color:#fff; margin: 0; padding:5px 0 25px; font-size:25px; line-height:30px;}
#home-services p { color: #fff; font-size: 21px; margin: 0; padding: 10px 0 0; line-height:30px;}
#home-services .btn { float:left; width:100%; margin:30px 0 20px; text-align:center;}
#home-services .btn a { border-radius:50px; border:2px solid #fff; padding:8px 18px; color:#fff; font-size:19px; background: none; display:inline-block;font-family:'Montserrat Regular';}
#home-services .btn a:hover {border-radius:50px; border:2px solid #004796; background:#004796;}
.home-services { float:left; width:100%;}
.home-services ul {width:100%; margin:0px; padding: 0;  -webkit-column-count: 4; /* Chrome, Safari, Opera */  -moz-column-count: 4; /* Firefox */  column-count:4; overflow:hidden;}
.home-services li { text-align:left; font-size:16px; font-weight:normal; color: #fff; line-height: 25px; padding:0 15px; background:url('../images/dot2.png') 0 8px no-repeat; list-style:none;}

#callus { float:left; width:100%;padding:40px 0;background: rgb(27,157,79);
background: linear-gradient(90deg, rgba(27,157,79,1) 0%, rgba(83,189,85,1) 35%, rgba(115,214,89,1) 100%);}
.callus { float: left; width:100%;}
.callus-left { float:left; width:82%;}
.callus-left h2 { color:#fff; font-size:32px; line-height:35px; margin:0px; padding:0 0 5px;}
.callus-left p { color:#fff; font-size:18px; line-height:30px; margin:0px; padding:0px;}
.callus-right { float:left; width:18%; text-align:right;}
.callus-right .btn { float:left; width:100%; margin:0;}
.callus-right .btn a { border-radius:50px; border:2px solid #fff; padding:10px 30px; color:#fff; font-size:19px; background: none; display:inline-block;font-family:'Montserrat Regular';}
.callus-right .btn a:hover {border-radius:50px; border:2px solid #004796; background:#004796;}

#footer { float:left; width:100%; margin:0; padding:50px 0; background:#FFF;}
.footer-1 { float:left; width:20%;}
.footer-1 h2 { margin:0px; padding:0 0 5px; display:inline-block; color:#575756; font-size:20px;font-weight: bold}
.footer-1 h3 { margin:0px; padding:10px 0; font-size:25px; line-height:30px; color:#929599; font-weight: normal;}
.footer-1 h3 a {color:#00944d;}
.footer-1 p { color:#575756; font-size:18px; line-height:26px; margin:0px; padding:10px 0 0;}


.footer-2 { float:left; width:42%; margin:0 60px; text-align:center;}

.footer-3 { float: left; width:15%; text-align:center;}
.footer-3 h2 { margin:0px; padding:0 0 10px; color:#575756; font-size:20px; }
.footer-3 li { list-style:none; line-height:40px; font-size:17px;}
.footer-3 li a { color:#7d8085; font-weight:normal;}
.footer-3 li a.active,.footer-3 li a:hover { color:#00944d;}


.footer-4 { float: right; width:10%; margin:40px 0 0; text-align:center;}
.footer-4 li { list-style:none; margin:0px; padding:10px 0 0;}

#copy-right { float:left; width:100%; background:#004796; padding:15px 0;}
#copy-right p span { color:#fff; font-size:26px;vertical-align:middle; font-weight:bold;}
#copy-right p { text-align: center; color:#fff; margin:0px; padding:0px; font-size:16px;  }
#copy-right p a { color:#fff; font-weight: normal;}
#copy-right p a:hover { color:#00aeed;}

#copy-right h4 { text-align:center; color:#fff; margin:0px; padding:0px; font-size:15px; line-height:22px; font-weight:normal;}

.ourservices { float:left; width:100%;}
.ourservices-left { float:left; width:18%;}
.ourservices-right { float:right; width:82%;}
.ourservices-right h1 { line-height:40px;}

.ourservices ul { margin:0px; padding:0px;-webkit-column-count: 3; /* Chrome, Safari, Opera */  -moz-column-count: 3; /* Firefox */  column-count:3; overflow:hidden;}
.ourservices li { color:#00aeef; font-size:19px; list-style:32px;  margin:0 20px; font-weight:bold;}

.contact { float:left; width:100%;}
.contact-left { float:left; width:48%;}
.contact-left h2 { margin:0px; padding:0 0 20px; text-align:center;}
.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 #184694;font-size: 19px;width: 100%;padding: 12px 15px;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 #00aeed; padding:10px 6px;}
.pad1 { text-align: right; }
.field textarea.input { font-weight:normal;color: #58595b; font-family:'Montserrat Regular'; font-size: 19px;width: 100%;padding: 15px 15px;}
.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 #184694;}
.imgcaptcha { border: 1px solid #184694; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#f5f5f5;}
.refresh { margin:2px 10px;}
.formrow.pad1 input { background: #184694; border: 0 none; color: #fff; font-size: 18px; padding:8px 25px; border-radius: 4px; font-weight:bold; }
.formrow.pad1 input:hover { background: #1a9c4f; cursor: pointer; }

.contact-right {float: right; width:48%; text-align:center;}
.contact-right h2 { margin:0px; padding:0 0 20px;}
.contact-right p {color: #5e5856;font-weight: normal;line-height: 26px;font-size: 18px; margin:0px; padding:0 0 10px;}

.contact-address { float:left; width:100%; padding:25px 0; margin:25px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.contact-address h3 { font-size:40px; line-height:45px;}
.contact-address h3 a { color:#184694; font-weight:bold;}
.contact-address p { font-size:25px; line-height:35px; font-weight:bold; margin:0px; padding:15px 0;}


#contact-callus { text-align:right; float:left; width:100%; padding:70px 0; background:url('../images/contactus-midpage-banner.png'); background-repeat:no-repeat; background-size: cover; background-position: left 0 bottom 62%;}
#contact-callus h2 { color:#fff; margin:0px; padding:0 0 10px; font-size:40px; line-height:40px;}
#contact-callus p {color:#fff;margin:0px; padding:0px; font-size:30px; line-height:40px;}