{padding:0; margin:0; }
body{font-family: 'Open Sans', sans-serif !important;   height: 100%; font-size: 16px; font-weight: 100; color: #696969; line-height: normal;}
h1,h2,h3{ font-size: 36px;  }

.fixed-bottom {width: 100%; background: #191919; position: fixed; bottom: 0; z-index: 100; display: none; padding:0;}
.fixed-bottom h2 {color: #fff;text-align: center; font-size: 20px; margin-top: 8px;}
.fixed-bottom p {color: #fff;text-align: center; font-size: 14px; margin:0 5px;}
.call-button {color: #fff; max-width: 300px; width: 100%; transition: all 0.5s; cursor: pointer; text-align: center; font-weight: 400; font-size: 18px; padding: 10px; background-color: #0957a0; border-radius: 3px;  margin: 0 auto; display: block;}

.gassafe img { display: none;  max-width: 50px;  position: absolute;  z-index: -1; margin-top: 10px;}

/*MULTIPLE STYLING*/
.title-blue{ color: #0c58a1; font-size: 50px; font-weight: 100; margin-top: 0px;  }
.title-white{ color: #fff; font-size: 50px; font-weight: 100;  margin-top: 0px;}
.title-sub{ font-size: 30px; font-weight: 100; }
.white{ color: #fff; }
.title{  margin-bottom: 30px;}
.title-double{  margin-bottom: 60px !important;}
.text-center{ text-align: center; }
.big-btn{ max-width: 300px !important; }
.center{ margin: 0 auto; }
.top{ margin-top: 25px; }
.no-top{ margin-top: 0px; }
.top-double{ margin-top: 40px; }
.no-pad{ padding: 0px; padding-bottom: 0px !important; }
.no-pad-bottom{ padding-bottom: 0px !important; }
.no-pad-top{ padding-top: 0px !important; }
.bold{ font-weight: 600 !important; } 
.blue-link{ color: #0c58a1 !important; }
.blue-link:hover{ text-decoration: none; }
.border-bottom{ border-bottom: 1px solid #e0e0e0;}
.text-right{ text-align: right; }
.push-down{ margin-bottom: 10px; }
.no-min{ min-height: 0px !important;}
.client-wrap img{ margin: 0 auto; width: 100%; max-width: 700px; }
/*MULTIPLE STYLING*/

/*HEADER*/
.logo img{ position: relative; max-width: 160px; width: 100%; }
.number img{ float: left; margin: 21px 10px 0px 0px;}
.number h2{ font-size: 32px; font-weight: 700; width: 218px; float: left; margin: 20px 0px 0px 0px;  color:#252525;}
.number p{ font-weight: 700; font-style: italic; float: right; font-size: 18px; width: 100%; text-align: right; margin-bottom: 0px;  color:#252525;}
.number-wrap{ float: right; max-width: 390px;}
.box{ display: none; z-index:1032; position:absolute; margin:0 auto; padding:10px; max-width:500px; display:none; }
.backdrop{position:fixed; top:0px; left:0px; width:100%; height:100%; background-image: url(../images/backdrop.png);  z-index:1031; display:none;}
.close img{ max-width: 30px;  }
.next-line{ display: none; }
.left-box{ margin: 0px; padding: 0px; margin-top: 20px; }
.left-box p{ padding: 10px; color: #fff !important; margin-bottom: 0px; font-weight: 400px;}
.left-box h2{ background-color: transparent !important; font-size: 28px !important; font-weight: 700 !important; }
.left-box h3{ background-color: transparent !important; font-size: 60px !important; font-weight: 700 !important;}
/*HEADER*/

/*BANNER AREA*/
.home-page .banner{ background-position: bottom;}
.home-page .about{ color: #fff; }
.banner-wrap{ padding-top: 40px; }
.banner{ width: 100%; max-width: 1220px; margin: 0 auto; margin-top: 130px; height: 600px; background-image: url(../images/main-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.banner-box h2{ display: inline-block; font-weight: 600; background-color: #252525; font-size: 28px; color: #fff; padding: 10px; margin-top: 1px; margin-bottom: 0px;}
.banner-box h3{ display: inline-block; font-weight: 600; background-color: #252525; font-size: 28px; color: #fff; padding: 10px; margin-top: 1px; margin-bottom: 0px;}
.banner-box h4{ display: inline-block; font-weight: 600; background-color: #fff; font-size: 27px; color: #0957A0; padding: 10px; margin-top: 1px; margin-bottom: 0px;}
.banner-box h1{ display: inline-block; font-weight: 600; background-color: #252525; font-size: 28px; color: #fff; padding: 10px; margin-top:0px; margin-bottom: 0px;}
.button{ color: #fff; margin-top:10px; max-width: 200px; width: 100%; transition: all 0.5s; cursor: pointer; text-align: center; font-weight: 600; font-size: 28px; padding: 10px; background-color: #FF9600; border-radius: 10px; border-bottom: 6px solid #BE6F04; }
.button:hover{ background-color: #BE6F04;     border-color: #be6f04;}
.button:hover span:after { opacity: 1; right: 0; }
.text{ color: #fff; text-align: center; }
.button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.btn{ border-right: none; border-left: none; border-top: none;}
/*BANNER AREA*/

/*CAREERS PAGE*/
.grey-top{ border-top: 1px solid #e0e0e0;}
.grey{ background-color: #f7f7f7; padding: 100px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.career-bg{ /*background: none; height: auto;*/ width: 100%; /*max-width: 1170px;*/ margin: 0 auto; margin-top: 130px; height: 600px; background-image: url(../images/recruitment-home.png); background-repeat: no-repeat; background-size: cover; background-position: center;  }
.recruitment-plumbing .career-bg{ background-image: url(../images/career.jpg); }
.recruitment-glazing .career-bg{ background-image: url(../images/career11.jpg); }
.recruitment-locks .career-bg{ background-image: url(../images/career2.jpg); }
.recruitment-pests .career-bg{ background-image: url(../images/career3.jpg); }
.recruitment-drainage .career-bg{ background-image: url(../images/career4.jpg); background-position: top; }
.recruitment-electrician .career-bg{ background-image: url(../images/career5.jpg); background-position: top; }
.recruitment-gas .career-bg{ background-image: url(../images/heating.jpg); }
.why-able .career-bg{ background-image: url(../images/why-able.jpg); }
.eng-test-wrap{ background-image: url(../images/eng-testimonial-plumbing.jpg); color: #fff; text-align: center; padding: 100px; background-position: bottom; background-repeat: no-repeat; background-size: cover;}
.eng-test-wrap blockquote{ color: #fff; font-size: 32px;}
.eng-test-wrap blockquote:before{ color: #fff; }
.eng-test-wrap blockquote:after{ color: #fff; }
.career-text .button{ margin: 0 auto; margin-bottom: 100px;}
.career-text{ text-align: center; }
.careers-page .career-text{ margin-bottom: 100px; }
.team-bg{ background: url(../images/recruitment.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom;}
.white-text p{ color: #fff; }
.white h2{ color: #fff;  font-size: 22px;}
.vacancies h2{ margin-bottom: 0px; margin-top: 0px; font-weight: 100;line-height: 62px;}
.vacancies img{ max-width: 150px; width: 100%; margin: 0 auto; margin-top: 20px;}
.vacancies .button{float: left; margin-bottom: 0px; margin-top: 0px; }
.vacancies .button span{font-size: 28px !important; font-weight: 600 !important;}
.trust{ margin: 0 auto;}
.why-us{ text-align: center; }
.why-us ul{ list-style: none; padding: 0px; padding-top: 10px;  }
.bottom{ margin-bottom: 100px; }
.hide-this{display: none;}
/*CAREERS PAGE*/

/*PLUMBING LANDING PAGE*/
.plumbing .banner{ background-image: url(../images/plumber-sink.jpg);}
.last{ border: none !important;}
img.compliance-main{ margin: 0 auto; max-width: 800px; width: 100%;}
img.compliance{ margin: 0 auto; max-width: 480px; width: 100%;}
.drop-button{cursor: pointer;}
#serv{ text-align: center; }
#serv ul li{ display: inline; list-style: none;  }
.plumbing .open-content{ text-align: center; }
.plumbing-icons img{ margin: 0 auto; }
.plumbing-icons h4{ margin-top: 30px; }
.landing .circles{ background-color: #f7f7f7; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.circles{ text-align: center; }
.circle img{ margin: 0 auto; max-width: 80px; width: 100%;}
.circle{ padding-bottom: 40px; }
.circle h3{min-height: 70px;}
.icon-jobs-wrapper{ display: inline-block; margin: 0 auto; width: 100%;}
.landing .open-content{ text-align: center;}
.bar{ border-top: 1px solid #0c58a1; border-bottom: 1px solid #0c58a1; width: 100%; display: inline-block; }
.line-bottom {border-bottom: 1px solid #0c58a1; display: inline-block;}
.landlord .banner{ background-image: url(../images/gas-safe.jpg); }
.landlord .open-content ul li{ }
.landlord .open-content {  text-align: left;}
/*.bullets{ float: left; }
.bullet-list h3{ float: left; }*/
/*PLUMBING LANDING PAGE*/

/*AREA PAGES*/
.area .banner {
    background-image: url(../images/area-banner.jpg);}

.town-content a{color: #0c58a1!important; text-decoration: none;}
.town-content a:hover{color: #1567b7!important; }
.town-content ul li{ display: inline; list-style: none;  }
/*AREA PAGES*/
.landing .second-sec ul{ padding-left: 0px; list-style: none; margin-bottom: 0px; }
.landing .second-sec li{ background: url(../images/testimonial-tick-blue.png) no-repeat left top; padding-top: 2px; padding-right: 10px; padding-bottom: 10px; display: inline-flex; padding-left: 40px;}

/*PLUMBING PAGES*/
.plumbing-pages .banner{background-image: url(../images/plumbing-pages.jpg); }
.emergency-plumber .banner{background-image: url(../images/emergency-plumber.jpg); }
.kitchen-plumbing .banner{background-image: url(../images/kitchen-plumbing.jpg); }
.outdoor-plumbing .banner{background-image: url(../images/outdoor-plumbing.jpg); }
/*PLUMBING PAGES*/

/*GAS PAGES*/
.gas-pages .banner{background-image: url(../images/gas.jpg); }
.oven-gas .banner{background-image: url(../images/oven-gas.jpg); }
.gas-boiler .banner{background-image: url(../images/gas-boiler.jpg); }
/*GAS PAGES*/

/*DRAINAGE PAGES*/
.bathroom-blockages .banner{background-image: url(../images/blocked-sink.jpg); }
.cctv-survey .banner{background-image: url(../images/cctv-survey.jpg) !important; }
.drain-cleaning .banner{background-image: url(../images/drain-cleaning.jpg)!important;  }
.drain-jetting .banner{background-image: url(../images/drain-jetting.jpg) !important; }
.drain-repairs .banner{background-image: url(../images/drain-repairs.jpg) !important; }
.com-drains .banner{background-image: url(../images/com-drains.jpg) !important; }
.kitchen-blockage .banner{background-image: url(../images/kitchen-blockage.jpg) !important; }
.drain-unblock .banner{background-image: url(../images/drain-jetting.jpg)!important; }
/*DRAINAGE PAGES*/

/*DISCIPLINE PAGES*/
.discipline-pages .banner-box h3{ margin-top: 1px; margin-bottom: 0px; }
.discipline-pages .banner-box h1{ margin-bottom: 0px; margin-top: 0px; }
/*DISCIPLINE PAGES*/

/*DRAINAGE LANDING PAGE*/
.drains .banner{ background-image: url(../images/blocked-drains.jpg); }
/*DRAINAGE LANDING PAGE*/

/*PESTS LANDING PAGE*/
.pests .banner{ background-image: url(../images/pests.jpg); }
.ant-control .banner{ background-image: url(../images/ant-control.jpg); }
.infestation .banner{ background-image: url(../images/infestation.jpg); }
.species .banner{ background-image: url(../images/species.jpg); } 
.bed-bugs .banner{ background-image: url(../images/bed-bugs.jpg);}
.birds .banner{ background-image: url(../images/birds.jpg);}
.bird-infestation .banner{ background-image: url(../images/bird-infestation.jpg);}
.get-rid-of-birds .banner{ background-image: url(../images/get-rid-of-birds.jpg);}
.signs-of-birds .banner{ background-image: url(../images/signs-of-birds.jpg);}
.bird-proofing .banner{ background-image: url(../images/bird-proofing.jpg);}
/*PESTS LANDING PAGE*/

/*GLAZING LANDING PAGE*/
.glazing .banner{ background-image: url(../images/glaziers.jpg); }
.window-repair .banner{ background-image: url(../images/window-repair.jpg); }
.window-replace .banner{ background-image: url(../images/window-replace.jpg); }
.window-install .banner{ background-image: url(../images/window-install2.jpg); }
.emergency-glazing .banner{ background-image: url(../images/emergency-glazing.jpg); }
.double-glazing .banner{ background-image: url(../images/double-glazing.jpg); }
.draught-proofing .banner{ background-image: url(../images/draught-proofing.jpg); }
.commercial-glazing  .banner{ background-image: url(../images/commercial-glazing.jpg); }
.glazing-security  .banner{ background-image: url(../images/glazing-security.jpg); }
.cat-flap .banner{ background-image: url(../images/cat-flap.jpg); }
/*GLAZING LANDING PAGE*/

/*ELECTRICS LANDING PAGE*/
.electrics .banner{ background-image: url(../images/electrics-page.jpg); }
.electrical-rewiring .banner{ background-image: url(../images/electrical-rewiring.jpg); }
.electrical-installations .banner{ background-image: url(../images/electrical-installations.jpg); }
.electrical-repairs .banner{ background-image: url(../images/electrical-repairs.jpg); }
.electrical-inspection .banner{ background-image: url(../images/electrical-inspection.jpg); }
.pre-survey .banner{ background-image: url(../images/pre-survey.jpg); }
.pat-testing .banner{ background-image: url(../images/pat-testing.jpg); }
.commercial-electricians .banner{ background-image: url(../images/commercial-electricians.jpg); }
.electrical-emergency .banner{ background-image: url(../images/recruitment-home.png); }
/*ELECTRICS LANDING PAGE*/

/*LOCKS LANDING PAGE*/
.locks .banner{ background-image: url(../images/locks.jpg); }
/*LOCKS LANDING PAGE*/

/*HEATING LANDING PAGE*/
.heating .banner{ background-image: url(../images/heating.jpg); }
/*HEATING LANDING PAGE*/

/*EMERGENCY LANDING PAGE*/
.emergency .open-content{ }
.emergency .banner{ background-image: url(../images/emergencies.jpg); }
.second-sec ul li{ /*list-style: none; display: inline; */font-weight: 600;}
/*EMERGENCY LANDING PAGE*/

/*SERVICES LANDING PAGE*/
.services .banner{ background-image: url(../images/service-page.jpg); }
.services .open-content{ }
.door-bg{ background-image: url(../images/door-repair.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.emergency-bg{ background-image: url(../images/aim.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
/*SERVICES LANDING PAGE*/

/*COMMERCIAL LANDING PAGE*/
.commercial-page .banner{ background-image: url(../images/commercial-page.jpg); }
.commercial-page .content ul{ padding-left: 0px; }
.commercial-page .content ul li { display: inline; font-weight: 600;}
/*COMMERCIAL LANDING PAGE*/

/*DOMESTIC LANDING PAGE*/
.domestic-page .open-content{}
.domestic-page .circle p{ min-height: 120px; }
.domestic-left h3 {font-size: 38px; color: #0c58a1; font-weight: 100;}
.commercial-right h3 {font-size: 38px; color: #0c58a1; font-weight: 100;}
.domestic-page .banner{  background-image: url(../images/domestic-page.jpg); }

/*DOMESTIC LANDING PAGE*/

/*COOKIES PRIVACY PAGES ETC*/
.cookies .cookie{ text-align: left; }
.cookie h3{ font-size: 30px; font-weight: 100; }
.accessibility .access{ text-align: left; }
.privacy .privacy-policy{ text-align: left; }
.access .button{ max-width: 300px; margin-bottom: 10px;}
.advice .help-advice{ text-align: left; }
.help-advice-page .case-study-box p{ min-height: 160px; }
.privacy-policy ol, ul{ padding-left: 20px; }
.site .sitemap a{color: #0c58a1!important; text-decoration: none;}
.site .sitemap a:hover{color: #1567b7!important; }
.site .sitemap{ text-align: left; }
.sitemap  ul { list-style-type: none; }
.sitemap li:before { content: " — "; }
.top-push{  margin-top: 180px; margin-bottom: 40px; }
.cc_container .cc_btn, .cc_container .cc_btn:visited{ color: #fff !important; background-color: #0957A0 !important; }
.terms .content{ text-align: left; }
.help-advice-page  .case-study-box img{ max-width: 150px; width: 100%; margin: 0 auto; }
.help-advice-page  .case-study-box h2 {    min-height: 70px;}
.rogue-traders .banner{  background-image: url(../images/rogue-trade.jpg); }
.bed-bugs .banner{  background-image: url(../images/bed-bugs.jpg); }
.mice-study .banner{  background-image: url(../images/mice.jpg); }
.become-a-glazier .banner{  background-image: url(../images/become-a-glazier.jpg); }
.become-a-plumber .banner{  background-image: url(../images/become-a-plumber.jpg); }
.become-an-electrician .banner{  background-image: url(../images/become-an-electrician.jpg); }
.advice .banner{  background-image: url(../images/advice-page.jpg); }
/*COOKIES PRIVACY PAGES ETC*/

/*MAP*/
#map-content{ text-align: center; display: block; margin-top: 20px;}
/*MAP*/

/*TESTIMONIAL*/
.testimonial-page blockquote{ padding: 0px; }
.testimonial-page .banner{ background-image: url(../images/test.jpg); }
.grey-line{ border-bottom: 1px solid #0c58a1; margin-top: 30px; }
.home-page .contact-form{ overflow:auto; background-color: #eaeaea;  color: #0c58a1;  padding: 20px;  width: 100%; margin: 0 auto;  max-width: 400px; }
.home-page .callback-form h2{ margin: 0 auto; background-color: #0c58a1; padding: 20px; color: #fff; text-align: center; font-size: 26px; font-weight: 700; max-width: 400px; width: 100%; }
.home-page .callback-form{ margin-bottom: 10px;}
.home-page .callback-form textarea{border: none; max-width: 100%; min-height: 30px;}
.home-page .callback-form input{ border: 1px solid #fff; padding: 10px; width: 100%; margin-bottom: 10px;}
.home-page .callback-form .submit{ width: 100%; max-width: none; border: none; margin-bottom: 0px; margin-top: 10px; }

.landing .contact-form{ overflow:auto; background-color: #eaeaea;  color: #0c58a1;  padding: 20px;  width: 100%; margin: 0 auto;  max-width: 400px; }
.landing .callback-form h2{ margin: 0 auto; background-color: #0c58a1; padding: 20px; color: #fff; text-align: center; font-size: 26px; font-weight: 700; max-width: 400px; width: 100%; }
.landing .callback-form{ margin-bottom: 10px;}
.landing .callback-form textarea{border: none; max-width: 100%; min-height: 30px;}
.landing .callback-form input{ border: 1px solid #fff; padding: 10px; width: 100%; margin-bottom: 10px;}
.landing .callback-form .submit{ width: 100%; max-width: none; border: none; margin-bottom: 0px; margin-top: 10px; }

.testimonial-img{ margin: 0 auto; width: 100%; max-width: 200px; }
.testimonial-img2{ margin: 0 auto; width: 100%; max-width: 160px; }
.case-study-box{ padding: 20px; }    
.case-study-box img{ width: 100%; max-width: 100px; }
.blue-box{ background-color: #0957a0; }
/*TESTIMONIAL*/

/*ABOUT PAGE*/
.about-page .banner{ background-image: url(../images/charlie.jpg); }
/*.about-page .blue-bar p{ font-size: 30px; }*/
.aim{background-image: url(../images/aim.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
/*ABOUT PAGE*/

/*OPENING CONTENT*/
.open-content{ text-align: center;}
.discipline-top{ position: relative; top: -30px; padding-bottom: 40px;}
.top-spacing{ padding-top: 30px !important; }
.open-content .button{ margin: 0 auto;  margin-top: 40px;}
.footer p{ font-size: 18px; }
.home-page .white-bg h2{margin-bottom: 60px;}
.bg{ background: url(../images/who-are-we.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
/*OPENING CONTENT*/

/*SOLUTION BOX CONTENT*/
.home-page .solution-content h2{ margin-bottom: 30px;}
.solution-content{ text-align: center; color: #fff;}
.solution-wrap{ background: url(../images/solution.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
/*SOLUTION BOX CONTENT*/

/*LIGHT GREY BOX*/
.light-grey{ background-color: #f7f7f7;  border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.content{ text-align: center;}
/*LIGHT GREY BOX*/

/*DARK BOX*/
.blue-bar{ background-color: #0957a0; color: #fff; padding: 30px;}
.blue-bar p{ text-align: center; font-size: 36px;  font-weight: 100; margin-bottom: 0px;  }
.blue-bar span{ font-weight: 700; font-size:42px;}
.spacing{ padding: 100px; }
.dark-bg{ background-color: #252525; color: #fff; padding-top: 20px; padding-bottom: 20px;}
/*DARK BOX*/
 
/*ABOUT BOX*/
.about{ text-align:center; }
/*ABOUT BOX*/

/*ACCOUNTS PAGE*/
.accounts .content{ text-align: center; }
.accounts .content a{ color: #0c58a1 !important; }
.accounts blockquote{ margin-top: 20px; }
.accounts .banner{ background-image: url(../images/accounts.jpg);}
.accounts .content ul li{   display: inline;
    text-decoration: none;
    font-weight: 600;}
/*ACCOUNTS PAGE*/

/*CHOOSE US BOX*/
.home-page .choose-us h2{ margin-bottom: 30px; }
.home-page .choose-us p{ margin-bottom: 20px; }
.choose-us{ text-align: center; color: #fff;}
.choose-us .button{ margin: 0 auto; margin-top: 40px; margin-bottom: 0px;}
/*CHOOSE US BOX*/

/*DOMESTIC & COMMERCIAL*/
.domestic{ border-top: 10px solid #fff; border-right: 10px solid #fff; color: #fff; text-align: center; background: url(../images/domestic.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.commercial{ border-top: 10px solid #fff;color: #fff; text-align: center; background: url(../images/commercial.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.domestic .button{ margin: 0 auto; margin-top: 40px;}
.commercial .button{  margin: 0 auto; margin-top: 40px;}
.commercial h3{ font-size: 36px; }
.domestic h3{ font-size: 36px;  }
.commercial p{ margin-top: 20px; }
.domestic p { margin-top: 20px; }
.customer-wrap{ padding: 40px; }
.domestic-left p{ min-height: 100px; }    
/*.domestic-left h3{color: #0c58a1;}
.commercial-right h3{color: #0c58a1;}*/
.domestic-left .button{ margin: 0 auto; }
.commercial-right p{ min-height: 100px; }
.commercial-right .button{ margin: 0 auto; }/*
.recruit-bg{   background: url(../images/recruitment.jpg);  background-repeat: no-repeat; background-position: center; background-size: cover; }*/
/*DOMESTIC & COMMERCIAL*/

/*CONTACT*/
/*.details{ text-align: left; clear: both; }*/
.details img{ margin: 0 auto; margin-bottom: 30px; max-width: 80px; width: 100%; }
.details h2{  padding: 0px; margin-top: 0px; margin-bottom: 0px; }
.details h3{ font-size: 28px; padding: 20px 10px 20px 0px; margin-bottom: 0px;}
.contact-form{  color: #2C458F;  width: 100%; margin: 0 auto;  }
.callback-form input  { border: 1px solid #0c58a1; padding: 10px; width: 49.5%; margin-bottom: 5px;}
.callback-form textarea{  min-height: 120px; border: 1px solid; padding: 10px; width: 100%;}
.callback-form .submit{ margin-top: 10px; max-width: 200px; width: 100%; transition: all 0.5s; cursor: pointer; text-align: center; font-weight: 600; font-size: 28px; padding: 10px; background-color: #FF9600; border-radius: 10px; border: none; color: #fff; border-bottom: 6px solid #BE6F04 !important;}
.callback-form .submit:hover{ background-color: #BE6F04; }
.form-horizontal .form-group{margin-right: 0; margin-left: 0;}
.form-row{ width: 100%; margin: 0 auto; }
.form-half{ border: 1px solid #fff; padding: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-middle{width: 100%; display: inline-block; }
.right{ margin-right: 10px; }
.newsletter .form-control{ float: none;}
.form-control{ height: 60px !important; font-size: 16px;}
.newsletter{ margin: 0 auto; max-width: 400px; margin-bottom: 20px; }
.form-horizontal .has-feedback .form-control-feedback{ top: 15px !important; }
#success_message{ display: none;}
.well{ background-color: transparent; border:none; box-shadow: none; margin-bottom: 0px;}
/*CONTACT*/

/*CASE-STUDIES*/
.case-study .banner{ background-image: url(../images/recruitment-home.png);}
.money-shop .banner{ height: 320px; background: url(../images/money-shop.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.hotel-choc .banner{ height: 320px; background: url(../images/hotel-chocolat.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.dark-money-shop-image { /*height: 400px;*/ background: url(../images/dark-money-shop-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.dark-hotel-chocolat-image{ /*height: 400px;*/ background: url(../images/hotel-chocolat-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
/*CASE-STUDIES*/

/*RECRUITMENT*/
.recruitment strong{ font-size: 22px; }
.recruitment ul li{ font-weight: 600; display: inline; font-size: 18px; text-decoration: none; border-right: 1px solid #0957a0; padding-right: 10px; padding-left: 10px;}
.recruitment ul{ padding-left: 0px; }
.recruitment a{ color: #0957a0!important; text-decoration: none; font-weight: 700; }
.recruitment .button{  color: #fff; margin: auto;  margin-top: 20px;}
.recruit{ padding: 20px 0px 10px 0px; }/*
.com-images{ padding: 40px 0px 40px 0px; }*/
.recruitment img{ margin-bottom: 20px; }
.recruitment h2{color: #0c58a1; font-size: 38px; font-weight: 100;}
/*RECRUITMENT*/

/*COVERAGE*/
.map-image{ background-position: center; background-image: url(../images/google-map.jpg);  background-repeat: no-repeat; background-position: center; background-size: cover; }
.coverage ul{ padding: 0; font-size: 18px; color: #fff; }
.coverage a{ text-decoration: none; }
.coverage{ text-align: center; color: #fff;}
.coverage h2{ font-weight: 100; margin-top: 0px;}
.coverage ul li{ display: inline; font-size: 18px; text-decoration: none; border-right: 1px solid #fff; padding-right: 10px; padding-left: 10px; }
.coverage-page .banner{ background-image: url(../images/coverage.jpg); }
.coverage-page .coverage ul{ color: #0d59a4; }
.coverage-page .coverage ul li{     border-right: 1px solid #0d59a4; }
.coverage-page .coverage{ color: #696969;  }
.coverage-page .coverage a{ color: #0d59a4!important; }
/*COVERAGE*/

/*FOOTER*/
.social-wrap{ max-width: 280px; width: 100%;margin: 0 auto; display: inline-block;}
.facebook{ margin: 5px; float: left; height: 60px;  background-position: center; background-image: url(../images/facebook.png);  background-repeat: no-repeat;transition: all 0.5s; cursor: pointer; max-width: 60px; width: 100%;}
.facebook:hover{ }
.twitter{ margin: 5px; float: left; height: 60px;  background-position: center; background-image: url(../images/twitter.png);  background-repeat: no-repeat;transition: all 0.5s; cursor: pointer; max-width: 60px; width: 100%;}
.twitter:hover{ }
.google{ margin: 5px; float: left; height: 60px;  background-position: center; background-image: url(../images/google.png);  background-repeat: no-repeat;transition: all 0.5s; cursor: pointer; max-width: 60px; width: 100%;}
.google:hover{ }
.linkedin{ margin: 5px; float: left; height: 60px;  background-position: center; background-image: url(../images/linkedin.png);  background-repeat: no-repeat;transition: all 0.5s; cursor: pointer; max-width: 60px; width: 100%;}
.linkedin:hover{}

.footer p{ text-align: center; padding: 10px; font-size: 18px; }
.footer ul{ padding: 0; margin-bottom: 0px;}
.footer ul li{ display: inline; font-size: 18px; text-decoration: none; border-right: 1px solid #fff; padding-right: 10px; padding-left: 10px;}
.footer a:hover{text-decoration: none; }
.footer{ text-align: center; margin:0 auto; }
.footer-bottom-blue{ background-color: #252525; color: #fff; text-align: center; padding: 20px; }
.footer-bottom-blue a:hover{text-decoration: none; }
.footer-bottom-blue p{ margin-bottom: 0px; color: #fff;  }
.footer-bottom-blue ul{ padding: 0; }
.footer-bottom-blue ul li{ display: inline; font-size: 18px; text-decoration: none; border-right: 1px solid #fff; padding-right: 10px; padding-left: 10px; color: #fff; }
.last-link{ border-right: none !important; }
/*FOOTER*/

/*COLUMN OF 5 STYLES*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
/*COLUMN OF 5 STYLES*/

/*CAROUSEL*/
.item img{ float: left; margin-top: 60px; margin-bottom: 60px;}
/*.carousel { border-bottom: 3px solid #d3d3d3; }*/
.carousel-text{ text-align: center; min-height: 240px; font-size: 18px; color: #696969; }
.carousel{    padding: 20px 0px 20px 0px;}
.carousel-inner{ margin: 0 auto; width: 100%; }
.carousel-text h2{ font-weight: 100; }
blockquote { font-size: 32px; color: #fff;  border-left: none; padding: 0px; margin: 0 auto; quotes: "\201C""\201D""\2018""\2019"; font-weight: 100;/* text-transform: uppercase;*/}
blockquote:before { color: #fff; content: open-quote; font-size: 2em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.2em; font-family: sans-serif;}
blockquote:after { color: #fff; content: close-quote; font-size: 2em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.6em; font-family: sans-serif;}
blockquote p { display: inline;}
/*#horizontal-scroll { width: 100%; max-width: 1200px; height: 120px; background: url(../images/bg-repeat2.png) repeat-y; -webkit-animation: backgroundScroll 30s linear infinite; animation: backgroundScroll 30s linear infinite; /* Adjust timing here according to speed required */}
*/
/*@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: 100% 0;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: 100% 0;}
}*/

.carousel-control{ width: 2%; }
.carousel-control.left{ background-image: none; }
.carousel-control.right{ background-image: none; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ color: #252525; margin-right:-130px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next{ color: #252525;  margin-left:-130px;}
/*CAROUSEL*/

/*SCROLL TO TOP BUTTON*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #0b4682 url(../images/cd-top-arrow.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
/*.cd-top.cd-fade-out { opacity: .5; }*/ 
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*SCROLL TO TOP BUTTON*/

/*BENEFITS SECTION*/
.icons{ text-align: center; }
.icons img{ margin: 0 auto; max-width: 100px; width: 100%;}
.icons h4{min-height: 40px; margin-top: 20px;}
/*BENEFITS SECTION*/

/*OFF CANVAS MENU AND NAV*/
li.nav-title{ color: #fff; font-weight: 700; font-size: 22px; }
#menu { position: fixed; top: 0; bottom: 0; width: 220px; height: 100%; background-color: #0E58A2; z-index: 999; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease; right: -220px; }
#menu.active { -webkit-transform: translate(-13.755em, 0px); -moz-transform: translate(-13.755em, 0px); -o-transform: translate(-13.755em, 0px); -ms-transform: translate(-13.755em, 0px); transform: translate(-13.755em, 0px);}
.menu-link { position: absolute; top: 15px; left: -50px; height: 40px; width: 40px; background-position: center center; background-size: 50%; z-index: 99; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; background-image: url(../images/nav.png); background-repeat: no-repeat; background-size: cover; background-color: #0A2D4F; }
a { color: #fff !important;    text-decoration: underline;  }
.active a.menu-link{ position: absolute; top: 15px; left: -50px; padding-left: 5px; padding-top: 4px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-size: cover;}
.active a.menu-link.glyphicon{ color: #fff;}
#menu ul { list-style: none; padding-left: 0px;}
#menu ul li{ padding: 20px;}
#menu ul a{ text-decoration: none; }
.navbar{ margin: 0px !important;}
.navbar-right{}
.navbar-collapse{ width: 100%; max-width: 770px; float: right; padding: 0 !important;}
.navbar-inverse{ background-color: transparent !important; border-color: transparent !important;}
.navbar li>a{ font-weight: 100 !important; padding-top: 10px !important; padding-bottom: 10px !important; padding-left:10px; padding-right:10px; color: #1C1C1C !important; font-size: 18px; font-weight: 600;}
.navbar-nav>li{ margin-right: 10px;}
li.nav-last{ margin-right: 0;}
.navbar-nav>li>a:hover {transition: all 0.5s; cursor: pointer; color: #fff !important; background-color: #0c58a1 !important;}
.mobile{ display: none;}
.desktop{ display: inline-block; float: right;}
/*OFF CANVAS MENU AND NAV*/
.navbar-fixed-top { background-color: #fff ; border-bottom: 4.5px solid #0957A0; /*height: 133.5px;*/ height: 134px;} 
.dropdown{ display: none; }
.mob-number h2{ background-color: #0c58a1; display: none; font-weight: 700; padding: 10px; margin-top: 10px; text-align: center; color: #fff;}

@media only screen and (min-width: 1000px) and (max-width: 1920px) {
.banner { height: 500px;}
}


@media (min-width: 250px){
.container { width: 100%; max-width: 1170px;}
}

/*@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {

.navbar-fixed-top {height: 135px\9;}
}*/


@media only screen and (min-width: 1000px) and (max-width: 1248px) {
.navbar-toggle { background-color: #222;}
.mobile{ display: none;}
.desktop{ display: block;}
.dropdown{ display: block; }
.mob-number h2{ display: none; }
.dropdown{ max-width:  80px; width: 100%; margin:0 auto; }
.career-dropdown{ margin-top: 0px; }
.dropdown select{ padding: 20px; width: 100%; margin: 0 auto; background-color: #0c58a1; display: block; font-size: 18px; color: #fff;}
.styled-select { background: url(../images/drop-down.png) no-repeat no-repeat scroll right 10px center; -webkit-appearance: none; -moz-appearance: none; /*color: #CECECE !important;*/} 
select { outline: 0 !important; } 
.vacancies h2 { font-size: 28px;}
.icons img{ max-width: 90px; width: 100%; }
.gauge-wrap img{ max-width: 90px; width: 100%; }
.commercial-page .open-content{ margin-bottom: 10px; }
.domestic-page .open-content{ margin-bottom: 10px; }
.career-text .button{ margin-bottom: 20px; }
.top-push{ margin-top: 180px; }
.home-page .open-content{ position: initial; padding: 20px;}
.home-page .white-bg h2 { margin-bottom: 20px;}
.carousel-control{ width: 9%; }
.recruitment-wrap{ padding: 20px; }
.next-line{ display: block; }
.spacing{ padding: 40px; }
.blue-bar p{ font-size: 36px; }
.navbar li>a{ font-size: 17px; }
.careers-page .career-text{     margin-bottom: 30px; }
.carousel-control.left{ display: none; }
.carousel-control.right{ display: none; }
.right { margin-right: 8px;}
img.compliance{ max-width: 300px; width: 100%; }

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
.navbar-toggle { background-color: #222;}
.mobile{ display: block;}
.desktop{ display: none;}
.number-wrap{ margin: 0 auto; float:none; }
.mob-number h2{ display: block; margin-bottom: 0px; margin-top: 0px;}
.plumbing .dark-bar{ display: none; }
.second-mob h2{ margin: 10px 0px 0px 0px }
.number img{ display: none; }
.number h2{ display: none;}
.number p{ display: none; }
.career-text h2{ margin-bottom: 10px;}
.domestic{ border-right: none; }
.career-text .button{ margin-bottom: 10px; }
.logo img{ max-width: 90px; margin: 0 auto; }
.navbar-fixed-top { border-bottom: 2px solid #0957A0; height: 75px;}
.navbar-fixed { border-bottom: 2px solid #0957A0; height: 75px;}
.dropdown{ display: block; margin: 0 auto; max-width:  80px; width: 100%;}
.mob-number{  background: #0c58a1;}
.banner{ height: auto !important; width: 100%; margin-top: 50px;}
.dropdown select{ padding: 20px; width: 100%; margin: 0 auto; background-color: #0c58a1; display: block; font-size: 18px; color: #fff;}
.styled-select { background: url(../images/drop-down.png) no-repeat no-repeat scroll right 10px center; -webkit-appearance: none; -moz-appearance: none; /*color: #CECECE !important;*/} 
select { outline: 0 !important; } 
.item img{ float: none; margin: 0 auto; max-width: 120px;  width: 100%; }
.recruitment .button{ display: block;  margin: 0 auto; }
.vacancies{ text-align: center; }
.vacancies .button{ float: none; margin: 0 auto; display: block;  margin-top: 20px;}
.icons img{ max-width: 90px; width: 100%; }
.gauge-wrap img { max-width: 90px; width: 100%; }
.plumbing .open-content{ text-align: center;}
.details{ text-align: center; }
.callback-form{ text-align: center; }
.callback-form h2{ text-align: center; }
.callback-form .submit{ margin-right: 0px; float: none; }
.about-page .banner-box{ padding-bottom: 20px; }
.commercial-page .open-content{ margin-bottom: 10px; }
.domestic-page .open-content{ margin-bottom: 10px; }
.top-push{ margin-top: 120px; }
.home-page .open-content{ position: initial; padding: 20px;}
.home-page .banner{ background-position: center;}
.carousel-control{ width: 9%; }
.recruitment-wrap{ padding: 20px; }
.customer-wrap{ padding: 20px; }
.carousel-text h2{ font-size: 26px; }
.big-btn { max-width: 300px !important;}
.next-line{ display: block; }
.spacing{ padding: 40px; }
.blue-bar p{ font-size: 36px; }
.title-blue{ font-size: 36px; }
.title-white{ font-size: 36px; }
.banner-box .button{ display: none; }
.careers-page .career-text{     margin-bottom: 30px; }
.domestic-left .button{ margin-bottom: 20px; }
.carousel-control.left{ display: none; }
.carousel-control.right{ display: none; }
.right { margin-right: 6px;}
.input-group{ margin-bottom: 20px; }
.form-group{ margin-bottom: 0px; }
.bottom{ margin-bottom: 20px; }
.text-right{ text-align: center; }
.commercial-right p{ min-height: 60px; }
.banner-wrap{ margin-bottom: 10px !important; }
img.compliance{ max-width: 300px; width: 100%; }
.landing .second-sec li{ padding-right: 0px; padding-left: 0px; display: block; background-image: none;}
.blue-mob{ display:none; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.navbar-toggle { background-color: #222;}
.mobile{ display: block;}
.desktop{ display: none;}
.number-wrap{ margin: 0 auto; float:none; width: 100%; }
.number img{ display: none; }
.number h2{ display: none; }
.plumbing .dark-bar{ display: none; }
.second-mob h2{ margin: 10px 0px 0px 0px }
.mob-number h2{ display: block; margin-bottom: 0px; margin-top: 0px;}
.number p{ /*text-align: center; float: none; font-style: normal;*/ display: none;}
.logo img{ max-width: 90px; margin: 0 auto;}
.domestic{ border-right: none; }
.navbar-fixed-top{ border-bottom: 2px solid #0957A0; height: 75px;}
.navbar-fixed { border-bottom: 2px solid #0957A0; height: 75px;}
.dropdown{ display: block; max-width: 80px; width: 100%; margin:0 auto; }
.banner-box h1{ font-size: 16px !important; }
.banner-box h2{ font-size: 16px !important; }
.banner-box h3{ font-size: 16px !important; }
.banner-box h4{ font-size: 16px !important; }
.career-text .button{ margin-bottom: 10px; }
.banner-box{ padding: 20px;}
.button{ font-size: 18px; max-width: 200px;}
.banner-wrap{ padding-top: 40px; }
.banner{ height: auto !important; width: 100%; margin-top: 50px;}
.dropdown select{ padding: 20px; width: 100%; margin: 0 auto; background-color: #0c58a1; display: block; font-size: 18px; color: #fff;}
.styled-select { background: url(../images/drop-down.png) no-repeat no-repeat scroll right 10px center; -webkit-appearance: none; -moz-appearance: none; /*color: #CECECE !important;*/ }
select { outline: 0 !important; } 
.item img{ float: none; margin: 0 auto; max-width: 120px;  width: 100%;}
.recruitment .button{ display: block;  margin: 0 auto; }
.icons img{ max-width: 60px; width: 100%; }
.gauge-wrap img { max-width: 80px; width: 100%; }
.circle img{ max-width: 60px; width: 100%; }
.vacancies{ text-align: center; }
.vacancies .button{ float: none; margin: 0 auto; display: block; margin-top: 20px;}
.test-right{ padding: 10px; height: auto; }
.left{ float: none; margin: 0 auto; }
.choose-us .button{max-width: 170px; display: block;}
.spacing{ padding: 20px; }
.plumbing .open-content{ text-align: center;}
.details{ text-align: center; }
.callback-form{ text-align: center; }
.callback-form h2{ text-align: center; }
.callback-form .submit{ margin-right: 0px; float: none; }
.callback-form input{ width: 100%; }
.details h2{ font-size: 18px; padding: 0px; margin-top: 0px;}
.details h3{ font-size: 18px; padding: 0px 10px 10px 10px;}
.details{  margin-bottom: 0px !important; }
.callback-form h2{ font-size: 18px; }
.about-page .banner-box{ padding-bottom: 10px; }
.commercial-page .open-content{ margin-bottom: 10px; }
.domestic-page .open-content{ margin-bottom: 10px; }
.title-blue{ font-size: 28px; }
.title-white{ font-size: 18px; }
.title-sub{ font-size: 16px; font-weight: 100; }
.top-push{ margin-top: 100px; margin-bottom: 20px; }
.home-page .open-content{ position: initial; padding: 20px;}
.home-page .banner{ background-position: center;}
.carousel-control{ width: 12%; }
.blue-bar span{ font-size: 26px; }
.recruitment-wrap{ padding: 20px; }
.customer-wrap{ padding: 20px; }
.carousel-text h2{ font-size: 26px; }
.big-btn { max-width: 190px !important; margin-top: 0px !important;}
.mob{ display: none; }
.carousel-text{ font-size: 16px;    min-height: 280px;}
.dark-bar p{ font-size: 22px; }
.next-line{ display: block; }
.blue-bar p{ font-size: 28px; }
body{ font-size: 14px; }
.commercial h3{ font-size: 28px; }
.domestic h3{ font-size: 28px; }
.footer ul li{ font-size: 12px; }
.footer p{ font-size: 12px; }
.coverage ul{ font-size: 12px; }
.banner-box .button{ display: none; }
.careers-page .career-text{ margin-bottom: 0px; }
.vacancies h2{ font-size: 28px; }
.domestic-left .button{ margin-bottom: 20px; }
.landing .open-content{ margin-top: 0px; }
.carousel-control.left{ display: none; }
.carousel-control.right{ display: none; }
.footer-bottom-blue ul li{ font-size: 12px; }
.title-double{ margin-bottom: 20px !important; }
.title{ margin-bottom: 20px; }
.coverage ul li{ font-size: 12px; }
.right { margin-right: 6px;}
.input-group{ margin-bottom: 20px; }
.form-group{ margin-bottom: 0px; }
.bottom{ margin-bottom: 20px; }
.text-right{ text-align: center; }
.circle h3{ min-height: 0px; }
.testimonial-img {  max-width: 80px;}
.testimonial-img2 {  max-width: 60px;}
.commercial-right p{ min-height: 60px; }
.banner-wrap{ margin-bottom: 10px !important; }
img.compliance{ max-width: 300px; width: 100%; }
.landing .second-sec li{ padding-right: 0px; padding-left: 0px; display: block; background-image: none;}
.commercial-right h3{    font-size: 28px;}
.domestic-left h3{    font-size: 28px;}
.recruitment h2{    font-size: 28px;}
.blue-mob{ display:none; }
}

@media only screen and (min-width:250px) and (max-width: 479px){
.title-blue a{ color: #0c58a1 !important; }
.navbar-toggle { background-color: #222;}
.mobile{ display: block;}
.desktop{ display: none;}
.plumbing .dark-bar{ display: none; }
.number-wrap{ margin: 0 auto; float:none; width: 100%; }
.number img{ display: none; }
.mob-number h2{ display: block; font-size: 30px; margin-bottom: 0px; margin-top: 0px;}
.number h2{ display: none; }
.number p{  display: none;}
.logo img{ max-width: 90px; margin: 0 auto;}
.navbar-fixed-top{ border-bottom: 2px solid #0957A0; height: 75px;}
.navbar-fixed { border-bottom: 2px solid #0957A0; height: 75px;}
.dropdown{ display: block; max-width: 80px; width: 100%; margin:0 auto; }
.second-mob h2{ margin: 10px 0px 0px 0px }
.domestic{ border-right: none; }
.banner-box h1{ font-size: 12px; }
.banner-box h2{ font-size: 12px; margin-top: 2px; }
.banner-box h3{ font-size: 12px; margin-top: 2px;}
.banner-box h4{ font-size: 12px; margin-top: 2px;}
.career-text .button{ margin-bottom: 10px; }
.callback-form h2{ font-size: 18px; }
.details h2{ font-size: 18px; padding: 0px; margin-top: 0px;}
.details h3{ font-size: 18px; padding: 0px 10px 10px 10px;}
.home-page .open-content{ position: initial; padding: 20px;}
.dark-bar p{ font-size: 18px; }
.button{ font-size: 18px; margin-top: 2px; max-width: 200px;}
.banner-box .button{ display: none; }
h4{ font-size: 18px; }
p{ font-size: 16px; }
blockquote{ font-size: 12px; }
.eng-test-wrap blockquote {font-size: 12px; }
.carousel{ padding: 0px; }
.gauge-wrap h4{ font-size: 18px !important; }
.choose-us h2{ font-size: 18px; }
.banner-wrap{ padding-top: 30px;}
.recruitment .button{ display: block;  margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.banner{ height: auto !important; width: 100%; margin-top: 60px;}
.dropdown select{ padding: 20px; width: 100%; margin: 0 auto; background-color: #0c58a1; display: block; font-size: 18px; color: #fff;}
.styled-select { background: url(../images/drop-down.png) no-repeat no-repeat scroll right 10px center; -webkit-appearance: none; -moz-appearance: none; /*color: #CECECE !important;*/} 
.dropdown:hover { background-color: #fff; }
select { outline: 0 !important; } 
.item img{ float: none; margin: 0 auto; max-width: 120px;  width: 100%;}
.icons img{ max-width: 60px; width: 100%; }
.gauge-wrap img{ max-width: 60px; width: 100%; }
.circle img{ max-width: 60px; width: 100%; }
.domestic{ height: auto; }
.commercial{ height: auto; }
.recruitment strong{ font-size: 16px; }
.recruitment ul{ margin-top: 20px; }
.coverage ul{ font-size: 12px; }
.footer ul li{ font-size: 12px; }
.social-wrap{ max-width: 200px; }
.facebook{ max-width: 40px; height: 40px; }
.twitter{ max-width: 40px; height: 40px; }
.google{ max-width: 40px; height: 40px; }
.linkedin{ max-width: 40px; height: 40px; }
.vacancies{ text-align: center; }
.vacancies h2{ font-size: 18px !important;     line-height: inherit;}
.vacancies .button{ float: none; margin: 0 auto; display: block; margin-top: 20px;}
.spacing{ padding: 20px; }
.big-btn { max-width: 190px !important; margin-top: 0px !important;}
.plumbing .open-content{ text-align: center;}
.details{ text-align: center; margin-bottom: 0px !important; }
.callback-form{ text-align: center; }
.callback-form h2{ text-align: center; }
.callback-form .submit{ margin-right: 0px; float: none; }
.callback-form input{ width: 100%; }
.about-page .banner-box{ padding-bottom: 10px; }
.title-blue{ font-size: 18px !important; }
.title-white{ font-size: 18px !important; }
.title-sub{ font-size: 16px !important; font-weight: 100; }
.top-push{ margin-top: 100px; margin-bottom: 20px; }
.home-page .banner{ background-position: center;}
.home-page .open-content{ position: initial; padding: 20px;}
.carousel-control{ width: 18%; }
.blue-bar span{ font-size: 18px !important; }
.recruitment-wrap{ padding: 20px; }
.customer-wrap{ padding: 20px; }
.carousel-text h2{ font-size: 18px; }
.mob{ display: none; }
.your-class{ display: none !important; }
.carousel-text{ font-size: 12px;    min-height: 260px;}
body{ font-size: 12px;}
.next-line{ display: block; }
.blue-bar{ padding: 20px; }
.blue-bar p{ font-size: 18px; }
.choose-us .button{ margin-top: 20px;}
.commercial h3{ font-size: 18px; }
.domestic h3{ font-size: 18px; }
.footer ul li{ font-size: 12px; }
.footer p{ font-size: 12px; }
.coverage ul{ font-size: 12px; }
.careers-page .career-text{ margin-bottom: 0px; }
img.compliance-white{ margin-bottom: 10px; }
.domestic-left .button{ margin-bottom: 20px; }
.landing .open-content{ margin-top: 0px; }
.carousel-control.left{ display: none; }
.carousel-control.right{ display: none; }
.footer-bottom-blue ul li{ font-size: 12px; }
.title-double{ margin-bottom: 20px !important; }
.title{ margin-bottom: 20px; }
.coverage ul li{ font-size: 12px; }
.input-group{ margin-bottom: 20px; }
.form-group{ margin-bottom: 0px; }
.bottom{ margin-bottom: 20px; }
.text-right{ text-align: center; }
.circle h3{ min-height: 0px; }
.testimonial-img {  max-width: 80px;}
.testimonial-img2 {  max-width: 60px;}
.commercial-right p{ min-height: 60px; }
.commercial-right h3{    font-size: 18px;}
.domestic-left h3{    font-size: 18px;}
.commercial-left h3{    font-size: 18px;}
.recruitment h2{    font-size: 18px;}
img.compliance{ max-width: 200px; width: 100%; }
.blue-mob{ display:none; }
.banner-wrap{ margin-bottom: 10px !important; }
.landing .second-sec li{ padding-right: 0px; padding-left: 0px; display: block; background-image: none; }
.fixed-bottom {display: block;}
.footer-bottom-blue{min-height: 400px}	
}
   



.dropdown{ display: none; }
li a, .dropbtn {
    display: inline-block;
    padding: 14px 16px;
    text-decoration: none;

    text-align: left;
}


li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #0c58a1; color:#fff;}

.show {display:block;}

.dropdown a {
	    color: #0c58a1 !important;
}

.dropdown a:hover {
	    color:#FFF !important;
}

.ListHighlights  ul {
	list-style-type: circle;
	
}

.ListHighlights  li {
	display:inline;
	    text-align: center;
    text-decoration: underline;
    padding-left: 25px;
	line-height: 30px;
	font-weight:bold;
}

@media only screen and (min-width:250px) and (max-width: 479px){
.ListHighlights  li {display: block; padding-left:0; background-color: #0957a0; color: #fff; padding: 5px; max-width: 300px; margin: 0 auto; margin-top: 6px; border-radius: 2px;}
.gassafe img { display: block;}}