@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'Montserrat-Regular'; src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.otf') format('opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Bold'; src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.otf') format('opentype'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HandOfSean'; src: url('../fonts/HandOfSean.eot?#iefix') format('embedded-opentype'), url('../fonts/HandOfSean.woff') format('woff'), url('../fonts/HandOfSean.ttf') format('truetype'), url('../fonts/HandOfSean.svg#HandOfSean') format('svg'); font-weight: normal; font-style: normal; }
html, body { font-size: 14px; color: #989ea0; font-weight: normal; font-family: 'Montserrat-Regular', "serif"; }
body { background: #f7f7f7; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; font-weight: normal; font-family: 'HandOfSean'; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 0px; font-weight: normal; font-family: 'Montserrat-Bold'; }
p { line-height: 20px; }
a { color: #212121; }
a, a:focus, a:hover { outline: 0px; text-decoration: none; }
a:hover { color: #00adef; }
ul { padding: 0px; margin: 0px; }
li { list-style-type: none; }
.form-control::placeholder {
 color: #be1e2d;
}
.form-control::-moz-placeholder {
 color: #be1e2d;
}
.form-control::-webkit-placeholder {
 color: #be1e2d;
}
 @media(min-width:1170px) {
.container { max-width: 1170px; }
}
.header { background: #fff; width: 100%; display: inline-block; vertical-align: top; z-index: 99; }
.top-bar { color: #fff; padding: 0px; vertical-align: top; width: 100%; display: inline-block; background: #252161; margin-bottom: 5px; text-align: right; font-weight: 400; }
.top-bar ul li { display: inline-block; padding-left: 35px; margin: 5px 7px; position: relative; font-size: 17px; }
.top-bar ul li a { color: #f7931e; font-family: 'Montserrat-Bold'; }
.top-bar ul li span { padding-right: 4px; }
.top-bar ul li.quote-top:before { content: ""; background: url(../images/header-quote-icon.png) no-repeat 0px 0px; width: 23px; height: 23px; position: absolute; left: 0px; }
.top-bar ul li.facebook:before { content: ""; background: url(../images/header-facebook-icon.png) no-repeat 0px 0px; width: 24px; height: 24px; position: absolute; left: 0px; top: 2px; }
.top-bar ul li.followus:before { content: ""; background: url(../images/header-twitter-icon.png) no-repeat 0px 0px; width: 24px; height: 24px; position: absolute; left: 0px; top: 2px; }
.top-bar ul li.payment:before { content: ""; background: url(../images/header-payment-icon.png) no-repeat 0px 0px; width: 29px; height: 20px; position: absolute; left: 0px; top: 3px; }
.right-top-info { text-align: right; float: right; padding-top: 24px; width: 56%; }
.trusttrader { float: left; padding: 12px 50px 0 0; }
.header-quote-button { float: left; padding-top: 31px; }
.header-quote-button .get-but { margin: 0px; }
.right-top-info ul li { vertical-align: top; font-size: 18px; line-height: 24px; padding: 2px 0px; }
.right-top-info ul li span { display: block; }
.call-today-text { font-size: 24px; color: #252161; display: block; line-height: 24px; }
.right-top-info ul li .phoneno a { font-size: 27px; color: #be1e2d; font-family: 'Montserrat-Bold'; line-height: 28px; }
.opening-hour { color: #252161; }
.time { color: #be1e2d; font-family: 'Montserrat-Bold'; }
/********header*************/
.main-nav { display: inline-block; width: 100%; padding: 10px 0px 10px 0px; border-top: 1px solid #929599; margin-top: 15px; }
.header .navbar { min-height: inherit; background-color: transparent; border: none; margin: 0px; padding: 0px; }
.header .navbar-brand { height: auto; margin: 5px 0; padding: 0; float: left; }

 @media (min-width:768px) {
.header { padding-top: 32px; }
.top-bar { position: fixed; top: 0px; z-index: 99; }
}
 @media (min-width:992px) {
.navbar-toggleable-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch; }
.navbar-nav { -ms-flex-direction: inherit; flex-direction: inherit; }
.navbar-toggleable-md .navbar-toggler { display: none; }
.navbar-toggleable-md .navbar-nav { width: 100%; }
.navbar-toggler { display: none; }
}
/*******slider*********/

.slider { width: 100%; display: inline-block; position: relative; }
.home-banner-wrap { display: flex; flex-wrap: wrap; height: 100%; /*	background: url(../images/home-banner-graphic.png) no-repeat 0px 0px;*/
position: relative; }
.home-banner-wrap:before { content: ""; background: url(../images/slide-effect.png) no-repeat bottom left; height: 100%; width: 189px; position: absolute; bottom: 0px; left: 50%; z-index: 1; }
.home-banner-wrap:after { content: ""; background: #f7f8f8 url(../images/slide-icon.png) no-repeat bottom left; height: 100%; width: 50%; position: absolute; bottom: 0px; left: 0px; top: 0px; }
.home-banner-bg { padding: 10px 15px; max-width: 1170px; margin: 0 auto; width: 100%; position: relative; z-index: 2; }
.home-banner-bg h1 { font-size: 40px; margin-bottom: 20px; color: #252161; }
.home-banner-bg h4 { font-size: 30px; margin-bottom: 20px; color: #252161; font-family: 'Montserrat-Regular', "serif"; line-height: 30px; }
.home-banner-bg p { font-size: 25px; line-height: 26px; color: #be1e2d; }
.home-banner-bg p span { color: #252161; }
.slidefour p { font-size: 18px; line-height: 22px; }
.home-banner-cont { height: 100%; justify-content: center; display: flex; flex-flow: column; }
.get-but { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292261+0,6b204a+54,b61e31+100 */
background: #292261; /* Old browsers */ background: -moz-linear-gradient(top, #292261 0%, #6b204a 54%, #b61e31 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #292261 0%, #6b204a 54%, #b61e31 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #292261 0%, #6b204a 54%, #b61e31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292261', endColorstr='#b61e31', GradientType=0 ); /* IE6-9 */
color: #fff; font-size: 18px; border-radius: 18px; box-shadow: 2px 6px 15px rgba(190,30,45,0.4); display: inline-block; text-align: center; padding: 7px 20px; margin-top: 20px; }
.get-but:hover { color: #fff; }
#mainslider .carousel-control-next, #mainslider .carousel-control-prev { width: 50px; box-shadow: none; }
#mainslider .carousel-control-prev-icon, #mainslider .carousel-control-next-icon { background-image: none; }
#mainslider .carousel-control-prev-icon:before { content: "\f053"; font-family: 'FontAwesome'; font-size: 20px; color: #be1e2d; }
#mainslider .carousel-control-next-icon:after { content: "\f054"; font-family: 'FontAwesome'; font-size: 20px; color: #be1e2d; }
/********************slider***************/

.carousel-item { height: 490px; min-height: 300px; background-position: center right; background-repeat: no-repeat; }
/************heading************/

h2 { font-size: 35px; color: #252161; margin-bottom: 30px; }
/*******welcome-home-sec*************/

.welcome-home-sec { padding: 70px 0px; text-align: center; font-size: 1.3rem; background: #fff; }
.welcome-home-sec h2 { font-size: 40px; }
.welcome-home-sec h4 { font-size: 1.3rem; margin-bottom: 20px; }
/***************easy-steps-sec**********/

.easy-steps-sec { background: #f7f7f7; padding: 60px 0px; text-align: center; position: relative; z-index: 9; }
.easy-steps-sec:before { content: ""; background: url(../images/home-line-graphic.png) no-repeat center center; position: absolute; height: 127px; width: 100%; left: 0px; right: 0px; top: 260px; }
.easy-steps-info { display: inline-block; width: 100%; padding: 70px 0px; }
.easy-steps-info ul { display: flex; }
.easy-steps-info ul li { flex-basis: 25%; }
.round-box { background: #fff; border-radius: 50%; width: 140px; height: 140px; display: inline-block; text-align: center; line-height: 140px; margin-bottom: 15px; box-shadow: 2px 6px 15px rgba(190,30,45,0.2); }
.easy-steps-info ul li h4 { color: #252161; font-size: 26px; font-family: 'Montserrat-Regular'; margin-bottom: 15px; }
.click-here { border-radius: 30px; color: #252161; font-size: 20px; padding: 8px 20px; display: inline-block; margin-top: 10px; border: 2px solid #252161; position: relative; }
.click-here:hover { background: #252161; color: #fff; }
.easy-steps-sec .click-here { padding-left: 60px; line-height: 50px; font-size: 27px }
.easy-steps-sec .click-here:before { content: ""; position: absolute; left: 17px; width: 30px; height: 43px; background: url(../images/mouse-icon.png) no-repeat 0px 0px; background-size: 100%; top: 10px; }
.easy-steps-sec .click-here:hover:before { background: url(../images/mouse-icon-hover.png) no-repeat 0px 0px; background-size: 100%; }
/****************home-instant-boiler-sec*********/


.home-instant-boiler-sec { padding: 0 0 15px 0; text-align: center; background: #fff; }
.home-instant-boiler-sec h2 { color: #be1e2d; }
.home-instant-but { padding: 40px 0px 30px 0px; }
.home-instant-but a { display: inline-block; border: 2px solid #e7e7e8; padding: 10px 10px; min-width: 230px; text-align: center; margin: 0px 17px; border-radius: 5px; color: #425e7d; font-size: 16px; }
.gas-meter { background: #f5fafc; color: #477796; border-top: 1px solid #dbe6e6; padding: 10px; }
.gas-meter i { color: #5d9dff; font-size: 24px; }
.gas-meter span { vertical-align: top; padding-top: 3px; display: inline-block; }
/**********button**************/

.button { border-radius: 15px; color: #fff; font-size: 18px; padding: 5px 18px; display: inline-block; margin: 2px 0px; text-align: center; border: 2px solid #fff; }
.button:hover { background: #be1e2d; border-color: #be1e2d; color: #fff; }
/**************accreditations-wrap************/

.accreditations-wrap { padding: 50px 0px 200px 0px; text-align: center; font-size: 19px; background: #f8f8fa; position: relative; }
.accreditations-wrap ul { padding-top: 25px; display: flex; justify-content: center; }
.accreditations-wrap ul li { padding: 5px 25px; }
.accreditations-wrap ul li img { max-width: 100%; }
.accreditations-wrap:before { background: #f8f8fa url(../images/our-services-effect.png) no-repeat bottom center; position: absolute; content: ""; width: 100%; height: 300px; left: 0px; right: 0px; background-size: 100%; bottom: 0px; }
/***************our-servies-home**************/

.our-servies-home { background: #282560; padding: 30px 0px; text-align: center; color: #fff; position: relative; }
.our-tag { display: block; font-size: 25px; padding-bottom: 5px; }
.our-servies-home h4 { font-size: 25px; font-family: 'Montserrat-Bold'; }
.our-servies-list { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: left; -ms-flex-align: left; align-items: left; text-align: left; padding: 30px 0px; }
.our-servies-list > ul { padding-right: 20px; }
.our-servies-list ul li { position: relative; padding-left: 20px; font-size: 17px; line-height: 22px; }
.our-servies-list ul li:before { content: "."; font-size: 20px; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 13px; }
/***************home-review**************/

.home-review { background-attachment: fixed; background-image: url(../images/home-testimonials-background_470px_parallax.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; padding: 50px 0px; text-align: center; color: #404041; font-size: 18px; }
.home-review h3 { color: #be1e2d; margin-bottom: 25px; }
.home-review-cont { background: rgba(255,255,255,0.8); padding: 30px 30px; margin-bottom: 20px; margin-top: 30px; min-height: 280px; box-shadow: 0px 0px 8px #333; }
/*****************aresa-cover-home ************/

.aresa-cover-home { background-attachment: fixed; background-image: url(../images/areas-we-cover-background_320px.png); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 70px 0px; color: #fff; font-size: 23px; font-weight: 400; }
.aresa-cover-list { display: inline-block; width: 100%; padding-left: 72px; }
.aresa-cover-home h3 { color: #fff; font-size: 40px; }
.aresa-sub { display: block; padding-bottom: 20px; font-family: 'Montserrat-Bold'; overflow: hidden; font-size: 19px; }
.aresa-cover-list ul li { display: inline-block; padding: 2px 10px 2px 20px; width: 32%; position: relative; vertical-align: top; }
.aresa-cover-list ul li:before { content: "."; font-size: 25px; font-weight: bold; position: absolute; left: 0px; top: 7px; line-height: 13px; }
.loctionicon { float: left; padding-right: 20px; padding-top: 6px; }
/**********footer************/
.top-footer { background: #fff; padding: 70px 0px 60px 0px; }
.top-footer h4 { color: #be1e2d; font-size: 18px; }
.top-footer ul.f-contact-info li { font-family: 'Montserrat-Bold'; font-size: 17px; margin-bottom: 20px; }
.top-footer ul li span { float: left; margin-right: 10px; color: #fdfdfd; width: 21px; font-size: 18px; }
.top-footer ul li p { margin: 0px; overflow: hidden; padding-top: 0px; color: #be1e2d; }
.top-footer ul li p strong { font-weight: normal; color: #929599; font-family: 'Montserrat-Regular'; }
.top-footer ul { margin: 0; padding: 0; }
.top-footer ul li { line-height: 20px; list-style: none; font-size: 15px; }
.top-footer .footer-link li a { color: #929599; position: relative; }
.top-footer .footer-link li:hover a { color: #be1e2d; }
.top-footer .footer-link li { margin-bottom: 0px; font-weight: 400; vertical-align: top; }
.social-icon li { margin-bottom: 20px; text-align: center; }
.map { text-align: center; }
.bot-footer { background: #be1e2d; padding: 15px 0; text-align: center; font-size: 15px; }
.bot-footer .copy { color: #fff; margin: 0px; }
.bot-footer .copy span { font-size: 38px; line-height: 20px; display: inline-block; vertical-align: top; font-family: 'Montserrat-Bold'; }
/************inner-banner***********/

.inner-banner { background: #eab7bb url(../images/bannerbg.jpg) repeat-x left top; padding: 140px 0px 250px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 300px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.inner-banner:before { content: ""; background: url(../images/inner-banner-icon.png) no-repeat center bottom; width: 418px; height: 801px; position: absolute; top: 0px; right: 15%; }
.inner-banner h2 { color: #fff; }
.inner-banner p { line-height: 28px; }
.team-sec { width: 100%; display: inline-block; padding: 30px 0px; text-align: center; }
.team-mamber { display: inline-block; position: relative; margin-bottom: 25px; }
.team-pic { border-radius: 50%; overflow: hidden; display: inline-block; }
.teamarrow { position: absolute; bottom: 5px; background: #bf1e2e; border-radius: 50%; width: 60px; height: 60px; line-height: 65px; color: #fff; text-align: center; right: 0px; font-size: 26px; padding-left: 4px; }
.teamarrow:hover { background: #eb191c; color: #fff; }
.team-sec h4 { color: #252161; text-transform: capitalize; font-size: 30px; font-family: 'HandOfSean'; }
.team-sec h5 { color: #404041; text-transform: capitalize; }
/**************bgnone********/



.bgnone:before { display: none; }
.bgnone { padding: 100px 0px; }
.footerinner { background: #262626; color: #fff; }
.top-footer.footerinner ul li p, .top-footer.footerinner ul li p strong, .top-footer.footerinner h4, .top-footer.footerinner li a { color: #fff; }
/***********blue-bg**********/


.blue-bg { background: #b8b7cc url(../images/blue-bg.jpg) repeat-x left top; color: #fff; font-size: 20px; }
.blue-bg:before { background: url(../images/inner-banner-blue-icon.png) no-repeat left top; }
.blue-bg h2 { font-size: 40px; }
.customers-feedback { display: flex; width: 100%; position: relative; z-index: 2; font-size: 19px; }
.reviewprofile { text-align: center; }
.review-first { flex-basis: 45%; }
.review-two { flex-basis: 55%; }
.reviewprofile strong { display: block; }
.review-star { display: inline-block; padding: 10px 0px; width: 100%; font-size: 22px; }
.review-star .fa { color: #ffe32e; }
.view-profile-link { clear: both; }
.view-profile-link a { color: #fff; }
.view-profile-link a:hover { color: #252161; }
.review-bar { display: inline-block; background: #ffe32e; color: #929599; margin: 10px 0px; width: 100%; max-width: 311px; }
/**********customer-wrap*********/

.customer-wrap { padding-top: 50px; display: inline-block; width: 100%; color: #252161; font-size: 17px; }
.customer-wrap p { line-height: 26px; }
.customer-wrap h3 { color: #bf1e2e; font-size: 30px; padding-bottom: 10px; }
.customer-wrap .date { display: block; font-weight: 600; }
.customer-review { padding: 0px 0px 5px 0px; }
.customer-review p { margin: 0px 0px 5px 0px; }
.customer-star { font-size: 28px; color: #bf1e2e; display: block; line-height: 24px; padding: 0px 0px 5px 0px; }
/*************gallery-image*********/
.galler-banner:after { background: url(../images/gallery-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 0px; width: 850px; height: 750px; z-index: 1; }
.gallery-image { margin-top: 30px; }
.gallery-cont { position: relative; z-index: 2; }
/*********heating-plumbing************/

.heating-plumbing { background: #252161; color: #fff; padding: 40px 0px; font-size: 18px; }
.heating-plumbing h2 { color: #fff; }
.contact-but { background: #fff; padding: 10px 15px; border-radius: 15px; color: #252161; font-size: 18px; margin-left: 20px; display: inline-block; }
.contact-but:hover { background: #be1e2d; color: #fff; }
.point { padding-top: 10px; }
.point li { position: relative; padding-left: 20px; }
.point li::before { position: absolute; left: 0px; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #fff; top: 11px; }
.contant-list a { color: #bf1e2e; }
.contant-list a:hover { color: #252161; }
.contant-list { text-align: center; color: #252161; font-size: 18px; }
.contant-list h2 { color: #bf1e2e; margin-top: 60px; font-size: 40px; margin-bottom: 30px; }
.contant-list p { margin-bottom: 25px; line-height: 28px; }
/*********************worcester-banner-image**********/

.worcester-banner { padding-top: 80px; }
.worcester-banner.blue-bg::before { right: -20px; background: url(../images/worcester-icon.png) no-repeat 0px 0px; }
.worcester-banner-image:after { background: url(../images/worcester-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 15%; width: 508px; height: 626px; z-index: 1; }
/*******gas-boiler*******/
.gas-boiler { padding-bottom: 300px; }
.gas-boiler:before { background: url(../images/boiler-icon.png) no-repeat 0px 0px; }
.sub-heading { font-size: 18px; }
.boiler-images { position: absolute; right: 25%; }
.boiler-installations { padding-bottom: 100px; }
/*************safe-registered***********/

.safe-registered { background: #989ea0 url(../images/gas-safe.png) no-repeat top right; width: 100%; color: #fff; padding: 50px 0px 30px 0px; }
.safe-registered-contant { font-size: 18px; padding-bottom: 10px; }
.safe-registered-contant a { color: #ffff00; }
.safe-registered-contant a:hover { color: #be1e2d; }
.safe-registered h4 { font-size: 25px; margin-bottom: 20px; }
/**************servicing-repairs-wrap***********/

.servicing-repairs-wrap { padding: 170px 0px 350px 0px; }
.servicing-repairs-wrap:before { background: url(../images/servicing-icon.png) no-repeat 0px 0px; right: 0px; }
.servicing-repairs-banner:after { background: url(../images/servicing&repairs_banner_image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 7%; width: 680px; height: 770px; z-index: 1; }
.thebenefits { display: inline-block; counter-reset: section; }
.thebenefits li { text-align: left; position: relative; padding: 5px 0px 5px 55px; }
.thebenefits li:before { position: absolute; content: counters(section, ".")" ."; counter-increment: section; left: 0px; top: -4px; font-size: 30px; color: #bf1e2e; font-family: 'HandOfSean'; }
/***************heating-images************/

.heating-images:after { background: url(../images/underfloor-heating-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 7%; width: 503px; height: 685px; z-index: 1; }
/*************smart-controls-wrap**********/

.smart-controls-wrap { padding-bottom: 330px; }
.smart-controls-wrap:before { background: url(../images/smart-controls-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 0; width: 882px; height: 783px; }
/*************smart-page**************/

.smart-page { background: #fff; }
.smart-page .inner-banner::after { background: url(../images/page-background-white.png) no-repeat center bottom; background-size: 100%; }
.smart-controls { padding: 40px 0px; }
.smart-controls-cont { margin: 30px 0px; display: inline-block; width: 100%; text-align: center; color: #252161; font-size: 18px; }
.smart-controls-cont h3 { font-size: 30px; color: #bf1e2e; padding-bottom: 10px; }
.smart-controls-cont ul { display: inline-block; }
.smart-controls-cont .point li { text-align: left; }
.smart-controls-cont .point li::before { background: #252161; width: 4px; height: 4px; }
.smart-controls-info { min-height: 180px; padding-bottom: 15px; }
.find-more { border: 1px solid #bf1e2e; color: #bf1e2e; font-size: 15px; padding: 4px 10px; border-radius: 12px; }
.find-more:hover { background: #bf1e2e; color: #fff; }
/**************bathroom-banner*****************/
.blue-bg.bathroom-banner { padding-bottom: 340px }
.blue-bg.bathroom-banner::before { right: -20px; background: url(../images/worcester-icon.png) no-repeat 0px 0px; }
.bathroom-banner-image:after { background: url(../images/bathrooms-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 70px; right: 10%; width: 644px; height: 568px; z-index: 1; }
.recentwork { padding-bottom: 70px; }
.recentwork a { color: #f7941e; }
/*************plumbing-banner************/


.blue-bg.plumbing-banner { padding-bottom: 340px }
.blue-bg.plumbing-banner::before { right: 10%; background: url(../images/worcester-icon.png) no-repeat 0px 0px; }
.plumbing-banner-image:after { background: url(../images/plumbing_banner_image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 70px; right: 20%; width: 373px; height: 651px; z-index: 1; }
.blue-bg.plumbing-banner p { margin-bottom: 30px; }
.plumbing-servies-list { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: left; -ms-flex-align: left; align-items: left; text-align: left; padding: 30px 0px; margin-bottom: 60px; }
.plumbing-servies-list > ul { padding-right: 20px; }
.plumbing-servies-list ul li { position: relative; padding-left: 20px; line-height: 24px; }
.plumbing-servies-list ul li::before { content: "."; font-size: 24px; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 11px; }
/*************Blog-banner************/


.blue-bg.blog-banner { padding-bottom: 340px }
.blue-bg.blog-banner::before { right: 10%; background: url(../images/worcester-icon.png) no-repeat 0px 0px; }
.blog-banner-image:after { background: url(../images/newspaper.png) no-repeat bottom right; content: ""; position: absolute; bottom: 70px; right: 15%; width: 723px; height: 515px; z-index: 1; }
.blue-bg.blog-banner p { margin-bottom: 30px; }
/*************appointment-banner-image********/

.appointment-banner-image:after { background: url(../images/appointment-banner-image.png) no-repeat bottom right; content: ""; position: absolute; bottom: 0px; right: 10%; width: 550px; height: 749px; z-index: 1; }
/***************request***********/


.request-form { display: inline-block; width: 100%; text-align: left; }
.request-form .form-group label { font-size: 14px; color: #58585a; margin: 0px; }
.request-form .form-group { flex-basis: 100%; margin-bottom: 5px; }
.request-form .form-group .form-control { border: 1px solid #88898c; border-radius: 2px; background: #f7f7f7; color: #333; }
.request-form form { display: flex; flex-wrap: wrap; }
.request-form .form-group.title-fild { flex-basis: 30%; }
.request-form .form-group.fullname-fild { flex-basis: 70%;/*padding-left: 20px;*/
}
.request-form .form-group.city-fild { flex-basis: 50%;/*padding-right: 10px;*/
}
.request-form .form-group.postcode-fild { flex-basis: 50%;/*padding-left: 10px; */
}
.btn-primary { background: #be1e2d; border-color: #be1e2d; color: #fff; padding: 6px 15px; border-radius: 10px; font-size: 15px; }
.btn-primary:hover, .btn-primary:focus { background: #252161; border-color: #252161; box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background: #252161; border-color: #252161; }
.request-time { background: #be1e2d; color: #fff; width: 100%; padding: 20px 15px; border-radius: 15px; }
.deta-text { font-family: 'Montserrat-Bold'; display: block; font-size: 140px; line-height: 120px; }
.month-text { display: block; font-size: 33px; font-family: 'Montserrat-Bold'; }
.time-text { display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px; }
.request-time p { font-size: 16px; line-height: normal; }
.request-time .submit-but { background: #fff; border-radius: 10px; padding: 2px 25px; display: inline-block; font-weight: bold; }
.contact-info { padding-top: 20px; }
.contact-info li p.phone { font-size: 35px; font-family: 'Montserrat-Bold'; line-height: 32px; }
.contact-info li span { float: left; width: 50px; }
.contact-info li { margin-bottom: 15px; display: inline-block; width: 100%; }
.contact-info li p { overflow: hidden; }
/**********contact-form*********/


.contact-banner:before { background: url(../images/contact-blue-icon.png) no-repeat 0px 0px; right: 0px; height: 930px; }
.contact-form { display: inline-block; width: 100%; }
.contact-form .form-group .form-control { border: 1px solid #ffffff; background: #ffffff; color: #be1e2d; min-height: 52px; font-size: 19px; }
.contact-form .btn-primary { font-size: 20px; border-radius: 5px; padding: 5px 20px; }
.aresa-cover-contact { padding: 50px 0px; }
.aresa-cover-contact .aresa-sub { font-size: 21px; }
.aresa-cover-contact .aresa-cover-list ul li { width: auto; margin-right: 20px; }
.newgasboiler { position: relative; z-index: 2; }
.mailform { color: red; display: none; }
.aresa-cover-list li a { color: #fff; }
