body{ font-family: proxima-soft, sans-serif; font-size: 18px; color: #253544; min-height: 75rem; /*padding-top: 6.2rem;*/ }

/*RANDOM*/
a { color: #26c6c6; }
a:not([href]):not([tabindex]){ color: #fff; cursor: pointer; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{ color: #fff; cursor: pointer; }
a:hover{ text-decoration: none; color: #253544; }
.inline-block{ display: inline-block; }
.block{ display: block; }
.blue{ color: #26c6c6; }
.dark-blue{ color: #253544; }
h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-size: 2.5rem; }
p{ margin: 0; padding: 0; }
ul{ padding: 0; list-style: none; margin: 0; }
li{ display: inline; }
.spacer{ margin-bottom: 20px; display: block; width: 100%; }
.fa-phone-alt{ font-size: 30px; }
.bg-dark{ background-color:#253544 !important; }
.phone-btn{ display: none; }
.navbar-nav li.active a, .navbar-nav li a:hover { color:#26c6c6; }
.pads{ padding: 100px; }
.add-bords{ border: 1px solid #efefef; }
.bg-grey{ background-color: #efefef; }
.phone-button{ display: none; }
.wrapper:after { content: ''; position: absolute; left: 50%; margin-left: -30px; width: 0; height: 0; border-top: solid 30px #efefef; border-left: solid 30px transparent; border-right: solid 30px transparent; }
.standout { font-weight: 700; }
.cc-revoke, .cc-window{ font-family: proxima-soft !important; }
.cc-color-override--2078805114 .cc-btn:hover, .cc-color-override--2078805114 .cc-btn:focus { background-color: #26c6c6 !important; }
.cc-btn{ padding: 20px; border-radius: 5px; font-size: 18px; font-weight: 400; }
.virusbox{ position: fixed; top: 14%;  max-width: 370px; padding: 10px; width: 100%; background: #fff; border: 1px solid #f9f9f9; right: 0%;  }
.virusbox h3{ font-size: 22px; display: inline-block;}
.virusbox p{ font-size: 16px; }
.inlinerow{ display: inline-block; width: 100%; }
.homepage .addindex{ z-index: 22; position: relative; }
/*RANDOM*/

/*NAV AREA*/
/*.navbar:after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -30px; width: 0; height: 0; border-top: solid 30px #fff; border-left: solid 30px transparent; border-right: solid 30px transparent; }
*/
.logo-dark{ display: none; }
.navbar-brand img{ max-width: 200px; width: 100%; }
.navbar-brand span{ vertical-align: middle; }
.arrow{ content: ""; position: absolute; top: 100%; left: 50%; border-top: 20px solid white; border-left: 20px solid #ffffff00; border-right: 20px solid transparent; color: #fff !important; }
/*.fixed-top.scrolled .arrow{ display: none; }*/
.fixed-top.scrolled:after{ display: none; }
.bg-light{ background-color: transparent !important; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #26c6c6; }
.navbar-light .navbar-nav .nav-link{ color: #fff; }
.navbar.scrolled{ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff !important; }
.navbar.scrolled .navbar-brand .logo-dark{ display: inline-block; }
.navbar.scrolled .navbar-brand img{ display: none; }
.navbar.scrolled .nav-link{ color: #253544; }
.navbar.scrolled .navbar-text .fa-phone-alt{ color: #253544 !important; }
.navbar.scrolled .navbar-text h2{ color: #253544 !important; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color: #26c6c6 !important; }
/*NAV AREA*/

/*BANNER AREA*/
.homepage .trust-pilot-box{ width: 100%; max-width: 730px; margin: 0; }
.gassafe{ max-width: 120px; }
.gassafetwo{ display: none; }
.banner-bg{ background-color: #253544; padding-top: 170px; padding-bottom: 170px; /*clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw) ); -webkit-clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw) );*/ }
.homepage .banner-bg{ background-image: url(../img/banner.jpg); padding-top: 170px; padding-bottom: 100px; clip-path: none; -webkit-clip-path: none; background-position: bottom; background-size: cover; }
.points li{ padding: 10px; background-color: #26c6c6; font-size: 0.8em; }
.other-points li{ background-color: #fff; color: #253544; }
.wrap{ background-color: #efefef; }
.plumber {max-width: 300px; position: absolute; bottom: -560px;}
/*.banner-text .marg-bt{ margin-bottom: 40px; }*/
.trust-pilot-box{ background: #131e28b8; padding: 20px; font-size: 16px; margin-top: 20px; position: relative; }
.trust-pilot-box h2{ font-weight: 600; font-size: 22px; }
.trust-pilot-box img{ max-width: 150px; width: 100%; margin: 0 auto; }
.tl-yell-box {background: #131e28b8; padding: 10px 20px; font-size: 16px;  position: relative; }
.tl-yell-box h2 { font-weight: 600; font-size: 22px; }
.tl-yell-box img{ max-width: 150px; width: 100%; margin: 0 auto; }
/*BANNER AREA*/

/*C2A AREA*/
.c2a-wrap{ padding-top: 50px; padding-bottom: 50px; }
.c2a-text h3{ font-size: 2.5rem; }
.c2a-number h2{ font-size: 2.5rem; font-weight: 700; }
.c2a-text p { color: #808080; }
/*.btn-c2a{ padding: 10px; border: 0px; outline: none; font-size: 32px; font-weight: 700; color: #fff; background: #25c6c6; }*/
.c2a-middle-number h2{ font-size: 3rem; font-weight: 700; color: #253544; }
.c2a-middle-number p { font-size: 1.5rem; }
.c2a-middle-wrap{ padding-top: 50px; padding-bottom: 50px; }
.c2a-middle-number .fa-phone-alt { font-size: 40px; }
/*.wrapper .c2a-arrow{ top: 20px; color: #efefef !important; left: 50%; border-top: 20px solid #efefef !important; border-left: 20px solid #ffffff00; border-right: 20px solid transparent; position: relative; }*/
.bottom-c2a{ color: #fff; text-align: center; border-bottom: 10px solid #26c6c6; display: none; }
.bottom-c2a h2{ font-weight: 600; }
.bg-c2a{ background-color: #26c6c6; padding: 10px; border-top-right-radius: 60px; border-top-left-radius: 60px; max-width: 350px; margin: 0 auto; width: 100%; }
/*C2A AREA*/

/*MAIN*/
.spacing{ padding-top: 100px; padding-bottom: 100px; }
main{ padding-top: 100px; padding-bottom: 100px; }
main p{ color: #808080; }
main h2, h3, h4, h5{ font-weight: 600; }
.btn-page{ outline: none; border: 0; background: #25c6c6; color: #fff; padding: 20px; border-radius: 5px; }
.grey-box{ background-color: #fbfbfb; padding: 20px; /*border: 1px solid #f1f1f1;*/ }
.grey-box h4{ font-size: 22px; }
.grey-box p{ max-width: 270px; }
/*.boxes .boxes-text{ padding: 5rem; }
.boxes .boxes-text h4{ font-size: 2rem; }*/
.icons{ max-width: 80px; width: 100%; /*margin: 0 auto; display: block;*/ }
.icon-wrap h4{ font-size: 22px; }
.trustpilot{ max-width: 200px; margin: 0 auto; width: 100%; display: block; }
.carousel-item h4 { font-size: 22px; }
.carousel-item p{ color: #808080; }
.bg-image{ background-image: url('../img/sink.jpg'); background-size: cover; background-position: center; border-bottom-left-radius: 50px; }
.trades h4{ font-size: 22px; }
.trade-info h2{ font-weight: 600; }
.trade-info p{ color: #808080; }
.about-wrap{ background-color: #253544; padding-top: 40px; padding-bottom: 120px; clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw) ); -webkit-clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 5vw) ); }
.about-us{ padding: 40px 0px 40px 0px; }
/*.trust-arrow{ border-top: 20px solid #efefef; top: auto; }*/
/*MAIN*/

/*TO THE TOP BTN*/
.back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; background: #25c6c6; color: #fff; z-index: 2000; }
#back-to-top:hover { color: #fff; }
/*TO THE TOP BTN*/

/*AREAS*/
.dark-bg{ background: #1e252b; }
.dark-bg ul{ color: #fff; padding: 0px; list-style: none; }
.dark-bg ul li{ display: inline; margin-right: 10px; }
.last-area{ margin-right: 0px !important; }
.areas h2{ font-weight: 600; }
/*AREAS*/

/*ABOUT PAGE*/

/*ABOUT PAGE*/


/*HEATING PAGE*/
.boiler-img{ max-width: 150px; width: 100%; position: relative; bottom: 20px; margin: 0 auto; display: block; }
.heating-img img{ max-width: 250px; width: 100%; }
.heating-text h2{ font-size: 22px; }
.light-grey{ background: #f7f7f7; }
.dark-grey{ background: #ececec; }
/*HEATING PAGE*/

/*LEAK REPAIR*/
.leak-repair .banner-bg{ background: url(../img/leak-repair-bg.jpg); background-position: top; background-size: cover; }
/*LEAK REPAIR*/

/*EMERGENCY PLUMBER*/
.emergency-plumber .banner-bg{ background: url(../img/emergency.jpg); padding-top: 200px; padding-bottom: 200px; clip-path: none; -webkit-clip-path: none; background-position: bottom; background-size: cover; }
.emergency-plumber .plumber{ max-width: 300px; position: absolute; top: -90px; }
/*EMERGENCY PLUMBER*/

/*BATHROOM*/
.bathroom .banner-bg{ background: url(../img/bathroom.jpg); background-position: center; background-size: cover; }
/*BATHROOM*/


/*RESPONSIVE STYLES*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {

/*NAV AREA*/
.navbar-text h2{ font-size: 32px; }
/*NAV AREA*/

/*BANNER AREA*/
.banner-text .marg-bt{ margin-bottom: 20px; }
.points li{ display: inline-block; margin-bottom: 5px; }
.plumber{ bottom: -700px; }
/*BANNER AREA*/

/*MAIN*/
.grey-box h4{ font-size: 1.5em; }
.tl-yell-box img{ max-width: 130px; }
/*MAIN*/

}

@media only screen and (min-width: 770px) and (max-width: 992px) {

body{ padding-top: 0; }

/*NAV AREA*/
.navbar-text{ display: none; }
.nav-item.dashed-border{ border-bottom: 1px dashed #ececec; }
.bg-light{ background-color: #fff !important; }
.light-logo{ display: none; }
.logo-dark{ display: inline-block; }
.navbar-light .navbar-nav .nav-link{ color: #253544; }
/*NAV AREA*/

/*BANNER AREA*/
.banner-bg{ padding-bottom: 120px; padding-top: 130px; }
.banner-text .marg-bt{ margin-bottom: 20px; }
.points li{ display: block; margin-bottom: 5px; }
.banner-img{ display: none; }
.homepage .banner-bg{ padding-bottom: 30px; padding-top: 80px; }
.emergency-plumber .banner-bg{ padding-bottom: 30px; padding-top: 80px; }
.plumber{ display: none; }
.trust-pilot-box {text-align: center;}
.gassafe{ display: none; }
.gassafetwo{ display: inline-block; max-width: 70px !important; width: 100%; float: right; }
.tl-yell-box img{ max-width: 130px; }
/*BANNER AREA*/

/*MAIN*/
.c2a-text{ display: none; }
.c2a-number{ text-align: center !important; }
.c2a-wrap{ padding-top: 20px; padding-bottom: 20px; }
main{ padding-top: 40px; padding-bottom: 40px; text-align: center; }
.grey-box p { max-width: 270px; width: 100%; display: inline-block; }
.grey-box{ margin-bottom: 10px; }
.last-box{ margin-bottom: 0px !important; }
.icon-wrap{ margin-bottom: 10px; }
.spacing{ text-align: center; }
/*MAIN*/

/*REVIEWS*/
.spacing{ padding-top: 40px; padding-bottom: 40px; }
/*REVIEWS*/

/*ABOUT US*/
.bg-image{ display: none; }
.about-us{ text-align: center; padding: 0px; }
/*ABOUT US*/

/*HEATING PAGE*/
.heating-img{ display: none; }
.heating-text p{ margin-bottom: 20px; }
.heating-text-last p{ margin-bottom: 0px !important; }
/*HEATING PAGE*/

}

@media only screen and (min-width: 520px) and (max-width: 769px) {

body{ padding-top: 0; }

.pads{ padding: 30px; }

/*NAV AREA*/
.navbar-text{ display: none; }
.nav-item.dashed-border{ border-bottom: 1px dashed #ececec; }
.bg-light{ background-color: #fff !important; }
.light-logo{ display: none; }
.logo-dark{ display: inline-block; }
.navbar-light .navbar-nav .nav-link{ color: #253544; }
/*NAV AREA*/

/*BANNER AREA*/
.banner-bg{ padding-bottom: 120px; padding-top: 120px; }
.banner-text .marg-bt{ margin-bottom: 20px; }
.points li{ display: block; margin-bottom: 5px; }
.banner-img{ display: none; }
.homepage .banner-bg{ padding-bottom: 30px; padding-top: 80px; }
.emergency-plumber .banner-bg{ padding-bottom: 30px; padding-top: 80px; }
.plumber{ display: none; }
.gassafe{ display: none; }
.trust-pilot-box {text-align: center;}
.gassafetwo{ display: inline-block; max-width: 70px !important; width: 100%; float: right; }
/*BANNER AREA*/

/*MAIN*/
.c2a-text{ display: none; }
.c2a-number{ text-align: center !important; }
.c2a-wrap{ padding-top: 20px; padding-bottom: 20px; }
main{ padding-top: 40px; padding-bottom: 40px; text-align: center; }
.grey-box p { max-width: 270px; width: 100%; display: inline-block; }
.grey-box{ margin-bottom: 10px; }
.last-box{ margin-bottom: 0px !important; }
.icon-wrap{ margin-bottom: 10px; }
.spacing{ text-align: center; }
/*MAIN*/

/*REVIEWS*/
.spacing{ padding-top: 40px; padding-bottom: 40px; }
/*REVIEWS*/

/*ABOUT US*/
.bg-image{ display: none; }
.about-us{ text-align: center; padding: 0px; }
/*ABOUT US*/

/*HEATING PAGE*/
.reverse-cols { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.heating-img{ display: none; }
.heating-text p{ margin-bottom: 20px; }
.heating-text-last p{ margin-bottom: 0px !important; }
/*HEATING PAGE*/

}

@media only screen and (min-width: 250px) and (max-width: 519px) {

body{ padding-top: 0; }

h1, h2, h3, h4{ font-size: 22px !important; }

.pads{ padding: 20px; }

/*NAV AREA*/
.navbar-text{ display: none; }
.nav-item.dashed-border{ border-bottom: 1px dashed #ececec; }
.arrow{ left: 46%; }
.navbar-brand span{ display: none; }
.bg-light{ background-color: #fff !important; }
.light-logo{ display: none; }
.logo-dark{ display: inline-block; }
.navbar-light .navbar-nav .nav-link{ color: #253544; }
/*NAV AREA*/

/*BANNER AREA*/
.banner-bg{ padding-bottom: 100px; padding-top: 120px; }
.points li{ display: block; margin-bottom: 5px; }
.banner-text .marg-bt{ margin-bottom: 20px; }
.banner-img{ display: none; }
.homepage .banner-bg{ padding-bottom: 20px; /*padding-top: 80px;*/ padding-top: 210px; }
.emergency-plumber .banner-bg{ padding-bottom: 20px; padding-top: 80px; }
.plumber{ display: none; }
.gassafe{ display: none; }
.trust-pilot-box {text-align: center;}
.gassafetwo{ display: inline-block; max-width: 70px !important; width: 100%; float: right; }
/*BANNER AREA*/

/*MAIN*/
.c2a-text{ display: none; }
.c2a-number{ display: none;}
.c2a-middle-number{ display: none;}
.c2a-wrap{ padding-top: 20px; padding-bottom: 20px; }
main{ padding-top: 40px; padding-bottom: 40px; text-align: center; }
.grey-box p { max-width: 270px; width: 100%; display: inline-block; }
.grey-box{ margin-bottom: 10px; }
.last-box{ margin-bottom: 0px !important; }
.icon-wrap{ margin-bottom: 10px; }
.spacing{ text-align: center; }
/*MAIN*/

/*REVIEWS*/
.spacing{ padding-top: 40px; padding-bottom: 40px; }
/*REVIEWS*/

/*ABOUT US*/
.bg-image{ display: none; }
.about-us{ text-align: center; padding: 0px; }
/*ABOUT US*/

/*C2A*/
.phone-btn-wrap{ width: 100%; }
.phone-btn{ display: block; font-size: 30px; width: 100%; max-width: 300px; margin: 0 auto; }
.c2a-middle-wrap{ padding-top: 20px; padding-bottom: 20px; }
/*.wrapper .c2a-arrow{ display: none; }*/
/*.arrow{ display: none; }*/

.phone-button .fa-phone-alt { font-size: 25px; text-align: center; display: block; padding: 18px; color: #fff; }
.phone-button { z-index: 2; display: block; position: fixed; width: 60px; height: 60px; bottom: 20px; right: 0px; left: 20px; background-color: #25c6c6; color: #FFF; border-radius: 50px; text-align: center; }
.bottom-c2a{ display: none !important; }
/*C2A*/

/*HEATING PAGE*/
.reverse-cols { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.heating-img{ display: none; }
.heating-text p{ margin-bottom: 20px; }
.heating-text-last p{ margin-bottom: 0px !important; }
/*HEATING PAGE*/


}