/*
Theme Name: Wbp
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Wbp is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Wbp will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: wbp

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* GLOBAL STYLES */
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700,800');

* {outline: none;word-break: break-word;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin: 0; padding: 0 }
body { font-size:17px; color: #231f20; margin:0; padding:0; font-family: 'Libre Franklin', sans-serif; font-weight:300; line-height: 26px;}
a { color: #0c4ea2; text-decoration: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;-webkit-transition: all 300ms linear; }
a:focus { outline:none; text-decoration:none; color:#16286d; }
a:hover, a:active { text-decoration:none; color:#16286d;}

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 300; color: #231f20; font-family: 'Libre Franklin', sans-serif; line-height: 1.2; margin: 36px 0 12px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 66px; line-height: 80px; font-weight: 800;}
h2 { font-size: 46px; line-height: 56px;}
h3 { font-size: 28px; line-height: 38px;}
h4 { font-size: 22px; line-height: 32px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}

img{ max-width:100%; border: 0;}
input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none; -webkit-border-radius:0px;}
input, button, textarea, select { border:1px solid #ccc; font-family: 'Libre Franklin', sans-serif; font-size:14px; color:#000; }
input[type=submit] , button { cursor:pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all  0.4s ease-in-out; }

p { margin:0 0 20px 0; }
ol, ul {margin: 0; padding: 0; list-style: none;}
table{border-collapse:collapse;border-spacing:0}
hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; }

::-webkit-input-placeholder { color: #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
::-moz-placeholder { color: #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
:-ms-input-placeholder { color: #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* Common Css Start Here */

.pullLeft { float: left; }
.pullRight { float: right; }
.hide { display: none; }
.show { display: block; }
.txtL { text-align: left; }
.txtR { text-align: right; }
.txtC { text-align:center; }
.clear { clear: both; }

.alignleft{ float:left; margin-right:15px; margin-top:5px; margin-bottom:10px !important;}
.alignright{ float:right; margin-left:15px; margin-top:5px; margin-bottom:10px !important;}

select.gfield_select  { background-image:url('./images/down-arrow.png');  background-position: right 34px center; background-repeat:no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
select.gfield_select::-ms-expand { display: none;}
select:focus{ outline: none; }

/* Button */
.btn-blue { background-color:#fff; color:#0c4ea2; display: inline-block; font-size: 16px; font-weight: 400; padding: 13px 30px 12px 30px; text-align: center; text-transform: uppercase; min-width: 181px; }
.btn-blue:focus, .btn-blue:hover { background-color: #16286d; color: #fff; }


/* Basic Margin Padding */
.section-padding { padding: 100px 0;}
.m-0 { margin: 0;}
.p-0 { padding: 0;}

/*---Header---*/
.main-content > .vc_row {  margin-left: 0; margin-right: 0;}
.fullwidth-section .container{width:100%; max-width:100%;}
.fullwidth-section .container .vc_column-inner{ padding:0px;}
.grid-section { clear: both; margin:0 !important; }
.vc_column-inner:after, .vc_column-inner:before { display:block; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom:0 !important; }
.vc_column_container>.vc_column-inner{ padding-top: 0 !important; }

#header{ /*background-color:rgba(12, 78, 162, 0.7);*/ padding-top: 28px; position: absolute; width: 100%; z-index: 5; min-height: 77px;}
.header-overlay {background-color: rgba(12, 78, 162, 1); content: ""; height: 77px; left: 0; mix-blend-mode: multiply;
position: absolute; width: 100%; z-index: 1;}
.logo{ position: absolute; top: 0; left: 15px; }

/*Nav*/
.nav-menu{ float:right;}
.menulinks { display:none;  text-align:center; width:41px; height:35px; line-height:35px; color:#fff; font-size:22px; position:absolute; top:0px; right:15px; cursor:pointer; }
ul.mainmenu { vertical-align:middle; display:inline-block; margin:9px 0 0 0; padding:0; list-style:none; text-align:left; }
ul.mainmenu > li { display:inline-block; padding:0 20px; position:relative; }
ul.mainmenu > li:last-child{ padding-right: 0; }
ul.mainmenu > li:first-child{ padding-left: 0; }
ul.mainmenu > li.down-arrow > a.child-triggerm:after{ content: ""; width: 13px; height: 8px; background-image:url('./images/menu-down-arrow.png'); background-position: right center; background-repeat:no-repeat; display: inline-block; margin-left: 4px;}
ul.mainmenu > li > a:link , ul.mainmenu > li > a:visited { padding: 11px 0; display:inline-block; text-align:center; font-size:16px; font-weight:600; color:#fff; font-family: 'Libre Franklin', sans-serif; line-height:18px; text-transform: uppercase; letter-spacing: 1px; position:relative; text-decoration: none; }
ul.mainmenu > li a i{ font-size: 14px; font-weight: 300; font-style: normal; }
ul.mainmenu > li:hover a, ul.mainmenu > li > a.current { color:#b4d9f9; }
ul.mainmenu > li > a.current { border-bottom-color:#16c1f3; }
ul.mainmenu > li > a.current:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #16c1f3; border-width:8px; margin-left: -8px; }
ul.mainmenu ul { position:absolute; left:0; min-width:270px; padding:0; list-style:none; margin:0; background:#0c4ea2; z-index:2; display:none; }
ul.mainmenu ul li { border-bottom:2px solid rgba(255,255,255,0.1); position: relative; }
ul.mainmenu ul li:last-child{ border-bottom:none;}
ul.mainmenu li li a:link , ul.mainmenu li li a:visited { color:#fff; display:block; padding:10px 15px 8px 23px; font-weight: 600; text-transform: uppercase; }
ul.mainmenu li li a:hover { background:rgba(255,255,255,0.1); }
ul.mainmenu ul ul { position:absolute; left:100%; top: 0;  display:none; }
/*Nav*/
.home-hero{padding: 209px 0 76px 0;}
.home-hero .caption{ max-width: 470px; position: relative; z-index: 1; }
/*.home-hero:after{ content: ""; width: 60%; height: 100%; position: absolute; top: 0; left: 0; display: block !important; 
background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}*/
.home-hero h1{font-size: 67.5px; color: #fff; margin-top: 0; text-transform: uppercase; }
.home-hero h3{ color: #fff; margin: 0 0 30px 0;}

.hero-section{ width: 100%; float: left; position: relative; padding: 185px 0 72px 0; background-size: cover !important;}
.hero-section .text{ position: relative; z-index: 1; text-align: center; }
.hero-section:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3);}
.hero-section h1{font-size: 67.5px; color: #fff; margin: 0 0 18px 0; }
.hero-section h3{ color: #fff; margin: 0 auto; max-width: 750px;}

.inner-hero{ width: 100%; float: left; position: relative; padding: 185px 0 72px 0; text-align: center;}
.inner-hero .caption{ position: relative; z-index: 1; text-align: center; }
.inner-hero:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); display: block !important;}
.inner-hero h1{font-size: 67.5px; color: #fff; margin: 0 0 18px 0;position: relative; z-index: 2; text-transform:uppercase; }
.inner-hero h3{ color: #fff; margin: 0 auto; max-width: 750px;}

.title{ position: relative; padding-bottom: 40px; margin-bottom: 46px; }
.title:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 74px; height: 2px; background-color: #3c97c1; margin: 0 auto; }
.title-b-desc{ font-size: 22px; line-height: 40px; text-align: center; }
.title-b-desc > div{ max-width: 780px; margin: 0 auto; padding-bottom: 68px; }
.content-area{ width: 100%; float: left; }
.whowe-are-section{ padding: 36px 0 26px 0; }
.whowe-are-section .our-services{ text-align: center; }
.whowe-are-section .our-services h4{ margin: 24px 0 50px 0;  }

.plumbing-services{ padding: 37px 0 0 0; }
.plumbing-service-wrap{ padding-bottom: 37px; }
.plumbing-service{ background-color: #fff; margin-bottom: 30px !important; }
.plumbing-service .plumbing-img img{ width: 100%; object-fit: cover; max-height: 284px; }
.plumbing-service .plumbing-content{ padding: 26px 25px 22px 35px;}
.plumbing-service .plumbing-content h4{ margin: 0 0 32px 0; }
.plumbing-service .btn-block{padding: 0px 25px 65px 35px;}

.service-area{background-blend-mode: multiply; padding: 210px 0 195px 0;}
.service-area .title{ color: #fff; }
.service-area .title:after{ background-color: #fff; }
.service-area .title-b-desc > div{ max-width: 615px; color: #fff;}

.testimonials{ width: 100%; float: left; background-color: #0c4ea2; padding: 134px 0 129px 0; color: #fff; }
.testimonials h2{ color: #fff; position: relative; margin-top: 0; padding-bottom: 50px; line-height: 38px; }
.testimonials h2:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 74px; height: 2px; background-color: #fff; }
.testimonials .testi-item{ font-size: 17px; line-height: 27px; letter-spacing: 0.5px; }
.testimonials .client-name{ text-transform: uppercase; font-weight: 600; }
.testimonials .slick-dots {position: absolute; left: -53%; top: 134px; }
.testimonials .slick-dots li {position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 8px; padding: 0; cursor: pointer;}
.testimonials .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 14px; height: 14px; cursor: pointer; color: transparent; border: 1px solid #fff; background-color: transparent; border-radius: 50%;}
.testimonials .slick-dots li.slick-active button{ background-color: #fff; }
.slick-slide:focus { outline: none;}

.getquote-section{ width: 100%; float: left; background-size: cover !important; background-position: center center; padding: 64px 0 82px 0; position: relative; }
.getquote-section:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,0.65); }
.getquote-section .container{ position: relative; z-index: 1; }
.title-left h2{ position: relative; padding-bottom: 27px; margin-bottom: 46px; }
.title-left h2:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 74px; height: 2px; background-color: #3c97c1; }
.getquote-section .form-info{ max-width: 265px; font-size: 17px; font-weight: 400; line-height: 27px; }
.getquote-section .inquiries{ max-width: 225px; font-size: 14px; font-weight: 400; line-height: 20px; padding-top: 22px; }
.getquote-section .inquiries a{ color: #231f20; }
.getquote-section .inquiries a:hover{ color: #0c4ea2; }
.getquote-form .gform_wrapper{ margin-top: 26px; }
.getquote-form li.gfield input{ height: 52px; padding-left: 43px !important; border: none; box-shadow: 0px 0px 8px #999; 
	-webkit-box-shadow: 0px 0px 8px #999; }
.getquote-form li.gfield input.medium.datepicker{ width: 100%; }
.getquote-form li.gfield select{ height: 52px; padding-left: 43px; border: none; box-shadow: 0px 0px 8px #999; 
	-webkit-box-shadow: 0px 0px 8px #999;}
.getquote-form li.gfield .bootstrap-select{ width: 100% !important; }
.getquote-form li.gfield .bootstrap-select button{ height: 52px; padding-left: 43px; border: none; box-shadow: 0px 0px 8px #999; 
	-webkit-box-shadow: 0px 0px 8px #999; border-radius: 0; color: #231f20; font-size: 17px;}
.getquote-form li.gfield .bootstrap-select button:hover{ background-color: #fff; }
.getquote-form li.gfield .bootstrap-select button:focus{ background-color: #fff; outline: none !important; }
.getquote-form li.gfield .bootstrap-select.open>.dropdown-toggle.btn-default{ background-color: #fff; }
.getquote-form li.gfield .dropdown-menu > li > a{ font-size: 17px; font-family: 'Libre Franklin', sans-serif; padding-left: 200px !important; }
.bootstrap-select.btn-group .dropdown-menu li:first-child{ display: none; }
.bootstrap-select.btn-group .dropdown-menu li:nth-child(2){ display: none; }
.getquote-form li.gfield .dropdown-menu .dropdown-header { font-size: 17px; color: #16286d; text-transform: uppercase; position: relative; width: 200px; z-index: 1; padding-left: 43px; }
.getquote-form li.gfield .dropdown-menu .dropdown-header + li{ margin-top: -30px; }

.getquote-form .gform_wrapper .top_label .gfield_label { display: none;}
body .getquote-form .gform_wrapper ul li.gfield{ margin-top: 0 ; }
.getquote-form .gform_wrapper li.hidden_label input{ margin-top: 0; }
body .getquote-form .gform_wrapper .top_label div.ginput_container{ margin-top: 50px !important; }
.getquote-form .gform_wrapper .gform_footer{ margin-top: 52px; }
.gform_button { background-color: #0c4ea2; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; padding: 13px 30px 12px 30px !important; text-align: center; text-transform: uppercase; border: none; width: 348px !important; max-width: 100%; }
.gform_button:focus, .gform_button:hover { background-color: #16286d; color: #fff; }

.getquote-form ::-webkit-input-placeholder { color: #231f20; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.getquote-form ::-moz-placeholder { color: #231f20; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.getquote-form :-ms-input-placeholder { color: #231f20; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/*gform validation css*/
.getquote-form .gform_wrapper .validation_message{ padding-top: 0px !important; }
.getquote-form .gform_wrapper li.gfield.gfield_error{ border:none; padding: 0; margin-bottom: 0 !important; background-color: transparent; }
.getquote-form .gform_wrapper div.validation_error{ display: none; }
.getquote-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ margin-top: 50px; }
.getquote-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .contact-popup .gform_wrapper li.gfield_error textarea{ border-color: #e40202; }
.getquote-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: calc(100% - 0px)!important;}
.gform_confirmation_message{ text-align: center; font-size: 18px; font-weight: 400; border: 2px solid #008000; padding: 10px; margin: 50px 0; }

/*--Footer--*/
.site-footer { width: 100%; float: left; background-color: #ffffff; padding-top:31px; font-size: 17px; font-weight: 400; }
.site-footer h5{ font-size:17px; color:#16286d; font-weight: 400; text-transform: uppercase; margin: 0 0 2px 0;}
.site-footer ul{ margin:0; padding:0;}
.site-footer li{ list-style:none; position: relative; padding-left: 15px;}
.site-footer .quick-links{ float: left; padding-left: 43px; width: 50%; }
.site-footer .quick-links ul{ margin-bottom: 9px; }
.site-footer .quick-links a{ color:#231f20;}
/*.site-footer .quick-links a:hover{ color:#0d50a0;}*/
.site-footer .quick-links a:before{ content: "-"; position: absolute; top: 0; left: 0; line-height: normal; }
.site-footer li.categorylink{ padding-left: 0; }
.site-footer li.categorylink > a{font-size:17px; color:#16286d; font-weight: 400; text-transform: uppercase; margin: 0 0 2px 0;}
.site-footer li.categorylink > a:before{ display: none; }

.site-footer .container{ position: relative; }
.site-footer .container:after{ content: ""; position: absolute; left: 50%; top: 4px; margin-left: -2px; width: 4px; height: 100%; background-color: #f2f3f0; display: block; }
.site-footer .footer-logo{ width:227px; float: left; padding-top: 19px; }
.site-footer .contact{ width:325px; float: left; padding-top: 19px; }
.site-footer .contact h5{ margin-bottom: 17px; }
.site-footer .contact li{ width:100%; display:inline-block; margin-bottom:9px; padding-left: 0;}
.site-footer .contact i{ margin-right:15px; width:22px; text-align: center;}
.site-footer .contact .address i{ float:left;}
.site-footer .contact .address span{ float:left; width:calc(100% - 37px);}
.site-footer .contact a{ color:#231f20;}
.site-footer .contact a:hover{ color:#0d50a0;}

.site-footer .social-footer{ margin-top: 5px; }
.site-footer .social-footer h5{ margin: 0; }
.site-footer .social-footer li{ float: left; width: auto; margin: 0 7px 0 8px; }
.site-footer .social-footer li:first-child{ margin-left: 0; }
.site-footer .social-footer li i{ font-size: 22px; margin: 0; }
.site-footer .social-footer li a{ color: #16286d; }
.site-footer .social-footer li a:hover{ color: #0d50a0; }

.copyright {background-color: #f2f3f0; font-size: 14px; font-weight: 400; padding: 15px 10px; color:#000; margin-top: 27px; }
.copyright a:hover { color: #41a62a; }



/*Tables css*/
table {border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } 
thead th {border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } 
th {padding: 0.4em; text-align: left; } 
tr {border-bottom: 1px solid #eee; } 
td {padding: 0.4em; } 
th:first-child, 
td:first-child {padding-left: 0; } 
th:last-child, 
td:last-child {padding-right: 0; }


/*404 page*/
.page-normal-padd{padding: 90px 0 80px 0;}
section.error-404{padding: 90px 0 80px 0; text-align: center; }
.page-header .page-title{font-family: 'Montserrat', sans-serif;}
section.no-results{padding: 40px 0 80px 0; text-align: center; }
section.search-results{padding: 40px 0 80px 0;}
.search-form .search-field { padding: 17px 40px 17px 34px !important; color: #35475b; border: 5px solid #35475b;}
.search-form .search-submit {background-color: #bf7c1c; font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 18px 50px 18px 50px !important; display: inline-block; font-family: 'Montserrat', sans-serif; color: #fff; border:none; vertical-align: middle; }
.search-form .search-submit:hover {background-color: #35475b; color: #fff;}

/*Service internal page*/
.commercial-services{ padding: 33px 0 0 0;    text-align: center; }
.commercial-services h2{ text-align: center; margin-bottom: 64px; }
.commercial-services .service-item .service-content h4{ min-height: 52px; }
.service-item{ text-align: center; margin-bottom: 30px; }
.service-item .service-icon{ width: 129px; height: 129px; display: inline-block; background-color: #3c97c1; border-radius: 100%; text-align: center; }
.service-item .service-icon img{ position: relative; top: 48%; -moz-transform: translateY(-48%); -webkit-transform: translateY(-48%);
 -o-transform: translateY(-48%); -ms-transform: translateY(-48%); transform: translateY(-48%); }
.service-item .service-content{ padding-bottom: 13px; }
.service-item .service-content h4 { margin-bottom: 20px; line-height:normal;}

.wellbrook-difference{ width: 100%; float: left; padding: 115px 0 0 0; position: relative; overflow: hidden; }
.wellbrook-diffimg{ position: absolute; left: 0; height: 100%; background-size: cover !important; background-position: center center !important; }
.difference-content{ float: right; }
.difference-list{ line-height: 24px; padding:0 135px 47px 33px; }
.difference-list p{ margin-bottom: 15px; }
.difference-list h2{ margin: 32px 0 35px 0; }
.difference-list h4{ color: #3c97c1; margin:0 0 7px 0; }

/*Services page*/
.services-links { text-align: center; }
.services-links .btn-service button, .services-links .btn-service a{ font-size: 16px; text-transform: uppercase; min-width: 183px; max-width: 100%; background-color: #0c4ea2 !important; border: 1px solid #fff; padding: 16px 20px; }
.plumbing-services-wrap { padding: 31px 0 0 0; text-align: center; }
.plumbing-services-wrap h2{ margin-bottom: 30px; position: relative; }
.plumbing-services-wrap h2.title-line{ padding-top: 60px; margin-top: 31px; }
.plumbing-services-wrap h2.title-line:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; width: 74px; height: 2px; background-color: #3c97c1; margin: 0 auto; }
.plumbing-services-wrap .service-item .service-content h4{ margin-bottom: 12px; }
.plumbing-services-wrap .service-item{ padding-bottom: 79px; }
.plumbing-services-wrap .col-sm-3, .commercial-services .col-sm-3{ float: none; display: inline-block; width: 24.5%; }
.services-niagara{ text-align: center; }
.niagara-businesses{ text-align: center;}
.renovations-construction{ text-align: center;}
.service-need{ text-align: center;}

/* 27-04-2018 */
.term-commercial .hero-section h1{max-width:800px;margin-left:auto;margin-right:auto;}
.ui-datepicker{margin-top:0!important;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}
/*11/5/2018*/
.page-id-25 .getquote-section:after{ display: none; }

/*Blog page*/
.blogs-wrap{ padding-bottom: 37px; padding-top: 50px;width: 100%;  float: left; }
.blog-item{ background-color: #fff; margin-bottom: 50px !important; border:2px solid #F7F8F6; float: left;}
.blog-item .blog-img img{ width: 100%; object-fit: cover; max-height: 284px;min-height: 284px; }
.blog-item .blog-content{ padding: 22px 22px 0px 25px;}
.blog-item .blog-content h4{ margin: 0 0 30px 0; padding-bottom: 30px; position: relative; }
.blog-item .blog-content h4:after{ content: ""; width: 15px; height: 1px; background-color: #0C4EA2; position: absolute; left: 0; bottom: 0; }
.blog-item .blog-content p { letter-spacing: 0.3px; }
.blog-item .btn-block{padding: 10px 25px 0 30px; float: left; width: 100%;  /*margin-bottom: 20px;*/}

.navigation.pagination { width: 100%; float: left; text-align: center; padding: 12px 0; background: #0D50A0;border-radius: 0;
 margin: 0; }
.navigation.pagination h2 { display: none; }
.navigation.pagination .nav-links .page-numbers  { color: #fff; padding: 0 10px; display: inline-block; vertical-align: middle;border-radius: 50%;}
.navigation.pagination .nav-links .page-numbers.current { background:  #b4d9f9; color: #000 }
.navigation.pagination .nav-links .page-numbers.next i { margin-left: 5px; } 
.navigation.pagination .nav-links .page-numbers.prev i { margin-right: 5px; }
.navigation.pagination .nav-links a:hover { color: #b4d9f9; }

.contact-us-wrap { padding-top: 45px; padding-bottom: 45px; }
.contact-sidebar .contact-sidebar-widget h5 { margin: 0; border-bottom: 1px solid #3C97C1; padding-bottom:10px; text-transform: uppercase;    font-size: 16px;font-weight: 400; }
.contact-sidebar .contact-sidebar-widget { padding: 32px 15px 20px !important; border:2px solid #F7F8F6; }
.contact-sidebar .widget_contactus ul li { padding: 9px 0; border-bottom: 1px solid #F7F8F6 }
.contact-sidebar .widget_followus ul li { display: inline-block; vertical-align: middle; margin-right: 7px; }
.contact-sidebar .widget_followus ul li:first-child { margin-right: 15px; }
.contact-sidebar .widget_followus ul li h5 { border-bottom: 0; margin: 0; padding: 0; }
.contact-sidebar .widget_followus ul { padding: 9px 0; }
.contact-us-wrap h2 { margin-top: 0; }
.contact-sidebar .widget_contactus ul li a { word-break: break-all; }

.contact-page-form ul li.gfield input, .contact-page-form ul li.gfield select { border: 2px solid #F7F8F6; height: 50px;
padding:5px 15px !important; margin-top: 0; }
.contact-us-wrap .gform_wrapper div.validation_error { display: none; }
.contact-us-wrap .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { background-color: transparent !important; margin-bottom: 0 !important; border:0 !important; position: relative;}
.contact-us-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-top: 0; position: absolute; bottom: -20px; }



.call-us-sidebar { width: 100%; float: left; margin-top: 28px; background: #3C97C1; padding: 25px 30px; text-align: center;}
.call-us-sidebar img { max-width: 46px; margin: 0 auto;}
.call-us-sidebar p { color: #fff; }
.call-us-sidebar a { color: #fff; }

.service-area-sidebar { width: 100%; float: left; padding: 38px 25px 25px;  margin-top: 30px; text-align: center; background-size: cover; position: relative; }
.service-area-sidebar:before { content: ''; width: 100%; height: 100%; background-color:rgba(12,78,162,0.8); mix-blend-mode: multiply; position: absolute; top:0; left: 0; }
.service-area-sidebar h6 { color: #fff; text-transform: uppercase; margin: 0 0 15px 0; position: relative; }
.service-area-sidebar p { color: #fff;position: relative; font-size: 16px; line-height: 24px; }

.blog-left   { padding-top: 45px; padding-bottom: 45px; }
.blog-left h2 { color: #0C4EA2; font-size: 46px; line-height: 54px; font-weight: 300; margin-top: 0; }
.blog-left h2 strong { font-weight: 300; }
.blog-left h3 { color: #3C97C1; }
.blog-left h3 strong { font-weight: 300; }
.blog-left .post-navigation { width: 100%; background: #0E50A0; padding: 10px 25px; float: left; }
.blog-left .post-navigation h2 { display: none; }
.blog-left .post-navigation a { color: #fff; }
.blog-left .post-navigation a:hover span{ color:#b4d9f9;}

.blog-right { padding:45px 0;}
.blog-right h3 { font-size: 17px; font-weight: 400; color: #231F20; margin: 0; border-bottom: 1px solid #3C97C1; }
.blog-right .widget-content:first-child { border:2px solid #F7F8F6; padding:20px 25px; }
.blog-right .widget-content:first-child ul li { padding: 5px 0; border-bottom: 1px solid #F7F8F6; }
.blog-right .widget-content:first-child ul li:last-child { border-bottom: 0; }
.blog-right .widget-content:first-child ul li a { font-size: 17px; color: #000; text-transform: uppercase; font-weight: 300;}

.post-navigation .nav-links .nav-previous { float: left; }
.post-navigation .nav-links .nav-next { float: right; }

.contact-sidebar ul li.address { display: none; }
.contact-sidebar ul li.phone a, .contact-sidebar ul li.email a { color: #000; }
.contact-sidebar ul li i { margin-right: 5px; }

.contact-banner { min-height: 512px; }
.contact-testimonials-sidebar  { padding: 50px 23px 80px; background: #3C97C1; margin-top: 25px; float: left; width: 100%; position: relative;}
.contact-testimonials-sidebar .testimonial-title { width: 100%; float: left; }
.contact-testimonials-sidebar .testimonial-title h2 { color: #fff; margin-top: 0; }
.contact-testimonials-sidebar .testi-item { color: #fff; }

.testimonial-slider-wrap { width: 100%; float: left; }
.contact-testimonials-sidebar .client-name { font-weight: 600; text-transform: uppercase; }
.contact-testimonials-sidebar .slick-dots { position: absolute; bottom: -40px; }
.contact-testimonials-sidebar .slick-dots li { display: inline-block; padding: 0; width: 14px; height: 14px; border:1px solid #fff; border-radius: 50%; margin: 0 10px 0 0; cursor: pointer; }
.contact-testimonials-sidebar .slick-dots li.slick-active { background: #fff; }
.contact-testimonials-sidebar .slick-dots li button { font-size: 0; display: none; }

.blog .hero-section { min-height: 693px; }


/* RESPONSIVE CSS
-------------------------------------------------- */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    opacity: 0.8;
}*/

@media (min-width: 2800px) {
ul.mainmenu > li{ padding:0 10px;  }
.site-footer .quick-links{ width: 50%; }
}

@media (min-width: 768px) {
    ul.mainmenu{ display: block !important; }
    ul.mainmenu li:hover > ul { display:block; }
    ul.mainmenu ul li:hover ul{ display: block; }
}
 
/*-- Max Media Queries --*/


@media (min-width: 1200px) {
	.plumbing-service-wrap .row{margin-right:-22px;margin-left:-22px;}
	.plumbing-service-wrap .row > div{padding-right:22px;padding-left:22px;}
}

@media (max-width: 1200px) {
	.site-footer .quick-links{ width: 50%; } 
	.site-footer .footer-logo{ width: 35%; padding-right: 15px; }   
	.site-footer .contact{ width: 65%; }
	.site-footer .contact i{ margin-right: 5px; }
	.difference-list {padding: 0 15px 27px 15px;}
	.getquote-form li.gfield input,.getquote-form li.gfield select{padding-left:10px!important; font-size:15px!important;}
	.wellbrook-difference{ padding: 45px 0 0 0; }
	.getquote-form .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error{ margin-top: 0 !important;  }

	.contact-sidebar .widget_contactus ul li { font-size: 15px; }
	.service-area-sidebar p br, .call-us-sidebar p br { display: none; }

	.contact-banner { min-height: 100%;}
	.blog .hero-section { min-height: 100%; }

}


@media (max-width: 991px) {
	ul.mainmenu > li{ padding: 0 6px; } 
	ul.mainmenu > li > a:link, ul.mainmenu > li > a:visited{ font-size: 14px; }
	h1 { font-size: 46px; line-height: 60px;}
	h2 { font-size: 36px; line-height: 46px;}
	h3 { font-size: 24px; line-height: 32px;}
	h4 { font-size: 20px; line-height: 30px;}
	.home-hero h1{ font-size: 46px; }
	.hero-section h1{ font-size: 46px; }
	.inner-hero h1{ font-size: 46px; }
	.title-b-desc{ font-size: 20px; line-height: 36px; }
	.plumbing-service .plumbing-content{ padding: 26px 25px 22px 25px; }
	.plumbing-service .btn-block{ padding: 0px 25px 35px 25px; }
	.service-area{ padding: 90px 0 95px 0; }
	.testimonials{ padding: 69px 0 64px 0; }
	.getquote-section{ padding: 14px 0 52px 0; }
	.getquote-section .form-info{ max-width: 100%; }
	.getquote-section .inquiries{ max-width: 100%; }
	.site-footer .footer-logo{ width: 100%; }
	.site-footer .contact{ width: 100%; }
	.site-footer .quick-links{ width: 100%; }

	/*service page*/
	.plumbing-services-wrap .col-sm-3{ width: 49.5%; }
	.services-links .btn-service a{min-width:160px;padding:16px 10px;}

	.getquote-form li.gfield .bootstrap-select button{ padding-left: 15px; font-size: 15px; }
	.getquote-form li.gfield .dropdown-menu .dropdown-header{ padding-left: 15px; }

	.service-area-sidebar { padding: 38px 10px 25px; }
	.call-us-sidebar { padding: 25px 10px; }

	.blogs-wrap .col-sm-4 { width: 50%; }


}

@media (max-width: 767px) {

	.logo{ width: 70px; top: -24px; }
	/*Nav*/
	.menulinks { display:inline-block; } 
	ul.mainmenu { text-align:left; position:absolute; top:48px; padding:0; right:0; width:100%; background:#000; display:none; z-index:9999999; margin-top: 0; }
	ul.mainmenu > li { float:left; width:100%; padding:0px; margin:0; border-top:1px solid rgba(255,255,255,0.2); position:relative;  }
	ul.mainmenu > li:first-child { border:none; }
	ul.mainmenu > li.down-arrow > a.child-triggerm:after{ display: none; }
	ul.mainmenu > li > a:link, 
	ul.mainmenu > li > a:visited { padding:10px 15px; font-size:16px; float:left; width:100%; border:none; text-align:left; color:#fff; }
	ul.mainmenu > li > a:hover { background:rgba(255,255,255,0.2); }

	a.menulinks i { display: inline; position: relative; top: -2px; margin-left: 0; -webkit-transition-duration: 0s;  -webkit-transition-delay: .2s; -moz-transition-duration: 0s;  -moz-transition-delay: .2s; transition-duration: 0s;  transition-delay: .2s; }
	a.menulinks i:before, a.menulinks i:after { position: absolute; content: ''; left:0; }
	a.menulinks i, a.menulinks i:before, a.menulinks i:after { width:35px; height:4px; background-color:#fff; display: inline-block; }
	a.menulinks i:before { margin-top: -10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s;  -webkit-transition-delay: .2s, 0; }
	a.menulinks i:after { margin-top: 10px; -webkit-transition-property: margin, -webkit-transform;  -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; }
	.mobile-open a.menulinks i { background-color: rgba(0, 0, 0, 0.0);  -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.menulinks i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }
	.mobile-open a.menulinks i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); }

	ul.mainmenu > li > a.current:after { display:none; }
	ul.mainmenu ul { position:relative; top:auto; left:auto; float:left; width:100%; }
	ul.mainmenu ul li{ position:relative;}
	ul.mainmenu li li a:link, ul.mainmenu li li a:visited{ padding:8px 15px 6px 25px; color:#fff;}
	ul.mainmenu ul ul { position:relative; left:auto; top: auto; float:left; width:100%; }
	ul.mainmenu ul ul li{ padding-left: 10px; }

	a.child-triggerm { display: block !important; cursor: pointer; position: absolute !important; top: 0px; right: 0px; width:50px !important; min-width: 50px !important; height:38px !important; padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
	a.child-triggerm:hover { text-decoration: none; color:#fff;}
	a.child-triggerm span { position: relative; top: 50%; margin: 0 auto !important;  -webkit-transition-duration: .2s; -moz-transition-duration: .2s;  transition-duration: .2s; }
	a.child-triggerm span:after { position: absolute; content: ''; }
	a.child-triggerm span, a.child-triggerm span:after { width: 10px; height: 1px; background-color:#fff; display: block; }
	a.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
	a.child-triggerm.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }
	a.child-triggerm.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);  -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; }

	a.child-triggerm:hover span, a.child-triggerm:hover span:after{ background-color:#fff;}

	h1 { font-size: 36px; line-height:normal;}
	h2 { font-size: 26px; line-height:normal;}
	h3 { font-size: 23px; line-height:normal;}
	h4 { font-size: 20px; line-height:normal;}

	.btn-blue{ padding: 10px 20px 9px 20px; }

	.home-hero h1{ font-size: 36px; }
	.home-hero h3{ font-size: 20px; }
	.home-hero:after{ width: 100%; background:rgba(0,0,0,0.4); }

	.hero-section:after{ width: 100%; }
	.hero-section h1{ font-size: 36px; }
	.hero-section h3{ font-size: 20px; }

	.inner-hero:after{ width: 100%; }
	.inner-hero h1{ font-size: 36px; }
	.inner-hero h3{ font-size: 20px; }

	.title{ padding-bottom: 17px; margin-bottom: 26px;}
	.title-b-desc {font-size: 18px; line-height: 30px;}
	.title-b-desc > div{padding-bottom: 48px;}

	.whowe-are-section{ padding: 16px 0 16px 0; }
	.plumbing-services{ padding-top:0; }
	.plumbing-services .vc_column_container>.vc_column-inner{ padding-top: 10px !important; }
	.plumbing-service{ text-align: center; }
	.plumbing-service .plumbing-content h4{ font-size: 20px; margin-bottom: 15px; }
	.service-area { padding: 50px 0 55px 0;}
	.testimonials{ padding: 49px 0 74px 0; text-align: center; }
	.testimonials h2{padding-bottom: 17px; margin-bottom: 26px;}
	.testimonials h2:after{ right: 0; margin: 0 auto; }
	.testimonials .slick-dots { left: 0; right: 0; top: inherit; margin:10px auto 0px auto ;}
	.getquote-section{ text-align: center; padding-bottom: 12px; }
	.getquote-section .form-info{ max-width: 100%; }
	.getquote-section .inquiries{ max-width: 100%; }
	.getquote-form li.gfield input{ padding-left: 15px !important; }
	.title-left h2{padding-bottom: 17px; margin-bottom: 26px;}
	.title-left h2:after{ margin: 0 auto; }
	body .getquote-form .gform_wrapper .top_label div.ginput_container{ margin-top: 20px !important; }
	.getquote-form .gform_wrapper .gform_footer{ margin-top: 4px; }
	.getquote-form .gform_ajax_spinner{ position: absolute; top: 100%; left: 47%; }

	.site-footer{ text-align: center; }
	.site-footer .container:after{ display: none;  }
	.site-footer .footer-logo{ padding-right: 0; }
	.site-footer .contact .address span{ float: none; }
	.site-footer .contact .address i{ float: none; }
	.site-footer .social-footer { margin: 5px 0 25px 0;}
	.site-footer .social-footer li{ float: none; }
	.site-footer .quick-links{ padding-left: 0; }
	.site-footer .quick-links a { position: relative; padding-left: 15px;}
	.site-footer li{ padding-left: 0; }
	.site-footer h5{margin: 15px 0 5px 0;}  

	/*Service internal page*/
	.service-item .service-content{ padding-bottom: 0; height: auto !important; }
	.service-item{ margin-bottom: 40px; }
	.service-item .service-icon {width: 100px; height: 100px; padding: 15px;}
	.wellbrook-difference{ padding-top: 20px; }
	.wellbrook-diffimg{ position: static; height: 400px; }
	.difference-content{ text-align: center; }

	/*service page*/
	.plumbing-services-wrap h2.title-line { padding-top: 30px; margin-top: 1px;}
	.services-links .btn-service a{ width: 350px; max-width: 100%; }

	/* gravity form */
	.getquote-form li.gfield .dropdown-menu .dropdown-header + li{ margin-top: 0; }
	.getquote-form li.gfield .dropdown-menu > li > a span.text{ margin-bottom: 0; }
	.getquote-form li.gfield .dropdown-menu > li > a{ padding-left: 15px !important; }
	.getquote-form .bootstrap-select.btn-group .dropdown-toggle .filter-option{ line-height: 30px; margin-bottom: 0px; }
	.commercial-services .col-sm-3{width: 100%;}

	.contact-us-wrap .title-left h2:after { margin: 0; }
	.blogs-wrap .col-sm-4 { width: 100%; } 
	.blog-item .blog-content { padding: 15px 10px; }

	.blog-left .post-navigation { padding: 10px 15px; }
	.blog-right h3 { padding-bottom: 5px; }
	.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { font-size: 14px; }

}

@media (max-width: 640px) {
	.home-hero { text-align: center; padding-top: 150px;}	
	.home-hero .caption{ max-width: 100%; }
	.hero-section{ text-align: center; padding-top: 150px; } 
	.inner-hero { text-align: center; padding-top: 150px; }   
	.gform_button{ width: 100% !important; }

	/*service page*/
	.plumbing-services-wrap .col-sm-3{ width: 100%; }

	/*404 page*/
	.search-form label{ width: 100%; }
	.search-form .screen-reader-text{ width: 100%; display: inline-block; margin-bottom: 5px; }
	.search-form .search-field{ width: 100%; }
	.search-form .search-submit{ width: 100%; }

}