@charset "utf-8";

/* CSS Document */

 html,
      body {
        position: relative;
        height: 100%;
      }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none;}
body { font-family: 'poppinsregular', Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing:-0.03em; line-height: 22px; color: #333; background: #ffffff;}
strong{font-family: 'poppinsbold'; font-weight:normal;}

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #000; font-size: 42px; margin:20px 0px; line-height: 40px; text-transform:uppercase;letter-spacing:-0.03em;}
h1 span{display: block; font-size: 26px; font-family: 'poppinslight'; text-transform: none;}
h2 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #000; font-size: 34px; margin:20px 0px; line-height: 34px; text-transform:none;letter-spacing:-0.03em;}
h3 { font-family: 'poppinslight', Arial, Helvetica, sans-serif; color: #656c73; font-size: 20px; margin: 10px 0px !important; line-height:28px;}
h4 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #daa520; font-size: 16px; margin: 0px 0px 20px 0px; text-transform: none; }
h5 { font-family: 'poppinssemibold', Arial, Helvetica, sans-serif; color: #daa520; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000;/*transition: color .6s;*/ }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 1200px; width:1200px; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 15px;}

::-moz-selection { background:#666666; color:#fff; }
::selection { background:#666666; color:#fff; }

body{overflow-x:hidden;}

.active_header {
    position: fixed !important;
    top: 0;
    left: 0; right: 0;
    width: 100%; z-index:9990;padding: 0px !important; background:#fff;
}
.active_header .logo a{margin:5px 0px;}
.active_header .logo img{height:50px; width:auto; margin:0px;}
.active_header .toggle{margin:5px 0px;}


.content_area{padding:40px 0px !important;}
.ss img{width:100%; height:auto;}
.active_ss{margin-top:0px !important;}

.toggle {
    display: none !important;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.sidelogo img, .bottom-nav img{width: 100%; height: auto;}

/*
	=======================================================================
	 General Styles
	=======================================================================	
*/

* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



      .swiper {
        width: 100%;
        height:auto;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
      }


      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
      }
      .swslider .swiper-slide div{position: absolute; z-index: 11; left: 0px; right: 0px; bottom: 0px; top: 0;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c191f+0,1c191f+100&0+0,0.7+100 */
		background: -moz-linear-gradient(top,  rgba(28,25,31,0) 0%, rgba(28,25,31,0.9) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(28,25,31,0) 0%,rgba(28,25,31,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(28,25,31,0) 0%,rgba(28,25,31,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c191f', endColorstr='#b31c191f',GradientType=0 ); /* IE6-9 */
	  }
	  .swslider .swiper-slide div div{position: absolute; z-index: 12; left: 25px; right: 50px; bottom: 60px; top: auto;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c191f+0,1c191f+100&0+0,0+100 */
		background: -moz-linear-gradient(top,  rgba(28,25,31,0) 0%, rgba(28,25,31,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(28,25,31,0) 0%,rgba(28,25,31,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(28,25,31,0) 0%,rgba(28,25,31,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c191f', endColorstr='#001c191f',GradientType=0 ); /* IE6-9 */
	  }
      .swslider .swiper-slide a{display: block; float: left;}
	  .swslider .swiper-button-next{width: 40px !important; height: 40px !important; display: block !important; background: #d4a861; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 0 !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-prev{width: 40px !important; height: 40px !important; display: block !important; background: #f3d49a; color: #fff; position: absolute; z-index: 13; bottom: 0 !important; right: 40px !important; left: auto !important; top: auto !important; padding: 10px !important; text-align: center;}
	  .swslider .swiper-button-next:after, .swslider .swiper-button-prev:after{color: #fff !important; font-size: 16px !important; line-height: 16px !important; font-weight: 800 !important;}




.swiper-pagination{bottom: 50px !important;}

.header{padding: 6px 0px !important; background: #000 url("../images/dark_bg.jpg"); color: #797979;font-family: 'poppinsmedium'; font-size: 14px;;}
.header a{color: #999999;font-family: 'poppinsbold'; font-size: 16px;}
.header a:hover{color: #fff; text-decoration:none;}
.active_header .header_list{display: none;}
.active_header .toggle{display: table !important; float: right;}
.active_header .toggle img{width: 40px; height: auto;}

.hc-offcanvas-nav{background:rgba(0,0,0,0.8); }

a.logo{display: block; float: left;}
a.logo:hover img{opacity: 0.7;}
.header_list{display: table; float: right; margin: 7px 0px;}
.header_list li{display: block; float: left; margin-left: 20px;}

.top_icons{width: 42px; height: 42px; border: 2px solid #424242; border-radius: 100px; background: #000; padding: 8px; display: block; float: left; margin-right: 5px !important;}
.top_icons img{width: 100%; height: auto;}
.top_text{display: block; float: left; padding: 6px 0px;  line-height: 16px;}
.top_icons, .top_text{margin: 16px 0px;}
.header_single_image{margin: 6px 0px;}

.navg{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f47f20+0,d96e18+100 */
background: rgb(244,127,32); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,127,32,1) 0%, rgba(217,110,24,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,127,32,1) 0%,rgba(217,110,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,127,32,1) 0%,rgba(217,110,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f20', endColorstr='#d96e18',GradientType=0 ); /* IE6-9 */
}
.main_book a{background: #cb1515; display:table; float: right; line-height: 40px; font-size: 14px; margin: 3px 0px; border-radius: 5px; padding: 0px 20px; color: #fff; text-transform: uppercase;font-family: 'poppinssemibold'; letter-spacing: 0;
-webkit-box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.55), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.55), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);
box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.55), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);
}
.main_book a:hover{text-decoration: none; background: #000 url("../images/dark_bg.jpg");}
.main_book a img{display: inline-block; width: 20px; height: auto; margin-left: 4px;}

.homess{overflow: hidden;clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); max-width: 1920px; display: block; margin-left: auto !important; margin-right: auto !important;}
.homess [class*="col-"]{margin-bottom: -99999px !important; padding-bottom: 99999px !important;}
.ss_img img{width: 100%; height: auto;}
.ss_txt{background: #000 url("../images/dark_bg.jpg"); padding: 30px 30px 60px 30px !important; font-size: 20px; line-height: 28px; color: #919191;}
.ss_txt strong{color: #fff;font-family: 'poppinssemibold';}
.ss_txt h1{font-family: 'poppinsbold'; text-transform: none; color: #fff; margin: 0px 0px 20px 0px; font-size: 44px; line-height: 42px;}

.subss_txt{background: #000 url("../images/dark_bg.jpg") !important; position: relative;}
.subss_txt_center {padding: 35px; color: #fff;}
.subss_txt_center h2{color: #fff; margin-top: 0px; font-size: 26px; line-height: 30px; text-transform: uppercase;font-family: 'poppinsmedium';}

.btn{background: #da6f18; border-radius: 3px; font-size: 16px; font-family: 'poppinssemibold'; color: #fff; line-height: 40px; padding: 0px 20px;
-webkit-box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.35), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.35), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);
box-shadow: inset 0px 2px 1px 0px rgba(255,255,255,0.35), inset 2px 0px 1px 0px rgba(0,0,0,0.25), inset -2px 0px 1px 0px rgba(0,0,0,0.25), inset 0px -2px 1px 0px rgba(0,0,0,0.25);


}
.btn:hover{background: #bce6fa; color: #fff;}

.content_area{padding: 30px 0px !important;}

.content_center h1, .content_center h2,.content_center h3,.content_center h4,.content_center h5, .content_center{text-align: center;}
.content_center h3{color: #f47f20; font-size: 28px; line-height: 34px;}

.features_area{width: 800px; display: block; margin: 10px auto 40px auto !important;}
.featuresslider{border-radius: 10px; overflow: hidden;}
.features_slide{background: #f9f9f9; border: 1px solid #e7e7e7; border-radius: 10px; overflow: hidden; position: relative;}
.features_text{padding: 30px 20px 50px 20px; font-size: 14px;}
.features_area .swiper-pagination {bottom: 10px !important;}
.features_icon{position: absolute; z-index: 10; top: 10px; left: 10px; background: #f47f20; width: 50px; height: 50px; padding: 15px; border-radius: 100px;}
.features_icon img{width: 20px; height: 20px;}

.home_logo_area_container{max-width: 600px; display: block; margin: 0px auto !important; margin-bottom: 40px !important;}
.home_services_area{max-width: 1920px; display: block; margin-left: auto !important; margin-right: auto !important; overflow: hidden;}
.home_services_area [class*="col-"]{margin-bottom: -99999px !important; padding-bottom: 99999px !important;}
.home_services_area_txt{background: #000 url("../images/dark_bg.jpg"); padding: 60px 30px !important;}
.home_services_area_txt h2{font-size: 42px; color: #f47f20;font-family: 'poppinssemibold'; text-align: center;}
.home_services_area_txt p{font-size: 28px; line-height: 40px; color: #a5a5a5; text-align: center;}
.home_services_area_thumbs{background: url("../images/services_area_bg.jpg"); padding: 50px 50px !important;}

.home_services_area_thumbs a, .home_services_area_thumbs a:hover{text-decoration: none; text-align: left; display: block; margin-bottom: 50px;}
.home_services_area_thumbs a img{display: block; margin-bottom: 30px;}
.home_services_area_thumbs a:hover img{opacity: 0.6;}
.home_services_area_thumbs a h3{font-size: 22px; color: #f47f20;font-family: 'poppinssemibold'; text-decoration: none;}
.home_services_area_thumbs a:hover h3, .home_services_area_thumbs a:hover p{text-decoration: none !important;}
.home_services_area_thumbs a p{font-size: 16px; color: #c2c2c2; line-height: 24px;}
.home_services_area_thumbs a p.fakelink{font-size: 16px; text-transform: uppercase; color: #f47f20;font-family: 'poppinssemibold';}

.home_reviews{padding: 70px 0px !important; background: url("../images/fabric.jpg");}
.home_reviews h2{text-align: center; color: #000; margin-top: 0px;}
.home_reviews .btn{display: table; margin-left: auto; margin-right: auto; margin-top: 30px;}
.homereviewsslider .review_wraper{display: block; background: #e4e4e4; border: 1px solid #fff; border-radius: 10px; padding: 0px; margin: 5px; overflow: hidden; text-decoration: none;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}

.homereviewsslider .review_wraper .review_stars{width: 100%; border-bottom: 1px solid #fff; padding: 10px 6px;}
.homereviewsslider .review_wraper .rwview_content{padding: 25px; text-align: left; font-size: 14px; line-height: 20px; height: 260px; overflow-y: auto;}
.homereviewsslider .review_wraper .review_verified{width: 100%; border-top: 1px solid #fff; padding: 10px 6px; font-size: 12px; color: #1E1E1E;}
.checked {color: orange;}

.footer_map_area{background:#000; position: relative;}
.footer_map_area iframe{position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; left: 0; width: 100% !important; height: 100% !important;}
.footer_contact_area{background: #f47f20; color: #fff; padding: 60px !important; }
.footer_contact_holder{display: block; margin-bottom: 60px;}

.footer{background: #000 url("../images/dark_bg.jpg"); padding: 70px 0px 60px 0px !important; clip-path: polygon(100% 0, 0 10%, 0% 100%, 100% 100%);margin-top: -50px !important;}
.footer_top{border-bottom: 1px solid #3f3f3f; padding-bottom: 30px !important; color: #7e7e7e;}
.footer_top a{color: #7e7e7e; text-decoration: none;}
.footer_top a:hover{color: #fff; text-decoration: none;}
.footer_top h3{color: #bfbfbf;font-family: 'poppinssemibold'; text-transform: uppercase;}
.footer_btm{padding-top: 30px !important; text-align: center; color: #7e7e7e;}
.footer_btm p{margin: 0px; padding: 0px;}

body.theme-default .hc-offcanvas-nav .nav-content>.nav-close{position: inherit !important;}
.nav-close-button{display: block; position: absolute !important; z-index: 20 !important; width: 50px; height: 50px; right:-25px !important; top: 10px !important; float: right; border-radius: 100px; border: 0px !important;}
.sidebook{background: #f47f20;}
.sidebook a{text-align: center; font-size: 18px; font-family: 'poppinsmedium'; text-transform: uppercase;}
.sidebook a img{width: 20px; height: auto;}
.false{display: none;}
.subimg{width: 100%; height: auto;}


.btm_menu li{margin: 8px 0px;}

.content_area a{font-weight: 700; text-decoration: none; border-bottom: 1px dotted #000;}
.content_area a:hover{text-decoration: none; color: #f47f20;}
.sidebar_form_wraper{background: #f47f20; color: #fff; border-radius: 5px; font-size: 12px; padding: 20px;}
.sidebar_form_wraper label{font-size: 13px !important;}
.sidebar_form_wraper .gform_wrapper .gfield_required{font-style: normal !important; font-size: 12px !important;}
.sidebar_form_wraper input[type="text"], .sidebar_form_wraper textarea{padding: 4px 8px !important; font-size: 12px !important; line-height: 26px !important; border-radius: 3px; border: 1px solid #d86d17; color: #000;}
.sidebar_form_wraper input[type="submit"]{border: none; border-radius: 3px; background: #000; color: #fff; padding: 0px 15px; height: 36px;}
.sidebar_form_wraper .gform_footer{padding: 0px !important;}
.sidebar_services_menu li{margin: 6px 0px !important;}
.sb li{margin-bottom: 40px;}
.gimg img{width: 100%; height: auto;}
.final_stars{font-size: 22px; color: #FFB600; padding: 10px 0px !important; text-align: center;}
.rvw{padding: 26px 30px !important;}
.rvw .rvwwraper{border: 1px solid #000; border-radius: 5px;}
.final_stars, .final_rating{margin: 0px !important; padding: 8px !important; border-bottom: 1px dotted #ccc;}
.final_rating{font-size: 12px; line-height: 18px;}
.rvw_list [class*="col-"] {padding: 5px 20px !important;}
.revww{height: 200px; overflow-y: auto;font-family: 'poppinslight'; font-size: 14px; line-height: 20px; padding: 30px 40px !important; background-image: url("../images/quote_icon.png"); background-repeat: no-repeat; background-position: left top; text-align: center;}
.revttl{height: 54px;}
.ss{text-align: right;}
.aa{background: #ECE3DB; padding: 6px 8px !important;}
.aa:hover{background: #f7f2ee;}
.aa [class*="col-"] {padding: 0 5px !important;}
.vr{text-align: center;}
.review_date{font-size: 11px; color: #ccc;}

.footer_contact_area input[type="text"], .footer_contact_area textarea{color: #000 !important;}

.top_ctoa{padding-top: 30px !important;}
.top_ctoa [class*="col-"] {padding: 0 5px;}
.top_ctoa img{width: 26px; height: auto; display: inline-block; margin-right: 6px;}
.top_ctoa .btn{padding: 10px 20px !important; width: 100%; text-transform: uppercase;font-family: 'poppinssemibold';}

.btm_ctoa{padding: 100px 0px !important; background-color: #000; background-image: url("../images/plumbing-Parts.jpg"); background-size: cover; background-attachment: fixed;}
.btm_ctoa [class*="col-"] {padding: 0 5px;}
.btm_ctoa img{width: 26px; height: auto; display: inline-block; margin-right: 6px;}
.btm_ctoa .btn{padding: 10px 20px !important; width: 100%; text-transform: uppercase;font-family: 'poppinssemibold';}

.google_rev_area{background:url("../images/fabric.jpg"); padding: 50px 0px !important;}
.fbb iframe{width: 100% !important;}











/*
	=======================================================================
	 Media Queries
	=======================================================================	
*/
/* Large Devices, Desktops */
@media only screen and (max-width : 1200px) {
 

.container { max-width: 1000px; width:1000px;}
.main_book a{padding: 0px 7px;}
.ss_txt h1 {margin: 0px 0px 0px 0px; font-size: 24px;line-height: 24px;}
.ss_txt strong {font-size: 14px;}
.ss_txt {font-size: 12px; line-height: 18px;}
.home_services_area_txt {padding: 30px 30px !important;}
.home_services_area_txt h2 {font-size: 26px; margin: 0px 0px 10px 0px;}
.home_services_area_txt p {font-size: 22px; line-height: 27px;}

}

/* Desktop App */
@media only screen and (max-width : 1024px) {

.container { max-width: 900px; width:900px;}
.ss_txt strong {font-size: 12px;}
.ss_txt {font-size: 10px;line-height: 14px;}
.main_book a{font-size: 12px;}
.main_book a img{margin-left: 2px;}
.homereviewsslider .review_wraper .rwview_content {font-size: 12px;line-height: 18px;}
.home_services_area_thumbs a img {margin-bottom: 10px;}
.home_services_area_thumbs a h3 {font-size: 16px; line-height: 20px;}
.home_services_area_thumbs a p {font-size: 12px;line-height: 18px;}
.home_services_area_txt p {font-size: 16px;}

.header a {font-size: 12px;}
.top_text{font-size: 12px;}
.logo img{width: 206px; height: auto;}


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container { max-width: 700px; width:700px;}
.ss_txt {text-align: center; padding: 40px !important; padding-bottom: 40px !important;}
.homess [class*="col-"] {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.false{display: block; height: 40px;}

.homess .swiper-pagination {bottom: 20px !important;}
.navg{display: none;}

.header_list{float: left; display: none;}
.footer{clip-path: polygon(100% 0, 0 5%, 0% 100%, 100% 100%);}
.homess{clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);}



.toggle {
    display: table !important;
    float: right;
}
.header .toggle img {
    width: 40px;
    height: auto;
}
.bb {
    margin: 18px 0px;
}
.footer_top{text-align: center;}
.features_area{width: 100%;}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }

.container { max-width: 90%; width:90%;}

.homereviewsslider .review_wraper .rwview_content{height: 160px;}


.footer_contact_area{padding: 30px !important;}


.header_list li{width: 100%;}
.top_icons, .top_text {margin: 2px 0px;}
.header_single_image {width: 100px; height: auto;}
.header_list li {margin-left: 0px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {





}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	

	
}