body{ font-family: proxima-soft, sans-serif; font-size: 18px; }


/*RANDOM*/
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; }
.modal-header{ border-bottom: 0px; }
.modal-title{ width: 100%; text-align: center; }
.modal .fa-phone-alt{ font-size:  1em; }
.modal-body{ padding-top: 0px; }
.h-60{ height: 60% !important; }
.standout{ color: #ffffff; font-weight: 700; }
.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%; }
/*RANDOM*/

/*NAV AREA*/
.navbar-brand img{ max-width: 250px; width: 100%; }
.inline{ display: inline-block; }
.number h2{ font-weight: 700; }
.navbar-brand p{ display: inline-block; font-size: 18px; margin: 0; vertical-align: middle; }
.hidedesk{ display: none; }
.hidemob{ display: block; }
/*NAV AREA*/

/*BANNER AREA*/
.line-height{line-height:  45px!important; margin-bottom: 0.5em;}
.orange{ color: #ed5500; }
.small-text{ font-weight: 100; }
.smaller-text{ font-size: 0.6em; display: inline-block;}
.points { list-style: none; padding: 0px; color: #ed5501; }
.points li{ padding: 10px; display: inline; background: #fff; }
.last-point{ margin-right: 0px !important; }
.directories{ width: 100%; display: inline-block; }
.directories img{ max-width: 180px; width: 100%; }
.masthead .services-we-do ul{ list-style: none; padding: 0px; color: #fff; }
.masthead .services-we-do li{ padding: 10px; display: inline; background: #ed5501; margin: 0; }
.masthead .services-we-do .fa-check-square{ color: #fff; }
.masthead .services-we-do{ margin-bottom: 30px; }
.boilerpng{ /*width: 100%;*/ max-width: 190px; position: relative; top: 60px; }
.trust-pilot-box{font-size: 16px; position: relative; margin-bottom: 1em;}
.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: #1e324470; 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; }
.gassafelogo{ display: none; max-width: 200px; width: 100%; }
/*BANNER AREA*/

/*SERVICES AREA*/
.grey-boxes{ background: #f5f5f5; padding: 20px; }
.grey-bg{ background: #f5f5f5;  }
.bg-white{ padding: 20px; }
.services-we-do ul{ list-style: none; padding: 0px; margin: 0px; }
.services-we-do li{ margin-right: 10px; display: inline; }
.last{ margin-right: 0px !important; }
.fa-check-square{ margin-right: 10px; color: #ed5500; }
.howwecanhelp{ text-align: center; }
/*SERVICES AREA*/

/*C2A AREA*/
.c2a-num{ font-weight: 700; font-size: 2em !important; margin-bottom: 0em !important; }
.c2a-wrap{ padding: 2em 0; }
/*C2A AREA*/

/*BOILER SECTION*/
.idea-boiler{ max-width: 350px; width: 100%; display: block; }
/*BOILER SECTION*/

/*RADIATOR SECTION*/
.radiator{ max-width: 350px; width: 100%; display: block; margin: 0 auto; /*box-shadow: #ed5501 14px 14px;*/ }
/*RADIATOR SECTION*/

/*TRUSTPILOT AREA*/
.reviews-bg{ /*background: #f5f5f5;*/ background-image: url(../img/couple.jpg); background-position: center; background-size: cover; }
.trustpilot{ max-width: 250px; width: 100%; display: block; }
/*TRUSTPILOT AREA*/

/*TO THE TOP BTN*/
.back-to-top { position: fixed; bottom: 25px; right: 25px; display: none; background: #ed5502; color: #fff; }
#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*/


/*ABOUT PAGE*/
.about-page header.masthead{ padding-top: 140px; background: url(../img/about-bg.jpg); background-position: top; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
/*ABOUT PAGE*/

/*BOILERS PAGE*/
.boilers-page header.masthead{ padding-top: 140px; background: url(../img/boiler-bg.jpg); background-position: center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
/*.boilers-page .our-services{ text-align: center !important; }*/
.grey-box{ padding: 40px; background: #f5f5f5; }
.house-img img{ max-width: 730px; }
.mb-10{ margin-bottom: 10rem !important; }
.grey-services-box{ padding: 20px; background: #f5f5f5; }
.grey-services-box ul{ list-style: none; padding: 0px; margin: 0px; }
.grey-services-box li{ margin-bottom: 10px; display: block; font-size: 22px; border-bottom: 1px dashed #c3c3c3; padding-bottom: 10px; }
.grey-services-box .last{ margin-bottom: 0px !important; padding-bottom: 0px !important; border: 0px !important; }
/*BOILERS PAGE*/

/*RADIATORS PAGE*/
.radiators-page header.masthead{ padding-top: 140px; padding-bottom: 50px; background: url(../img/radiator-bg.jpg); background-position: center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
/*RADIATORS PAGE*/

/*MOBC2A*/
.phone-button{ display: none; }
/*MOBC2A*/

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

.number-wrap .fa-phone-alt{ font-size: 22px; }
.number h2{ font-size: 22px; }

.points li{ display: inline-block; margin-bottom: 5px; }

.masthead .services-we-do li { display: inline-block; margin-bottom: 5px; }

.boilerpng-wrap{ display: none; }

}

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


.light-logo{ display: none; }

.mobicon{ color: #ed5500; }

.number h2{ display: none; }

.hidedesk{ display: none; }
.hidemob{ display: none; }

.points{ margin-top: 20px; }

.points li{ display: inline-block; margin-right: 0px !important; margin-bottom: 5px; }

.masthead .services-we-do li { display: inline-block; margin-right: 0px !important; margin-bottom: 5px; }

.idea-boiler{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.radiator{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.our-services{ text-align: center !important; }

.reverse-cols { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.house-img img{ width: 100%; margin-bottom: 3rem; }

.grey-services-box{ margin-bottom: 3rem; }

.grey-box{ padding: 0px; padding-left: 15px; padding-right: 15px; background: transparent; }

.boilerpng-wrap{ display: none; }

/*ABOUT PAGE*/
.about-page header.masthead{ padding-top: 100px; }
/*ABOUT PAGE*/

/*BOILERS PAGE*/
.boilers-page header.masthead{ padding-top: 100px; }
/*BOILERS PAGE*/

/*RADIATORS PAGE*/
.radiators-page header.masthead{ padding-top: 100px; }
/*RADIATORS PAGE*/

}

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

.light-logo{ display: none; }

.mobicon{ color: #ed5500; }

.number h2{ display: none; }

.hidedesk{ display: none; }
.hidemob{ display: none; }

.points{ margin-top: 20px; }

.points li{ display: inline-block; margin-right: 0px !important; margin-bottom: 5px; }

.masthead .services-we-do li { display: inline-block; margin-right: 0px !important; margin-bottom: 5px; }

.idea-boiler{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.radiator{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.our-services{ text-align: center !important; }

.reverse-cols { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.c2a-wrap{ padding: 2em 0 !important; }

.house-img img{ width: 100%; margin-bottom: 3rem; }

.grey-services-box{ margin-bottom: 3rem; }

.grey-box{ padding: 0px; padding-left: 15px; padding-right: 15px; background: transparent; }

.boilerpng-wrap{ display: none; }

/*ABOUT PAGE*/
.about-page header.masthead{ padding-top: 100px; }
/*ABOUT PAGE*/

/*BOILERS PAGE*/
.boilers-page header.masthead{ padding-top: 100px; }
/*BOILERS PAGE*/

/*RADIATORS PAGE*/
.radiators-page header.masthead{ padding-top: 100px; }
/*RADIATORS PAGE*/

.gassafelogo{ display: inline-block; max-width: 70px !important; }

}

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

.light-logo{ display: none; }

.mobicon{ color: #ed5500; }

.number h2{ display: none; }

.hidedesk{ display: block; }
.hidemob{ display: none; }
.hidemob-c2a{ display: none; }

.points{ margin-top: 20px; }

.points li{ display: block; margin-right: 0px !important; margin-bottom: 10px; }

.masthead .services-we-do li { display: block; margin-right: 0px !important; margin-bottom: 5px; }

.btn-light{ color: #ed5502; border-radius: 0.25rem; }

.navbar-brand p{ display: block; }

.navbar-brand img{ max-width: 220px; }

.idea-boiler{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.radiator{ margin: 0 auto; max-width: 300px; margin-bottom: 20px; }

.our-services{ text-align: center !important; }

.page-section{ padding: 3em 0; }

.reverse-cols { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.c2a-wrap{ padding: 2em 0 !important; }

.house-img img{ width: 100%; margin-bottom: 3rem; }

.grey-services-box{ margin-bottom: 3rem; }

.grey-box{ padding: 0px; padding-left: 15px; padding-right: 15px; background: transparent; }

.boilerpng-wrap{ display: none; }

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

/*ABOUT PAGE*/
.about-page header.masthead{ padding-top: 130px; padding-bottom: 20px; }
/*ABOUT PAGE*/

/*BOILERS PAGE*/
.boilers-page header.masthead{ padding-top: 130px; padding-bottom: 20px; }
/*BOILERS PAGE*/

/*RADIATORS PAGE*/
.radiators-page header.masthead{ padding-top: 130px; padding-bottom: 20px; }
/*RADIATORS PAGE*/

.gassafelogo{ display: inline-block; max-width: 70px !important; }

}