/*
Theme Name: Twenty Seventeen Child No Owl
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 2.5.1614319203-no-owl
Updated: 2026-03-26 00:00:00

*/

/*----------------- root -----------------*/
:root {
	--Quicksand:'Quicksand', sans-serif;
	--Raleway:'Raleway', sans-serif;
	--Montserrat:'Montserrat', sans-serif;
    --main-color: #fec93d;
    --header-top-background-color: #192942;
    --dark-blue: #182841;
    --header-color: #fff;
    --testimonial-background: #263e60;
    --footer: #2f3d56;
    --header-top-padding: calc(25px + (40 - 25)*((100vw - 1200px)/(1920 - 1200)));
    --font-20: calc(15px + (20 - 15)*((100vw - 1200px)/(1920 - 1200)));
    --margin-30: calc(15px + (30 - 15)*((100vw - 1200px)/(1920 - 1200)));
    --margin-40: calc(15px + (40 - 15)*((100vw - 1200px)/(1920 - 1200)));
    --margin-45: calc(15px + (45 - 15)*((100vw - 1200px)/(1920 - 1200)));
    --margin-50: calc(25px + (50 - 25)*((100vw - 1200px)/(1920 - 1200)));
    --margin-60: calc(25px + (60 - 25)*((100vw - 1200px)/(1920 - 1200)));
    --margin-70: calc(25px + (70 - 25)*((100vw - 1200px)/(1920 - 1200)));
    --margin-80: calc(40px + (80 - 40)*((100vw - 1200px)/(1920 - 1200)));
    --margin-90: calc(40px + (90 - 40)*((100vw - 1200px)/(1920 - 1200)));
    --margin-110: calc(50px + (110 - 50)*((100vw - 1200px)/(1920 - 1200)));
    --wrap: calc(130px + (210 - 130)*((100vw - 1200px)/(1920 - 1200)));
    --font-15: calc(12px + (15 - 12)*((100vw - 1200px)/(1920 - 1200)));
    --font-17: calc(12px + (17 - 12)*((100vw - 1200px)/(1920 - 1200)));
    --font-18: calc(12px + (18 - 12)*((100vw - 1200px)/(1920 - 1200)));
    --font-20: calc(14px + (20 - 14)*((100vw - 1200px)/(1920 - 1200)));
    --font-21: calc(14px + (21 - 14)*((100vw - 1200px)/(1920 - 1200)));
    --font-23: calc(14px + (23 - 14)*((100vw - 1200px)/(1920 - 1200)));
    --font-25: calc(19px + (25 - 19)*((100vw - 1200px)/(1920 - 1200)));
    --font-26: calc(20px + (26 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-27: calc(20px + (27 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-28: calc(20px + (28 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-30: calc(20px + (30 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-34: calc(20px + (34 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-35: calc(20px + (35 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-45: calc(20px + (45 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-60: calc(20px + (60 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-69: calc(20px + (69 - 20)*((100vw - 1200px)/(1920 - 1200)));
    --font-80: calc(35px + (80 - 35)*((100vw - 1200px)/(1920 - 1200)));
}
@keyframes scrolltop{
	0%{top:-100px;opacity: .4;}
	100%{top:0;opacity: 1;}
}



.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
	box-shadow: inherit !important;
}

.nav-ul li a span{color: #000 !important;}
/*----------------- Container -----------------*/
#masthead .header_top .wrap {padding-left: var(--header-top-padding);padding-right: var(--header-top-padding);}
.wrap, .page-one-column .panel-content .wrap {max-width: 100%;padding-left: var(--wrap);padding-right: var(--wrap);padding-top: 0;padding-bottom: 0;}
h1.vc_custom_heading{font-size: var(--font-60);font-weight: 400;text-transform: uppercase;font-family: var(--Quicksand);color: #000;padding-bottom: 15px;padding-top: 0;margin-bottom: 0;line-height: 1;position: relative;}
h1.vc_custom_heading::after{content: "";display: block; position: absolute;bottom: 0;left: 50%;width: 13%;background-color: #000;height: 2px;transform: translate(-50%);}
h2.vc_custom_heading{font-family: var(--Raleway); font-weight: 800; font-size: var(--font-34);color: #000;margin-bottom: var(--margin-45);}
h3.vc_custom_heading{padding: 0;font-weight: 500;font-family: var(--Raleway);color: #000;line-height: normal;font-size: var(--font-45);margin-bottom: var(--margin-45);}
h4.vc_custom_heading{font-family: var(--Raleway);font-weight: 600; font-size: var(--font-21);color: #000;margin: 0}
p{font-family: var(--Raleway);font-weight: 300;color: #284565;font-size: calc(12px + (19 - 12)*((100vw - 320px)/(1920 - 320)));line-height: 1.4;}
p strong{font-weight: 600;line-height: normal;}
.p-80{padding-top: var(--margin-80);}
.p-b-80{padding-bottom: var(--margin-80);}
.dark-blue{background-color: var(--dark-blue);color: #fff;}
.dark-blue:hover{background-color: transparent;color: var(--dark-blue);border: 1px solid var(--dark-blue);}
a:focus {outline: 0;}
a{box-shadow: none !important;}
.fa-facebook-f::before, .fa-facebook::before {content: "\f39e" !important;}
.vc_col-md-7 {width: 58.33333333%;}
.vc_col-md-5 {width: 41.66666667%;}



/*----------------- Heder Top -----------------*/
.widget{padding-bottom: 0;}
.header_top{background-color: var(--header-top-background-color);padding: 10px 0;transition: all 0.5s linear;}
#header-top_bar{color: var(--header-color);}
.header_top .wrap {display: flex;justify-content: space-between;align-content: center;align-items: center;}
.header_top .wrap::after{display: none;}

/*---- Socials icon --*/
.social-link{margin:0 !important;list-style: none !important;display: flex;}
.social-link li{padding: 0 !important;margin-right: 9px;}
.social-link li:last-child{margin-right: 0;}
.social-link li a{box-shadow: none !important;height: 38px;width: 38px;border:2px solid #fff;border-radius: 50%;color: #fff;display: flex;align-content: center;align-items: center;justify-content: center;}
.social-link li a.facebook-i:hover, #colophon .social-link li a.facebook-i:hover{background-color: #3b5998;border:1px solid #3b5998 !important;color: #fff;}
.social-link li a.twitter-i:hover, #colophon .social-link li a.twitter-i:hover{background-color: #00acee;border:1px solid #00acee !important;color: #fff;}
.social-link li a.linkedin-in-i:hover, #colophon .social-link li a.linkedin-in-i:hover{background-color: #0e76a8;border:1px solid #0e76a8 !important;color: #fff;}
.social-link li a.instagram-i:hover, #colophon .social-link li a.instagram-i:hover{background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color: #fff;border: none;}


/*---- Header Top Right --*/
.top-right-header{margin: 0;list-style: none;display: flex;align-content: center;align-items: center;}
.top-right-header li, .top-right-header li a{transition: all 0.5s linear; display: inline-block;line-height: normal; color: #fff;font-family: var(--Montserrat);font-weight: 300;font-size: var(--font-18);}
.top-right-header li a:hover{color: var(--main-color);}
.top-right-header li{margin-right: 30px;display: flex;align-items: center;align-content: center;letter-spacing: 0.6px;}
.top-right-header li:last-child{margin-right: 0;}
.top-right-header .mail-icon a{transition: all 0.5s linear; padding: 7px 25px; border-radius: 25px; border:2px solid #fff;font-weight: 600;font-size: var(--font-20);text-transform: uppercase;}
.top-right-header .mail-icon a:hover{border:2px solid var(--main-color); background-color: var(--main-color);color: #fff;}
.top-right-header li i{margin-right: var(--margin-30);font-size: var(--font-26);}
#header-top_bar .widget_text ul{margin: 0;}
#masthead .wrap::after{display: none;}
#masthead .wrap{display: flex;align-content: center;align-items: center;justify-content: space-between;}
.custom-logo-link img{display: block;max-width: 390px;}
.main-navigation ul ul a{width: 17em;}
.lodo-sidebar a{padding: 0;}
.top-right-header .phone-icon i {transform: rotate(-36deg);}

/*----- menu ---*/
.navigation-top{position: inherit;background-color: inherit;border: 0;width: auto;}
.main-navigation a {cursor: pointer;line-height: normal;position: relative; padding: 10px;text-transform: uppercase;font-family: var(--Quicksand);font-weight: 400;color: #fff; transition: all 0.5s linear;
font-size:calc(12px + (17 - 12)*((100vw - 1190px)/(1920 - 1190)));}
.main-navigation a:hover{color: var(--main-color);}
.main-navigation #top-menu > li.current-menu-item > a{font-weight: 500;color: var(--main-color);}
#top-menu li:last-child a{padding-right: 0;}
.dropdown-toggle{right: 0;}
.main-navigation ul ul {padding: 0;background-color: var(--dark-blue);}
.main-navigation #top-menu a::after{content: "";position: absolute;width: 0;height: 1px;background: #fff;bottom: -1px;left: 0;transition: .4s linear;}
.main-navigation #top-menu a:hover::after {width: 100%;}
.main-navigation #top-menu .current_page_item a::after {width: 100% !important;}
.main-navigation #top-menu ul.sub-menu a {
    padding: 10px;
    background: #182841;
}


/*--- Header ---*/
#masthead .custom-header .site-branding{padding: 40px 0;margin-bottom: 0 !important;}
.site-branding a:hover, .site-branding a:focus{opacity: 1 !important;}
.home .entry-header{display: none;}
#masthead{background-color: transparent;position: absolute;top: 0;left: 0;right: 0;z-index: 9;}
#masthead.header-fixed {position: fixed;left: 0;width: 100%;z-index: 9;top: 0;animation: scrolltop .7s linear;}


/*-- Slider---*/
.slider-img {width: 100%;float: left;clear: both;position: relative;}
.slider-img img{display: block !important;}
.slider-img .slider-text{position: absolute;top: 46%; left: auto;padding-left: var(--wrap);padding-right: var(--wrap);width: 100%;text-align: center;}
.slider-text h6,.slider-text p{color: #fff;font-family: var(--Quicksand);font-weight: 300;margin-bottom: 0;font-size: var(--font-25);line-height: 1;opacity: 0.8;}
.slider-text h2{color: #fff;font-family: var(--Quicksand);font-weight: 300;padding: 0;font-size: var(--font-80);margin-top: 30px;text-transform: uppercase;margin-bottom: var(--margin-90);line-height: 1;letter-spacing: 1px;}
.slider-text a{display: block;width: max-content;text-align: center;margin: 0 auto;font-weight: 500; font-size: var(--font-20); transition: all 0.5s linear; padding: 10px 35px;border-radius: 25px;border: 2px solid #fff;background-color: #0000004d;text-transform: capitalize;color: #fff;}
.slider-text a:hover{background-color: var(--main-color);border: 2px solid var(--main-color);}
.h-text-right.medal_header .location-icon ,.h-text-right.medal_header .phone-icon,.h-text-right.medal_header{display: none;}
#masthead.header-fixed .h-text-right.medal_header{display: block;}
#masthead.header-fixed .site-branding{padding: 30px 0;}

/*---- header fixed -----*/
#masthead.site-header.header-fixed .header_top {opacity: 0;padding: 0;height: 0;}
#masthead.site-header.header-fixed .custom-header{background-color: var(--header-top-background-color);margin-bottom: 0 !important;box-shadow: 0px 0px 8px 0px #000;}

/*--- Footer Second ---*/
#colophon{background-color: var(--footer);margin-top: 0;}
#colophon.site-footer .wrap{padding-top: 0;padding-bottom: 0;}
#colophon.site-footer > .wrap > .widget-area{margin-bottom: var(--margin-50);padding-top: var(--margin-90);}
#colophon .footer-widget-1{width: 30%;float: left;padding-right: 30px;}
#colophon .footer-widget-2{width: 30%;float: left;}
#colophon .footer-widget-3{width: 15%;float: left;}
#colophon .footer-widget-4{width: 25%;float: left;padding-left: 40px;}
#colophon .widget-area {padding-bottom: 0;padding-top: 0;}
h2.widget-title{padding-bottom: 10px; position: relative; font-family: var(--Raleway);font-weight: 400;font-size: var(--font-17);color: #fff;margin-bottom: 25px;letter-spacing: 0;}
h2.widget-title::after{position: absolute;bottom: 0;content: "";height: 1px;width: 80px;left: 0;background-color: #fff;line-height: 1;}
#colophon .widget ul li, #colophon .widget ol li{line-height: normal;font-size: var(--font-17);position: relative; border:0;padding: 0;margin-bottom: 20px;font-family: var(--Raleway);font-weight: 300;line-height: 1;}
#colophon .widget ul li a, #colophon .widget ol li a{transition: all 0.5s linear; font-size: var(--font-17);color: #fff;border:0; box-shadow: none;}
#colophon .widget ul li:last-child, #colophon .widget ol li:last-child{margin-bottom: 0;}
#colophon .widget ul li a:hover, #colophon .widget ol li a:hover{color: var(--main-color);}
.footer-social{margin-top: 25px;}
.footer-social h2::after{display: none;}
.footer-social .social-link{margin: 0;list-style: none;}
#colophon .social-link li a{border: 1px solid #fff !important;color: #fff !important;}
#colophon .social-link li{margin-bottom: 0 !important;margin-right: 20px;}
#colophon .contact-address ul{margin: 0;list-style: none;color: #fff;}
#colophon .contact-address ul li i::before{position: absolute;left: -30px;top: -3px;font-size: 20px;}
#colophon .contact-address ul li i.fa-phone-volume::before{transform: rotate(-36deg);}
#colophon{border-top: 0;}
#colophon .social-link li.linkedin-c{display: none;}
h2.widget-title {pointer-events: none;cursor: inherit;}

/*--- Site Info ----*/
#colophon .site-info{padding: 20px 0;margin: 0;width: 100%;border-top: 1px solid #37455d;}
#colophon .site-info p{margin-bottom: 0;line-height: normal;font-family: var(--Raleway);font-weight: 300;font-size: var(--font-15);color: #fff;letter-spacing: 0.5px;}


/*--- footer top ---*/
.footer_top .form-footer-image{background: url(image/Home/footer-banner.jpg) no-repeat;background-size: cover;padding-bottom: var(--margin-90); padding-top: var(--margin-90);}
.custom-form-section .vc_col-md-5{text-align: center;padding-left: var(--margin-110);display: flex;flex-wrap: wrap;justify-content: center;}
.custom-form-section .vc_col-md-5 ul{align-self: self-start;margin-bottom: 0;padding: 60px 0;max-width: 440px;width: 100%;background-color: #263755;border: 10px solid #303e57;text-align: center;color: #fff; list-style: none;}
.custom-form-section .vc_col-md-5 ul li, .custom-form-section .vc_col-md-5 ul li a{color: #fff;}
.custom-form-section .vc_col-md-5 h3{padding: 0;margin: 0;}
.custom-form-section{display: flex;}
.custom-form-section .vc_col-md-5 ul li{display: grid;}
.custom-form-section .vc_col-md-5 ul li a i {transition: all 0.5s linear;border: 1px solid var(--main-color);transform: rotate(-36deg);border-radius: 50%; font-size: 20px; background-color: var(--main-color); margin: 0 auto;width: 67px;height: 67px;text-align: center;display: flex;justify-content: center;align-content: center;align-items: center;margin-bottom: var(--margin-40);color: #000;}
.custom-form-section .vc_col-md-5 ul li a i::before{font-size: 28px;}
.custom-form-section .vc_col-md-5 ul li a strong{letter-spacing: normal;line-height: 1;font-family: var(--Raleway); font-weight: 500;font-size: var(--font-20);}
.custom-form-section .vc_col-md-5 ul li a{display: grid;justify-content: center;width: auto;margin: 0 auto;transition: all 0.5s linear; letter-spacing: 3px;font-family: var(--Quicksand);font-weight: 600;font-size: var(--font-30);color: #fff;}
.custom-form-section .vc_col-md-5 ul li a:hover{color: var(--main-color);}
.custom-form-section .vc_col-md-5 ul li a:hover i{background-color: transparent;color: var(--main-color);}

/*-form--*/
.custom-form-section h3{font-weight: 300; color: #fff; font-size: var(--font-35);margin-bottom: 20px;font-family: var(--Raleway);line-height: normal;}
.custom-form-section p{font-size: var(--font-20);color: #fff;font-family: var(--Raleway);font-weight: 300;margin-bottom: 0;}
.footer-form{width: 100%;float: left;margin: 30px -10px 0;display: flex;flex-wrap: wrap;}
.footer-form [class*="col-"] {float: left;padding: 0 10px;margin-bottom: 10px;width: 100%;}
.footer-form [class*="col-md-6"] {width: 50%;}
.footer-form input, ::placeholder{padding: 15px;line-height: normal;text-transform: capitalize;font-size: var(--font-18);font-weight: 300;font-family: var(--Raleway);}
.footer-form textarea, .footer-form input{background-color: #efefef;border-radius: 0;border: 2px solid #fff;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{
	box-shadow: 0 0px 4px 3px #fec93d;border: 2px solid #fff;
}
.footer-form input[type="number"]{-webkit-appearance: textfield;}
.footer-form textarea{max-height: 160px;resize: none;}
.footer-form input[type="submit"]{padding: 17px;max-width: 215px;width: 100%;text-align: center;background-color: var(--main-color);border: 1px solid var(--main-color); font-weight: 500; font-family: var(--Quicksand);text-transform: uppercase;font-size: var(--font-20);border-radius: 25px;color: #000;transition: all 0.5s linear;}
.footer-form input[type="submit"]:hover{background-color: transparent;border: 1px solid var(--main-color);color: #fff;}
.wpcf7-response-output{width: 100%; float: left;clear: both;margin-left: 0 !important;margin-bottom: 20px !important;font-size: 14px;}
.home .wpcf7-response-output{color: #fff;}

/*-- etc --col*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 0 !important;}


/*-- why choose us --*/
#why-choose-us-col{padding-left: var(--margin-90);}
#why-choose-us-col .why-choose-us p{margin-bottom: 0 !important;}
.why-choose-us .service-icon{margin: 0;list-style: none;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 60px;align-content: flex-start;align-items: flex-start;text-align: center;padding-top: var(--margin-60);padding-bottom: var(--margin-60);padding-left: 0;margin-top: 0;}
.why-choose-us .service-icon li{color: #000;padding: 0;justify-content: center;display: flex;flex-wrap: wrap;margin-bottom: 0 !important;position: inherit;padding-bottom: 0;line-height: normal;border-bottom: 0;color: inherit;font-size: inherit;font-family: inherit;font-weight: inherit;}
.why-choose-us .service-icon li::before{display:none;}
.why-choose-us .service-icon li div{position: relative; padding: 25px;border: 1px dotted var(--main-color);width: 100%;max-width: min-content;}
.why-choose-us .service-icon li div img {max-width: min-content;}
.why-choose-us .service-icon li div::before {content: "";position: absolute;top: 0;right: 0;display: block;width: 24px;height: 24px;background-color: var(--main-color);clip-path: polygon(1% 0, 100% 100%, 100% 0);}
.why-choose-us .service-icon li h4{padding: 0;padding-top: 15px;margin: 0;margin-top: 0px;padding-left: 0;margin-top: 0;}
.service-info ul{display: grid;grid-template-columns: 1fr 1fr;align-content: center;align-items: center;margin: 0;list-style: none;}
.service-info ul li{display: flex;align-content: center;align-items: center;padding: 0;padding-left: 40px;}
.service-info > ul li p{line-height: 22px;width: 100%;display: grid;margin: 0;margin-bottom: 0 !important;}
.service-info ul li{margin-bottom: 0 !important;}
.service-info ul li:first-child{padding-left: 0;padding-right: 40px;border-right: 1px solid var(--main-color);}
.service-info ul li img{padding-right: 12px;}
.service-info {padding: 40px 0;margin-bottom: var(--margin-50);border-top: 6px solid var(--main-color);border-bottom: 1px solid var(--main-color);}
#why-choose-us-col h3.vc_custom_heading::before {background-color: #000;height: 1px;right: 0;z-index: 3;left: -999em;content: '';display: block;position: absolute;width: 999em;top: 50%;}
#why-choose-us-col h3.vc_custom_heading{position: relative;margin-bottom: 10px;}

/*-- btn ---*/
.custom-btn{transition: all 0.5s linear !important; margin-top: 30px;display: block;width: 100%;max-width: 250px; text-align: center;text-transform: capitalize;font-family: var(--Raleway);font-size: var(--font-20);border-radius: 4px;border: 1px solid var(--dark-blue);padding: 20px;line-height: 1;}

.img-col-padding{padding-right: var(--wrap);}

/*-- plumber section --*/
.plumber-section-img p{margin: 0;}
.plumber-section-img img{display: block;position: relative;width: 100%;padding-bottom: 40px;}
.plumber-section-img .plumber-section-text{position: absolute;top: calc(50% - 20px);content: "";transform: translate(0%, -50%);left: 50%;}
.plumber-section-img{position: relative;overflow: hidden;}
.plumber-section-img::after{content: "";bottom: 1px;right: 0;background: url(image/Home/plumber-before-icon.png)no-repeat;position: absolute;width: 158px;height: 22px;}
.plumber-section-img .plumber-section-text h3 strong{line-height: 1;font-size: var(--font-60);font-weight: 500;letter-spacing: normal;}
.plumber-section-img .plumber-section-text h3{position: relative; font-family: var(--Raleway);display: grid;text-align: center;font-size: var(--font-27);font-weight: 300;color: #fff;letter-spacing: 4px;}
.plumber-section-img .plumber-section-text h3::after{background-color: #fff;height: 1px;z-index: 3;right: -999em;content: '';display: block;position: absolute;width: 999em;top: 50%;}
.plumber-page ul {list-style: none; display: grid;grid-template-columns: 1fr 1fr 1fr;align-content: center;align-items: center;margin: 0;}
.plumber-page ul li{text-align: center;padding: 15px 30px;border-bottom: 1px solid #0000001f;border-right: 1px solid #0000001f;display: flex;flex-wrap: wrap;justify-content: center;height: 100%;}
.plumber-page ul li:nth-child(3){border-right: 0;}
.plumber-page ul li:last-child{border-right: 0;}
.plumber-page{text-align: center;}
.plumber-page ul li h4{position: relative;margin-bottom: 35px !important;}
.plumber-page ul li h4::before{transition: all 0.5s linear; content: "";display: block;background: url(image/Home/page-icon/page-icon.png)no-repeat;width: 80px;height: 70px;margin: 0 auto;background-position: -9px -2px;margin-bottom: 20px;}
.plumber-page ul li h4.new-homes::before{background-position: -9px -2px;}
.plumber-page ul li h4.hot-water::before{background-position: -9px -140px;}
.plumber-page ul li h4.gas-fitting::before{background-position: -9px -210px;}
.plumber-page ul li h4.drainage::before{background-position: -9px -276px;}
.plumber-page ul li h4.roof-repair::before{background-position: -9px -342px;}
.plumber-page ul li:hover h4.new-homes::before{background-position: -95px -2px;}
.plumber-page ul li:hover h4.hot-water::before{background-position: -95px -140px;}
.plumber-page ul li:hover h4.gas-fitting::before{background-position: -95px -210px;}
.plumber-page ul li:hover h4.drainage::before{background-position: -95px -276px;}
.plumber-page ul li:hover h4.roof-repair::before{background-position: -95px -342px;}
.plumber-page ul ~ p{margin: 0;padding: 40px 0;line-height: 22px;}
.plumber-page ul li h4.domestic-commercial::before {background: url(image/cityscape.png) no-repeat;transform: scale(.7);width: 104px;height: 100px;margin-bottom: 0;margin-top: -13px;}
.plumber-page ul li:hover h4.domestic-commercial::before{background-position: -167px 0px !important;}
.plumber-page ul h4 a{transition: all 0.5s linear; font-family: var(--Raleway);font-weight: 600;font-size: var(--font-21);text-decoration: none;box-shadow: none;}
.plumber-page ul h4 a:hover{color: var(--main-color);}
.plumber-page ul > li p a{text-transform: capitalize;transition: all 0.5s linear; position: relative; margin: 0 auto;border: 1px solid var(--main-color);padding: 5px;max-width: 180px;width: 100%;display: block;line-height: 1;text-align: center;box-shadow: none;text-decoration: none;}
.plumber-page ul > li p a:hover{background-color: var(--main-color);}
.plumber-page ul > li p a::after{content: "";position: absolute;right:0;top: 50%;}
.plumber-page ul > li p a i{padding-left: 6px;}
.plumber-page ul li div ~ p{align-self: flex-end;width: 100%;}
.plumber-service-c{display: flex;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*--- Testimonail ---*/
.testimonial-col{padding-bottom: var(--margin-60);}
.testimonial-col h3.vc_custom_heading{color: #fff;text-transform: capitalize;}
.testimonial-col p{color: #fff;font-weight: 300;opacity: 0.8;margin: 0;}
.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-name {text-transform: capitalize;padding-left: 35px;color: #fff;width: calc(100% - 20%);float: right;text-align: left;font-family: var(--Raleway);font-weight: 600;font-size: var(--font-18);line-height: normal;letter-spacing: 1px;/*margin-top: 25px;*/width: 100%;}
#sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-rating {color: #ffb900;padding-left: 35px;/* width: calc(100% - 20%); */float: right;text-align: left;font-family: var(--Raleway);font-weight: 600;font-size: var(--font-18);line-height: normal;letter-spacing: 1px;/* margin-top: 25px; */width: 100%;}
.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-testimonial {color: #fff;width: 80%;float: left;margin-bottom: 0;padding-left: 35px;text-align: left;font-family: var(--Raleway);font-style: italic;font-weight: 300;font-size: var(--font-18);line-height: 21px;letter-spacing: 1px;opacity: 0.7;width: 100%;}
.testimonial-col .sp-testimonial-free-section .sp-tfree-client-image {width: 20%;float: left;margin-bottom: 0;display:none;}
.testimonial-col .sp-testimonial-free-section .sp-tfree-client-image img{display: block;}
.testimonial-col #sp-testimonial-free-138{padding-top: var(--margin-110);}
.sp-testimonial-free-section .slick-dots li button {text-indent: -999px;padding: 0;border: 0;display: block;background-color: #ffffff59 !important;width: 1px !important;height: 36px !important;border-radius: 0% !important;margin: 0px 10px !important;}
.sp-testimonial-free-section .slick-dots li {display: inline-block;border: 0;padding: 0;width: auto;height: auto;margin: 3px;overflow: hidden;}
.sp-testimonial-free-section .slick-dots li {margin: 0px;}
.slick-dots{display: flex;justify-content: center;align-content: center;}
#sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .slick-dots li.slick-active button {background: #fec93d !important;}
.sp-testimonial-free-section .slick-dots {margin-top: var(--margin-70);}
.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-testimonial .tfree-testimonial-content + p::before{content: "";position: absolute;background: url(image/Home/Testimonial/testimonial-text-icon.png) no-repeat;left: -30px;top: 0px;width: 19px;height: 18px;}
.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-testimonial .tfree-testimonial-content + p{position: relative;}
.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-testimonial .tfree-testimonial-content + p::after{content: "";position: absolute;background: url(image/Home/Testimonial/testimonial-text-icon.png) no-repeat;right: auto;width: 19px;height: 18px;bottom: 0;transform: rotate(180deg);margin-left: 10px;}


/*-- grid image --*/
.custom-masonry ul{margin: 0;list-style: none;}
.custom-masonry ul li{position: relative;height: 100%;overflow: hidden;}
.custom-masonry ul li img{display: block;max-width: 100%;height: 100%;width: 100%;transition: all  0.5s linear;}
/*.custom-masonry ul li img:hover {transform: scale(1.2);}*/
.custom-masonry ul li a{transition: all 0.5s linear; position: absolute;left: 0; top: 50%;transform: translate(0%, -50%);color: #fff;text-transform: uppercase;box-shadow: none;font-family: var(--Raleway);font-weight: 500;padding: 0 15px;text-align: center;width: 100%;font-size: 18px;}
.custom-masonry{display: grid;grid-template-columns: 38% auto;grid-column-gap: 3px;}
.custom-masonry .masonry-7 .masonry-7-first{display: grid;grid-template-columns: auto 38%;grid-column-gap: 10px;margin-bottom: 10px;margin-left: 7px;}
.custom-masonry .masonry-7 .masonry-7-second{display: grid;grid-template-columns: 38% auto;grid-column-gap: 10px;margin-left: 7px;}
.custom-masonry .masonry-5{display: flex;height: 100%;}
.custom-masonry ul li a:hover{color: var(--main-color);}



/* ====== Inner Page =====*/
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.page:not(.home) #content {padding: 0;}
.page:not(.home) #content p, .page:not(.home) #content li{margin-bottom: 15px;}
.page:not(.home) #content h6{text-transform: uppercase;}
.p-50{padding-top: var(--margin-50);width: 100%;float: left;}
h6{margin-bottom: 25px;line-height: normal;font-family: var(--Raleway); font-weight: 600;font-size: var(--font-23);padding-top: 0;}
.inner-page-contact-info{background-color: #fec93d;width: 100%; float: left;text-align: center;padding: 25px 0;}
.inner-page-contact-info p{font-size: var(--font-30);color: #000;margin-bottom: 0;line-height: 22px;margin-bottom: 20px !important;font-family: var(--Raleway);}
.inner-page-contact-info p:last-child{margin-bottom: 0 !important;}
.inner-page-contact-info h4{font-family: var(--Raleway); font-weight: 600;font-size: var(--font-30);color: #000;}
.inner-page-contact-info h4 strong{font-family: var(--Quicksand);letter-spacing: 3px;font-weight: 700;}
.inner-page-contact-info .number-info{padding: 0 50px;position: relative;}
.inner-page-contact-info .number-info::before{background-color: #fff;height: 5px;right: 0;z-index: 3;left: -999em;content: '';display: block;position: absolute;width: 999em;top: 50%;opacity: 40%;}
.inner-page-contact-info .number-info::after{background-color: #fff;height: 5px;left: auto;z-index: 3;right: -999em;content: '';display: block;position: absolute;width: 999em;top: 50%;opacity: 40%;}
.single-featured-image-header{position: relative;border: 0;}
.single-featured-image-header::before {content: "";display: block;left: 0;bottom: 0;right: 0;top: 0;background-color: rgb(0, 0, 0, 0.4);position: absolute;}
.page.page-id-188 .single-featured-image-header::before {background-color: rgba(0, 0, 0, 0.1);position: absolute;}
.custom-page-banner-title{position: absolute;left: auto;top: 50%;}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {color: #fff;font-size: var(--font-60);font-weight: 300;font-family: var(--Raleway);letter-spacing: 0.14em;text-transform: uppercase;margin-bottom: 20px;line-height: normal;}
.custom-page-banner-title p{color: #fff;margin-bottom: 0;max-width: 80%;}
.page:not(.home) #content h5.vc_custom_heading{margin-bottom: 20px;font-family: var(--Raleway); font-size: var(--font-18); font-weight: 700;color: #284565;text-transform: uppercase;letter-spacing: normal;}
.page:not(.home) #content ul.li-icon{width: 100%;float: left;list-style: none;margin: 0;padding-left: 50px;margin-top: 15px;}
.page:not(.home) #content ul.li-icon li{margin-bottom: 22px;position: relative; padding-bottom: 15px;line-height: normal;border-bottom: 1px solid var(--main-color);color: #284565;font-size: var(--font-15);font-family: var(--Raleway);font-weight: 400;}
.page:not(.home) #content ul.li-icon li::before{width: 38px;height: 38px;position: absolute;content: "";left: -50px;top: -10px;background: url(image/inner-page/li-icon.png) no-repeat;}
.page:not(.home) #content .vc_single_image-wrapper{position: relative;}
.page:not(.home) #content .vc_single_image-wrapper::after {z-index: -1;position: absolute;content: "";bottom: -40px;right: -40px;height: 299px;width: 299px;background-color: transparent;border-right: 22px solid var(--main-color);border-bottom: 22px solid var(--main-color);}
.page:not(.home) #content .vc_row-o-equal-height .vc_col-sm-6:last-child{padding-left: 40px;}
.page:not(.home) #content .vc_row-o-equal-height{overflow: visible;}
.page:not(.home) #content .wpb_single_image{position: relative;}
.page:not(.home) #content .wpb_single_image::after{background-color: var(--main-color);height: 100%;right: 0;z-index: 3;left: -999em;content: '';display: block;position: absolute;width: 999em;top: 0;bottom: 0;opacity: 40%;}


/*==== Contact Page ===*/
.page-id-175 .custom-page-banner-title{text-align: center;width: 100%;}
.page-id-175 .custom-page-banner-title p{max-width: 100%;}
.page-id-175 .custom-form-section h3,.page-id-175 .custom-form-section p{color: #000;}
.page-id-175 .custom-form-section .vc_col-md-5 ul{border: 10px solid #dcdddf;}
.contact-page-nu{width: 100%;float: left;}
.contact-page-nu ul{margin: 0;list-style: none;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 40px;justify-content: center;text-align: center;}
.contact-page-nu ul li{position: relative;margin-bottom: 0 !important;padding: 15px;display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;}
.contact-page-nu ul li a {transition: all 0.5s linear; display: grid;height: 100%;font-family: var(--Quicksand);font-weight: 400;font-size: var(--font-20);color: #000;}
.contact-page-nu ul li a:hover{color: var(--main-color);}
.contact-page-nu ul li div:hover img {filter: brightness(0) invert(1);}
.contact-page-nu ul li div {transition: all 0.5s linear; border-radius: 50%;height: 146px;width: 146px;border: 1px solid var(--main-color);display: flex;justify-content: center;align-content: center;align-items: center;margin-bottom: 20px;}
.contact-page-nu ul li div:hover {background-color: var(--main-color);}
.contact-page-nu ul li div img{max-width: min-content;margin: 0 auto;}
.contact-page-nu ul li p {width: 100%;float: left;clear: both;}
.contact-page-nu ul li.address-p a{font-size: var(--font-28);}
.page-id-175 #footer_top_bar .form-footer-image{display: none;}
body:not(.page-id-175) .google-map-c{display: none;}
.google-map-c iframe{width: 100%;float: left;margin: 0;height: 500px;}
.page-id-175 .footer-form input[type="submit"]:hover{color: var(--main-color);}

/*====== Testimonial =====*/
	#testimonial-page-c{background-color: var(--testimonial-background);padding-bottom: var(--margin-60);padding-top: var(--margin-80);}
	#testimonial-page-c p{color: #fff;font-weight: 300;opacity: 0.8;margin: 0;}
	#testimonial-page-c #sp-testimonial-free-wrapper-220 .sp-testimonial-free-section .tfree-client-name{padding-left: 0px;color: #fff;font-family: var(--Raleway);font-weight: 600;font-size: var(--font-18);line-height: normal;letter-spacing: 1px;margin-top: 25px;}
	#testimonial-page-c #sp-testimonial-free-wrapper-220 .sp-testimonial-free-section .slick-dots li button {background: rgba(255,255,255,0.3);}
	#testimonial-page-c #sp-testimonial-free-wrapper-220 .sp-testimonial-free-section .slick-dots li.slick-active button {background: #fec93d !important;}
.contact-page-nu ul li a{height: auto;}
body .main-navigation ul li.menu-item-has-children::after{border-color: transparent transparent #fff !important;}




/*===== Responsive =====*/

@media(min-width: 768px){
	/* ---- Destop Menu ----*/
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{left: 0 !important;}
	.main-navigation ul ul{background-color: transparent;border: 1px solid #bbb;}
	.main-navigation ul ul li a{padding: 10px;background: #182841;}
	.main-navigation ul ul li:last-child a{border-bottom: 0;}
	.main-navigation ul li.menu-item-has-children::before, .main-navigation ul li.page_item_has_children::before,.main-navigation ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children::after{border-color: transparent transparent var(--main-color) !important;}
    .main-navigation ul ul li.current_page_item a, .main-navigation ul ul li a:hover{color: var(--main-color); background-color: var(--dark-blue);}
	#colophon{position: fixed;z-index: -1;width: 100%;bottom: 0;}
}

@media(max-width: 1366px){

/*-- Slider --*/
    #masthead.header-fixed .wrap{padding-left: 40px;padding-right: 40px;}

}

@media(max-width: 1192px){

	/*-- Container --*/
	.wrap, .page-one-column .panel-content .wrap, #masthead .header_top .wrap, .slider-img .slider-text {padding-left: 15px;padding-right: 15px;}
    #masthead.header-fixed .wrap{padding-left: 15px;padding-right: 15px;}
	.p-80{padding-top: 30px;}
	.p-b-80 {padding-bottom: 30px;}
	h3.vc_custom_heading{margin-bottom: 15px;font-size: 20px;}
	h4.vc_custom_heading{font-size: 14px;}
	h2.vc_custom_heading{margin-bottom: 15px;font-size: 16px;}
	p, .custom-btn, #colophon .widget ul li a, #colophon .widget ol li a, .footer-form input[type="submit"], .footer-form input, ::placeholder,
	.custom-form-section .vc_col-md-5 ul li a strong, .custom-form-section p, #colophon .site-info p, .slider-text a, .main-navigation a,
	.custom-masonry ul li a,.top-right-header li, .top-right-header li a, .top-right-header .mail-icon a, .plumber-page ul h4 a,
	#colophon .widget ul li, #colophon .widget ol li {font-size: 14px;}
	h2.widget-title{font-size: 15px;}
	.custom-form-section .vc_col-md-5 ul li a i {width: 50px;height: 50px;margin-bottom: 10px;}
	.custom-form-section .vc_col-md-5 ul li a i::before {font-size: 20px;}
	.custom-form-section .vc_col-md-5 ul li a {font-size: 16px;}
	.custom-form-section h3 {font-size: 20px;}
	.footer_top .form-footer-image{padding-bottom: 40px;padding-top: 40px;}
	#colophon{padding-top: 40px;}
	#why-choose-us-col {padding-left: 15px;}
	.testimonial-col{padding-bottom: 30px;}
	.testimonial-col #sp-testimonial-free-wrapper-138 .sp-testimonial-free-section .tfree-client-name{margin-top: 15px;font-size: 14px;}
	.sp-testimonial-free-section .slick-dots, .custom-btn {margin-top: 20px;}
	.plumber-page ul li h4 {margin-bottom: 20px !important;line-height: 1;}
	.slider-text h6,.slider-text p {font-size: 18px;}
	.slider-text h2 {font-size: 34px;margin-top: 15px;margin-bottom: 15px;}
	#colophon .footer-widget-2{width: 25%;padding-right: 15px;}
	#colophon .footer-widget-4{width: 30%;}
	.plumber-section-img .plumber-section-text h3 strong {font-size: 15px;}
	#colophon .widget ul li, #colophon .widget ol li {margin-bottom: 15px;}
	#masthead .custom-header .site-branding {padding: 20px 0;}
	#colophon .widget ul li a, #colophon .widget ol li a{line-height: normal;}
	.why-choose-us .service-icon {padding-top: 20px;padding-bottom: 20px;}
	.testimonial-col #sp-testimonial-free-138 {padding-top: 20px;}
	.p-50 {padding-top: 30px;}
	h6{margin-bottom: 17px;font-size: 15px;}
	.page:not(.home) #content h5.vc_custom_heading{margin-bottom: 15px;font-size: 14px;}
	.page:not(.home) #content ul.li-icon li{font-size: 14px;}
	.inner-page-contact-info h4{font-family: var(--Raleway);}
	.inner-page-contact-info p{font-size: 14px;margin-bottom: 10px !important;}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{font-size: 20px;margin-bottom: 12px;}
    .custom-page-banner-title p{max-width: 100%;}
    h1.vc_custom_heading{font-size: 30px;}
	.contact-page-nu ul li a{font-size: 14px;}
	.contact-page-nu ul li.address-p a {font-size: 20px;}
    .inner-page-contact-info h4{font-size: 16px;}
    #testimonial-page-c #sp-testimonial-free-wrapper-220 .sp-testimonial-free-section .tfree-client-name{margin-top: 15px;font-size: 14px;}
}


@media(max-width: 992px){
	.custom-logo-link img{max-width: 250px;}
	.plumber-service-c .vc_col-sm-6{width: 100%; float: left;}
	.plumber-section-img{margin-bottom: 30px !important;}
	.plumber-section-img .plumber-section-text h3 {font-size: 35px;}
	.footer-form{margin: 15px -10px 0;}
	#colophon .footer-widget-1{width: 22%;}
	#colophon .footer-widget-4{width: 38%;}
	#colophon .footer-social {margin-top: 0px;}
	.why-choose-us .service-icon li div img{width: -moz-available;}
	#why-choose-us-col {padding-left: 0;}
	.service-info ul li:first-child{padding-right: 15px;}
	.service-info ul li{padding-left: 15px;}
	#colophon .social-link li {margin-right: 10px;}
	.testimonial-col h3.vc_custom_heading + .wpb_content_element p br{display: none;}
	.slider-text h2{font-size: 27px;}
	.top-right-header li{margin-right: 13px;}
	.top-right-header li i{margin-right: 7px;}
	.social-link li a{height: 30px;width: 30px;}
	.social-link li a i::before {font-size: 12px;align-content: center;display: flex;}
	.top-right-header .mail-icon a{padding: 9px 14px;}
	.footer-form input[type="submit"]{padding: 10px 17px;max-width: 110px;}
	.contact-page-nu ul{grid-gap: 5px;}
	.contact-page-nu ul li div{}
	.contact-page-nu ul li div img{transform: scale(0.6);}
	.contact-page-nu ul li div{height: 90px;width: 90px;}
	.inner-page-contact-info .number-info {padding: 0 15px;position: relative;}
}




@media(max-width: 767px){
	 /* --- Menu ----*/
	.menu-toggle > span {height: 2px;position: relative;opacity: 1;-moz-transition: .4s;background: #fff;width: 28px;display: block;}
	.menu-toggle > span:nth-child(1) {top: -5px;}
	.menu-toggle > span:nth-child(3) {bottom: -5px;}
	.dropdown-toggle:focus, :not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus {background: transparent !important;outline: none;}
	.main-navigation > div > ul {display: block !important;width: 300px;position: fixed;left: -100%;top: 0;background: #fff;height: 100%;box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);overflow-y: auto;z-index: 15000;transition: .4s;padding: 0;}
	.js .main-navigation.toggled-on > div > ul {left: 0; transition: .8s; }
	.js .main-navigation ul#top-menu {display: block !important; }
	.main-navigation.toggled-on .menu-toggle > span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
	.main-navigation.toggled-on span:nth-child(2) {opacity: 0;}
	.main-navigation.toggled-on span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
	.main-navigation li {border-bottom: 1px solid var(--main-color);padding: 0;display: block;}
	.main-navigation a {color: #000;padding: 10px 15px !important;font-weight: 600;transition: .4s;font-size: 16px;}
	.main-navigation li.current-menu-item a::after, #top-menu > li > a:hover::after {display: none;}
    .main-navigation a:hover{color: var(--dark-blue) !important;background-color: var(--main-color);}
    .main-navigation ul ul li a{color: #fff;}
	.main-navigation #top-menu ul.sub-menu a:hover{color:var(--main-color) !important;}
	.main-navigation ul ul {margin: 0 0 0 1.5em;}
	.main-navigation li li{border-bottom: 1px solid #fff;}

	#header-top_bar li.location-icon, #header-top_bar li.mail-icon{display: none;}
	.top-right-header li{margin-right: 0px;}
	.vc_row .vc_col-sm-6:first-child{margin-bottom: 30px;}
	#colophon .widget-column {width: 100%;float: left;margin-bottom: 8px;}
	h2.widget-title{margin-bottom: 6px;}
	#colophon .widget-column.footer-toggle{margin-bottom: 20px;}
	#masthead{position: inherit;background-color: var(--header-top-background-color);}
	#masthead.site-header.header-fixed{position: fixed;}
	.header_top{border-bottom: 1px solid #fff;}
	.slider-img .slider-text{top: 50%;transform: translate(0%, -50%);}
	.why-choose-us .service-icon{grid-template-columns: 1fr 1fr 1fr;grid-gap: 32px;}
	.service-info ul{grid-template-columns: 1fr;grid-gap: 30px;}
	.why-choose-us .service-icon li h4{width: 100%;float: left;}
	.service-info ul li:first-child {padding-right: 0;border-right:0;}
    .service-info{padding: 20px 0;margin-bottom: 40px;}
    .vc_col-md-7, .vc_col-md-5{width: 100%; float: left;}
    .custom-form-section {display: block;}
    .custom-form-section .vc_col-md-5{display: block;padding-left: 15px;}
    .custom-form-section .vc_col-md-5 h3{margin-bottom: 20px;}
    .custom-form-section .vc_col-md-5 ul{margin: 0 auto;}
    .why-choose-us .service-icon li{padding-bottom: 15px !important;border-bottom: 1px solid var(--main-color);}
    .footer-form {margin: 30px 0 0 0;}
    #colophon .site-info{text-align: center;}
    #colophon .footer-widget-4{padding-left: 0;}
    #colophon .footer-widget-2, #colophon .footer-widget-1{padding-right: 0px;}
    .custom-masonry{grid-template-columns: 1fr;}
    .footer-social h2::after{display: block;}
    h2.widget-title {pointer-events: all;cursor: pointer;}
    .site-footer .widget-title + div, .site-footer .widget-title + nav {display: none;}
    h2..widget-title::before {display: block;}
    h2.widget-title::before {content: "";width: 10px;height: 10px;border: 10px solid #fff;border-width: 0 0 2px 2px;position: absolute;right: 0;transform: rotate(-136deg);top: 5px;transition: 0.4s linear;}
	h2.widget-title.active::before{transform: rotate(-45deg)}
    #colophon .contact-address ul{margin-left: 32px;}
    .page:not(.home) #content .vc_row-o-equal-height .vc_col-sm-6:last-child {padding-left: 0;}
    .page:not(.home) #content .vc_single_image-wrapper::after{display: none;}
    .custom-page-banner-title{transform: translate(0, -50%);}
    .contact-page-nu ul{grid-template-columns: 1fr 1fr;grid-gap: 30px;}
    .contact-page-nu ul li{border-bottom: 1px solid var(--main-color);}
    #colophon .footer-social .social-link, #colophon .widget-column nav{margin: 10px 0 !important;}
    #colophon .widget-column .contact-address{margin: 20px 0 !important;}
}


@media(max-width: 576px){
	.custom-logo-link img {max-width: 200px;}
	#masthead .custom-header .site-branding {padding: 15px 0;}
	.slider-text h6,.slider-text p {font-size: 16px;}
	.slider-text h2 {font-size: 22px;margin-top: 8px;margin-bottom: 10px;}
	.slider-text a{padding: 4px 20px;}
    .why-choose-us .service-icon{grid-template-columns: 1fr 1fr;}
    .custom-btn{margin: 20px auto 0;}
    .plumber-page ul{grid-template-columns: 1fr 1fr;}
    .plumber-section-img .plumber-section-text{transform: translate(-50%, -50%);}
    .custom-page-banner-title p{display: none;}
    .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{text-align: center;letter-spacing: 1px;}
    .contact-page-nu ul{grid-template-columns: 1fr;}
}




@media(max-width: 480px){
   .slider-text h2 {font-size: 16px;}
   .slider-text h2 {font-size: 14px;}
   .slider-text a {padding: 4px 16px;}
   .why-choose-us .service-icon{grid-template-columns: 1fr;}
   .plumber-page ul{grid-template-columns: 1fr;margin: 0 15px;}
   .plumber-page ul li{padding: 30px;border-right: 0;border-bottom: 1px solid var(--main-color);}
   .plumber-page ul ~ p{border-bottom: 1px solid var(--main-color);margin: 0 15px;}
   .service-info ul li{display: block;}
   .service-info ul li img{display: flex;margin: 0 auto; margin-bottom: 15px;}
   .footer-form [class*="col-md-6"], .footer-form [class*="col-"] {width: 100%;padding: 0;}
   .main-navigation > div > ul{width: 80%;}
}