@font-face {
    font-family: 'Conv-Georgia-Italic';
    src: url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.eot');
    src: url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.eot#iefix') format('embedded-opentype'),
    
         url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.otf') format('otf'),
          url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.otf') format('otf'),
        url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.woff') format('woff2'),
        url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.woff') format('woff'),
  url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.ttf') format('truetype'),
  url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Italic.svg#SourceSansPro-Black') format('svg');
 font-weight: 400;

}

@font-face {
    font-family: 'Conv-Georgia-Italic';
    src: url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.eot');
    src: url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.eot#iefix') format('embedded-opentype'),
    
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.otf') format('otf'),
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.otf') format('otf'),
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.woff') format('woff2'),
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.woff') format('woff'),
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.ttf') format('truetype'),
    url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Fonts/Georgia%20Bold%20Italic/GeorgiaBoldItalic.svg#SourceSansPro-Black') format('svg');
 font-weight: 700;

}

body{background:#fff;}
.container{max-width:1230px !important;padding:0 15px;width:100%;}

h1{font-size:96px;line-height:115px;margin-bottom:0px;}
h2{font-size:35px;line-height:1.4;margin-bottom:0px;}
h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 0;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-weight: 300;
}
h4 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0px;
    font-weight: 400 !important;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
h5{font-size:34px;line-height:1.4;margin-bottom:0px;}
h6{font-size:24px;line-height:1.4;margin-bottom:0px;}

*{	box-sizing: border-box;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.white-popup-2 iframe {width:100% !important;height:100% !important;}
.search-button img{ width:20px;}
input.hs-button.primary.large {border-radius:0 !important; -webkit-border-radius:0 !important; -webkit-appearance: none !important;}
.top-menu .hs-menu-depth-1 a{color: #3a3a3a;font-size: 16px; font-family: 'Source Sans Pro', sans-serif;font-weight: 500; letter-spacing:0.02em; padding:5px 4px;}
.top-menu .hs-menu-depth-1 a:hover{color:#dd3e26 !important;}
.top-menu .hs-menu-wrapper .hs-menu-depth-1:last-child a{    background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Home%20Page/rep-icon.png) no-repeat 6px center; background-size:14px; padding-left:30px !important;font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#dd3e26; 
 padding-right:0 !important;}
.top-menu .hs-menu-wrapper .hs-menu-depth-1:last-child a:hover{ color:#3a3a3a !important;}
.menu-block .hs-menu-flow-horizontal ul{list-style:none;}
.menu-block .hs-menu-flow-horizontal ul li{list-style-image: none; }
.menu-block .hs-menu-flow-horizontal > ul > li > a{font-family: 'Source Sans Pro', sans-serif;font-weight: 500;color: #3a3a3a;text-transform: uppercase;font-size: 27px;max-width: inherit;}
.menu-block .hs-menu-flow-horizontal .hs-item-has-children a{background:url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/images/bottom-arrow.png) no-repeat center right;}
.menu-block {
    margin-top: 15px;
    margin-bottom: 16px;
}
.search-button{ margin-top:15px;}
.search-button a{ background: #f7f8f8; padding: 11px; display: none; color:#dd3e26;}
.search-button a:hover{opacity:0.7;}
.search-button .gsc-input-box .gsib_a{ display:none;}
.search-button .gsc-search-button input{background-size: 18px;margin-left: 0;padding: 14px;}
.search-button .gsc-input{ display:none;}
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.header-logo{ padding-top:40px;}
.header-logo a{ display:block;}
.menu-block .hs-menu-wrapper > ul{ float:right;}
.menu-block .hs-menu-wrapper > ul > li{ margin-bottom:0; margin-right:30px;}
.menu-block .hs-menu-wrapper > ul > li:last-child{ margin-right:13px;}
.menu-block .hs-menu-children-wrapper {
    padding-top: 11px;
    padding-left: 10px;
    padding-bottom: 20px;
    background-size: cover;
    background-color: #efeeee;
}
.menu-block .hs-menu-children-wrapper li {
    width: 262px;
    float: left;
    margin: 6px 0 0px 5px;
}
.menu-block .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ font-size:21px; width:100%; color:#3a3a3a; max-width:100%;background:#fff;}
.menu-block .hs-item-has-children .hs-menu-children-wrapper{width: 561px;}
.menu-block .hs-item-has-children:nth-child(3n+3) .hs-menu-children-wrapper{left:inherit !important; right:0; width:303px;}
.menu-block .hs-item-has-children:last-child .hs-menu-children-wrapper{left:inherit !important; right:0;}
.footer-copyright img { width: 300px;}
.footer-made-in img { margin-bottom: 20px;}
.footer-copyright .hs_cos_wrapper p{ font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color: #ffffff; font-size: 18px; line-height: 30px;margin-bottom: 0;padding-bottom: 10px;margin-top: 26px;padding-left: 4px;letter-spacing: -0.02em; padding-right:15px; }
.footer-copyright .hs_cos_wrapper p a{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #ffffff; font-size: 18px; line-height: 30px; margin-left:5px; }
.footer-copyright .hs_cos_wrapper p a:hover{ color: #dd3e26;text-decoration: none }
.footer-socail-icon{position: relative}
.footer-socail-icon:after{ background: rgba(256,256,256,0.19); height: 100px; width: 1px; position: absolute; top: 0
; left: -30px; content: ""}
.footer-made-in{position: relative}
.footer-made-in:after{ background: rgba(256,256,256,0.19); height: 100px; width: 1px; position: absolute; top: 0
; left: -30px; content: ""}
.footer-socail-icon .hs_cos_wrapper_type_text{ color: #fff;font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 18px;    letter-spacing: -0.02em; }
.footer-socail-icon .cell-wrapper ul{ list-style:none; padding: 0; margin: 0;}
.footer-socail-icon .cell-wrapper ul li{ display: inline-block;margin-right: 11px;}
.footer-socail-icon .cell-wrapper ul li a{ display: block; color: #ada7a7; height: 44px; width: 44px; text-align: center; line-height: 45px; font-size: 21px;border: #c6c6c5 solid 1px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; }
.footer-socail-icon{padding-left: 15px;padding-top: 7px;}
.f_social_link{ margin-top: 13px;}
.footer-made-in .hs_cos_wrapper span{ font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; color:#ffffff; text-transform: uppercase}
#after-footer-wrapper.inner-wrapper{ padding-bottom:44px !important;background: #212221;}
#footer-menu-wrapper.inner-wrapper{ padding-top:0 !important;}
.footer-section{ background: #c33b27; padding: 15px 0;}
.footer-section a{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #fff;line-height: initial; font-size:22px;}
.footer-section a:hover{ text-decoration: none; opacity:0.5; color:#fff;}
.footer-submenu-section { padding-top:7px; padding-bottom:10px;}
.footer-submenu-section .footer-title{ display: none}
.footer-submenu-section ul{list-style: none; margin:0; padding: 0; }
.footer-submenu-section ul li{list-style-image: url(https://367344.fs1.hubspotusercontent-na1.net/hub/367344/file-1448524035-png/images/layout/icons/small-marron-bullet.png?t=1482229259750); list-style-position: inside; margin-bottom:0; padding-left:6px; line-height:27px;}
.footer-submenu-section ul li a{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; padding: 0; font-size: 14px; line-height:20px;max-width: none ;width: 100% ;display: inline ;padding: 0 !important;}
.footer-submenu-section ul li a:hover{ text-decoration: none; padding-left:6px;}
/*.lst-footer .container{ padding-left: 0;}*/
.footer-submenu-section .footer-title a { font-family: 'Source Sans Pro',sans-serif;font-weight: 400;color: #fff;line-height: initial;font-size: 22px;}
.footer-submenu-section .footer-title ul li{ list-style-image:none; padding-left:0;}
.footer-socail-icon .cell-wrapper ul li:last-child{margin-right:0 }
.top-menu{ margin-top:17px;padding-right: 16px;}
#search .container{position: absolute;right:15px;left: 0;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#search{  position: relative}
.search-inner .search_form #SearchValue{ background: transparent; border:none;  border-top: #fff  solid 2px; border-bottom: #fff  solid 2px;  padding: 30px 53px 30px 0; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -webkit-border-radius:0 ; color:#fff; font-size:24px;}
.search-inner .search_form #SearchValue:focus{ border-color:#dd3e26; outline:0;}
#search .close{ display: none}
.search-inner .search_form .search-sub{ border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/images/search-white-button.png) no-repeat; border: none; position: absolute; top: 50%; right: 20px;margin-bottom: 0;
    transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.search-inner .search_form .search-sub:focus{ outline: 0;}
#trigger2{ display:none;}
.water-house-block{text-align: center; padding-top: 50px; position: relative;z-index: 1;background: #fff;}
.water-house-block h2{ font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size:40px; color:#1a1a1a; margin-bottom: 47px; text-transform: uppercase; letter-spacing:0.5px;word-spacing:1px;}
.water-field .water-in-field {display: inline-block;float: none;margin-bottom: 10px;margin-left: 11px;overflow: hidden;position: relative;vertical-align: top;width: 32.5%;}
.water-field .water-in-field .wf_image{height:250px; position: relative;}
.water-field .water-in-field .wf_image img{height: 250px}
.wf_image_hover{ background: rgba(61,60,60,0.8); position: absolute;top:67%; left: 0; width: 100% !important; bottom:0; padding:0 60px;     transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.water-in-field:hover .wf_image_hover{ top:0; }
.wf_image_hover label{font-family: 'Open Sans',sans-serif;font-size: 23px;font-weight: 400;color: #fff;letter-spacing: .08em;margin-bottom: 15px;display: table;text-transform: uppercase;height: 55px;margin-top: 9px;line-height: 30px; width:100%;}
.wf_image_hover p{ font-size: 22px; line-height: 30px; color: #fff; padding-bottom:0;}
.wf_image_hover a{ border: #fff solid 1px;padding: 10px 30px;font-size: 22px;line-height: 28px;color: #fff;display: inline-block;text-transform: uppercase;letter-spacing: 0.03em; }
.wf_image_hover a:hover{opacity: 0.7; text-decoration:none;}

.wf_image_hover label span {display: table-cell;vertical-align: middle;}
.invovation-video{ background: #f7f8f8; padding: 62px 0; margin-top:61px;position: relative;}
.invovation-video .cell-wrapper h3{ color:#212b2a; font-size: 35px; line-height: 46px; letter-spacing: -0.02em;font-family: 'Source Sans Pro', sans-serif;  font-weight: 600; margin-bottom:0; line-height:1;}
.invovation-video .invo-content{ padding-left: 15px; }
.invovation-video{ background: #f7f8f8; padding: 62px 0;}
.invovation-video h3{ color:#212b2a; font-size: 35px; line-height: 72px; letter-spacing: -0.02em;font-family: 'Source Sans Pro', sans-serif;  font-weight: 600;}
.invovation-video .cell-wrapper i{ color: #df4026;  font-size:22px; font-family: 'Conv-Georgia-Italic',sans-serif;  line-height: 38px;  font-weight:400; margin-bottom: 9px;display: inline-block; }
.invovation-video .cell-wrapper p{ color: #444444;  font-size:27px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300;  line-height: 33px; letter-spacing: -0.02em; padding-right:30px; margin-bottom:12px;}
.invovation-video .cell-wrapper a{ background: #dd3e26;color: #fff;font-size: 18px;text-transform: uppercase;padding: 15px 24px;letter-spacing: 0.02em; display:inline-block;font-weight:400;}
.invovation-video .cell-wrapper a:hover{ text-decoration: none}
.invovation-video:after{ background:#f1f1f1; width: 50%; top: 0; right: 0; position: absolute; content: ""; height:100%;}
.invovation-video .container{ position: relative; z-index: 1}
.invovation-video .invo-image{ padding-left: 23px; }
.why-blog{ padding: 70px 0 80px; }
.home-banner{height:auto;}
.home-banner .owl-prev {position: absolute;top: 50%;display: block;left: 0;background: rgba(0,0,0,0.5);height: 74px;width: 44px;transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size:0; overflow:hiddentext-indent: -999px}
.home-banner .owl-next {position: absolute;top: 50%;display: block;right: 0;background: rgba(0,0,0,0.5);height: 74px;width: 44px;transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size:0; overflow:hiddentext-indent: -999px}
.home-banner .owl-prev:hover:after, .home-banner .owl-next:hover:after{ opacity:0.7;}
.home-banner .owl-prev:after { position: absolute; top: 50%; left: 50%; height: 44px; width: 13px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); content: ""; background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/owl-img-slider/left.png) no-repeat;  background-size: 13px;}
.home-banner .owl-next:after { position: absolute; top: 50%; left: 50%; height: 44px; width: 13px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); content:""; background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/owl-img-slider/right.png) no-repeat; background-size: 13px;}
.why-blog h2{ font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color:#232c2b; font-size: 32px; line-height: 40px; margin-bottom:40px;}
.why-blog .buy-inner{background:#dd4027;position: relative;}
.why-blog .buy-inner.last{background:#bd3926;}
.why-blog .buy-inner  a .image{width: 36%;position: absolute;top: 0;left: 0;bottom: 0;}
.why-blog .buy-inner  a .image img{ height: 100%;width: 100%;}
.why-blog .buy-inner  a .detail{width: 64%;float: left;padding: 0 72px;margin-left: 35.5%; display:table;height:210px}
.tbl-cell {  display: table-cell;vertical-align: middle;}

.why-blog .buy-inner  a:hover{ opacity: 1}
.why-blog .buy-inner  a .detail h3{ color: #fff; font-family: 'Droid Serif', serif; font-style: italic; font-size: 36px; line-height: 40px; font-weight: 400}
.why-blog .buy-inner  a .detail p{ color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 26px; line-height: 32px; padding-bottom:0; margin-bottom:0;}
.why-blog .buy-inner  a{ display:block;}
.water-blog ul li{ list-style-image:none; position: relative; font-family: 'Source Sans Pro', sans-serif; font-size: 22px; color: #bd3926; font-style: italic; font-weight: 300; padding-left: 24px; margin-bottom:23px; }
.water-blog ul li:after{ background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/images/red-color.png) no-repeat; position: absolute; top: 11px; left: 0; height: 7px; width: 7px;content: ""}
.water-blog ul{ list-style: none; margin:0; padding:0 0 0 24px; }
.home-blog-right{ padding-left: 33px}
.water-blog .block > h3 {display: none;}
.water-blog ul li a:hover{text-decoration:none;}

.view-blog a{ background: #dd3e26; padding: 10px 18px; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; display: inline-block;letter-spacing: -0.04em; text-transform: uppercase;font-weight:400;}
.view-blog a:hover{ text-decoration: none;}
.view-blog{margin-top: 29px;padding-left: 33px;}
.home-banner .hs_cos_wrapper h2{ font-family: 'Open Sans',sans-serif; font-weight: 300; font-style: italic; font-size: 61px; color: #fff; text-align: center; line-height:1.2; margin-bottom:87px;}

.home-banner .hs_cos_wrapper{ max-idth: 1230px;margin: 0 auto;display: inline-block;}
.banner-button{ text-align: center}
.banner-button a{ display: inline-block; text-transform: uppercase; color:#fff; font-size: 32px; padding: 17px 32px; font-family: 'Source Sans Pro', sans-serif; margin-right:25px; letter-spacing:-0.04em; font-weight: 400;border-radius:3px;}
.banner-button a:last-child{ margin-right:0;}
.banner-button a:hover{ text-decoration: none}
.banner-button a.discover-btn{ background: #e8c253; color: #514118;padding: 16px 32px;}
.banner-button a.video-btn{ background: rgba(0,0,0,0.25); color:#fff; border: #fff solid 2px; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; padding:13px 33px 11px; }
.banner-button a.video-btn i{font-size: 18px;background: transparent;border: #fff solid 1px;border-radius: 50%;padding: 0;margin-right: 16px;height: 36px;vertical-align: top;width: 36px;line-height: 34px;text-align: center;display: inline-block;}
.home-banner .owl-dots{position: absolute; bottom: 47px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);} 
.home-banner .owl-dots .owl-dot{ display: inline-block; height: 28px; width: 28px; border: rgba(256,256,256,0.5) solid 2px; border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative;margin-right:10px}
.home-banner .owl-dots .owl-dot:after{ height: 18px; width: 18px; position: absolute; left: 3px; top: 3px; background: rgba(256,256,256,0); content: "";border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.home-banner .owl-dots .owl-dot.active:after{background: rgba(256,256,256,0.5); }

#videopop {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: translate(0px, -100%) scale(0, 0);-moz-transform: translate(0px, -100%) scale(0, 0);-ms-transform: translate(0px, -100%) scale(0, 0);-o-transform: translate(0px, -100%) scale(0, 0);transform: translate(0px, -100%) scale(0, 0);    opacity: 0;display: none; z-index: 9;}
#videopop.open {-webkit-transform: translate(0px, 0px) scale(1, 1);-moz-transform: translate(0px, 0px) scale(1, 1);-ms-transform: translate(0px, 0px) scale(1, 1);-o-transform: translate(0px, 0px) scale(1, 1);transform: translate(0px, 0px) scale(1, 1); opacity: 1;z-index: 106;display: block;}

#videopop .close { position: fixed;cursor: pointer;top: -10%;right: 15px;opacity: 1;font-size: 28px;color: #fff;z-index: 99;border: #fff solid 1px;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; height: 40px;width: 40px;text-align: center;line-height: 38px;}
#videopop .close:hover{opacity:0.7;}
#videopop .container{ position: relative; padding-bottom:30%;transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); top:50%;}
#videopop .container iframe{ position: absolute;height:100%; width:96%; left:2%; right:2%;}
span#mobmenu{ display:none;}

.white-popup-1 {
  max-width: 700px;
  height:500px;
   padding: 20px;
}

.white-popup-2 {
  max-width:1070px;
   padding: 60px;
}


.popup-commen {
  position: relative;
  background: #FFF;
 
  width:auto;
  margin: 20px auto;  
}

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-close {
    font-family: "Open Sans",sans-serif !important;
    font-weight: 100;
    font-size: 60px !important;
    right: 11px !important;
    top: 5px !important;
    opacity: 1 !important;
}


.span12.widget-span.widget-type-menu.menu-block.menu-mobile {
    display: none;
}

.menu-block span.arrow{ display:none }
.menu-block span.arrow{ position: absolute; background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/images/bottom-arrow.png?t=1482755221699) no-repeat center; height: 40px; width: 40px; font-size: 0; text-indent: -999px; overflow: hidden; top: 0; right: 0;cursor: pointer }
.menu-block span.arrow.open{transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg)}

/* Home Sign Up style css */

.span12.widget-span.widget-type-cell.home_signup {
    display: none;
}

.home_signup{width:100%;position:relative;background:url('https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Home%20Page/Subscription-banner.jpg') center center;background-size:cover;}
.home_signup:after{content:"";position:absolute;background:rgba(0,0,0,0.5);top:0;width:100%;height:100%}

.sign-form-nozz input{min-height:55px;}
.sign-form-nozz .hs-form-field > label > span {font-weight: 400;font-family: "open sans",sans-serif;}
.social-wrap a:hover {text-decoration: none;}
.sign-form-nozz h5 {color:#fff;}

.home-signup-wrap{position:relative;z-index:9;text-align:center;padding:59px 0 83px;}
.home-signup-wrap h2{color:#fff;font-size:37px;line-height:32px;font-weight:700; font-family: "Conv-Georgia-Italic",sans-serif;}
.home-signup-wrap p{color:#fff;font-size:29px;line-height:20px;font-family: "Conv-Georgia-Italic",sans-serif;font-weight:400;}
.home-signup-wrap label{color:#fff;margin-bottom:10px;}
.home-signup-wrap .hs-form-field {width: 43%; text-align: left;float:left; padding-right:1%;}
.home-signup-wrap input[type="submit"]{font-family: 'Source Sans Pro', sans-serif; font-weight:300;text-transform: uppercase;margin-top:38px;background:rgba(0,0,0,0.5) ;color:#fff;border:1px solid #fff;border-radius:0;-webkit:border-radius:0;-moz-border-radius:0;transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.home-signup-wrap input[type="submit"]:hover{background:#c33b27;border:1px solid #c33b27}

.let-frd { background-color:#f7f8f8;}
.let-frd{width:100%;padding:50px 0 58px;text-align:center;}
.let-frd .let-frd-wrap{position:relative;}
.let-frd .let-frd-wrap h2{font-size:30px;line-height:40px;font-weight:600;}
.let-frd .let-frd-wrap p{font-size:18px;}
.let-frd .let-frd-wrap .social-wrap ul{padding-left:0;position:relative;padding:0 40px;background:#f7f8f8;z-index:99;display:inline-block;}
.let-frd .let-frd-wrap .social-wrap{position:relative;max-width:700px;margin:0 auto;}
.let-frd .let-frd-wrap .social-wrap:after{content:"";position:absolute;background:#ada7a7;top:40px;right:0;left:0;width:100%;height:1px;}
.let-frd .let-frd-wrap .social-wrap ul li{list-style:none;display:inline-block;position:relative;margin-right:20px;vertical-align: top;}
.let-frd .let-frd-wrap .social-wrap ul li:last-child{margin-right:0;}
.let-frd .let-frd-wrap .social-wrap ul li a i{font-size: 30px;color: #ada7a7;border: 1px solid #ada7a7;border-radius: 50%;width: 75px;height: 75px;line-height: 75px;opacity:1;}
.let-frd .let-frd-wrap .social-wrap ul li a:hover i{background:#dd3e26;border-radius:50%;color:#fff;border:1px solid #dd3e26;transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out}
.let-frd .let-frd-wrap .social-wrap ul li:nth-of-type(2) a:hover i{background:#3b5998;border:1px solid #3b5998;}

.let-frd .let-frd-wrap .social-wrap ul li:first-child a i:before{left:20px;position:absolute;left:22px;}

.let-frd .let-frd-wrap .let-frd-content{max-width:620px;margin:0 auto;float:none;}
.let-frd .let-frd-wrap .let-frd-content p{font-size:26px;line-height:36px; font-weight:400;}
.banner-video-bg{position: absolute;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center;bottom: 0;right: 0;}
/* -------------------------*/
.home-signup-wrap .hs-error-msgs label{ color:red;}
.home-banner .owl-item{ position: relative}
.home-banner .owl-item:after{ content: ""; top: 0; left: 0; height: 100%; width:100%; background: rgba(0,0,0,0.05); position: absolute}
.home-banner .owl-item .container{ position: relative; z-index: 9}
.banner-video-bg iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.gb-logo{ display:none !important;}

.stickyHeader #fixed-nav {
    z-index: 0;
}


@media (max-width:1250px){
    .water-field .water-in-field{width:31%;}
    
    .single-product span {
    font-size: 17px;
    }

}
@media (max-width:1200px){
    .footer-socail-icon{ padding-left: 0;}
    .footer-socail-icon .cell-wrapper ul li a{height:34px; width:34px;line-height:33px; font-size:14px;}
    .footer-made-in .hs_cos_wrapper span{ font-size: 16px}
    .footer-copyright .hs_cos_wrapper p{ font-size:16px;}
    .footer-copyright .hs_cos_wrapper p a{ font-size:16px;}
    .footer-socail-icon .hs_cos_wrapper_type_text{ font-size:16px;}
    .menu-block .hs-menu-flow-horizontal > ul > li > a { font-size:24px;}
    #videopop .container{ padding-bottom:50%;}
    .wf_image_hover label{ font-size:20px; height:50px;line-height:22px;margin-top:15px;}
    .wf_image_hover{ padding:0 30px;}
    .wf_image_hover p{font-size:20px; line-height:27px;}
    .wf_image_hover a{padding: 7px 30px;font-size: 20px;line-height: 28px;}
    .wf_image_hover{ top:68%;}
    .home-banner .hs_cos_wrapper h2{font-size: 46px;margin-bottom: 40px;padding: 0 30px;}
    .banner-button a{ font-size:28px;} 
    .banner-button a.video-btn i{font-size: 14px;height: 30px;width: 30px;line-height: 29px;}
    .why-blog .buy-inner a .detail{ padding:0 60px ;}
    .why-blog .buy-inner a .detail h3{ font-size:30px; margin-bottom:10px;}
    .why-blog .buy-inner a .detail p{ font-size:22px;}
    .water-blog ul li{ margin-bottom:15px;}
    .view-blog a{ letter-spacing:0;}
}

@media (max-width:1024px){
    .right-menu{padding-bottom: 10px;}
    .water-blog ul li{font-size:19px;padding-right: 15px;}
    .home-signup-wrap h2{line-height: inherit;}
    .menu-block .hs-menu-flow-horizontal .hs-item-has-children a{padding: 10px 16px;}
    .home-banner .owl-item{max-height: 573px !important;}
    .video-bg video{position: relative;height: 578px;width: 1130px;}
}    

@media (max-width:1024px) and (min-width:767px){
    .water-field .water-in-field .wf_image{height:auto;}
    .water-field .water-in-field .wf_image img{height:auto;}
    .wf_image_hover label{ font-size: 14px; height: 38px; line-height: 16px; margin-top: 4px; margin-bottom: 4px; padding:0 10px;}
    .wf_image_hover p{font-size: 15px;line-height: 20px;padding: 5px 0;margin-top: 0;margin-bottom: 7px;}
    .wf_image_hover a{padding: 4px 30px;font-size: 15px;line-height: 20px;}
    .wf_image_hover{ top:74%; bottom:2px;} 
}    

@media (max-width:979px){
    .inner-wrapper .footer-menu{ display: block !important}
    .footer-socail-icon:after, .footer-made-in:after{ left:-12%;}
    .footer-socail-icon .cell-wrapper ul li{ margin-right:7px;}
    .footer-section a{ font-size:18px;}
    .menu-block .hs-menu-flow-horizontal > ul > li > a{ font-size:20px;}
    .top-menu{ padding-right:0;}
    .top-menu .hs-menu-depth-1 a{ padding:0 10px !important;}
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{  margin-bottom:5px;}
    .menu-block .hs-item-has-children .hs-menu-children-wrapper{ width: 450px;}
    .menu-block .hs-menu-children-wrapper li{ width: 47%;}
    .menu-block .hs-item-has-children:nth-child(3n+3) .hs-menu-children-wrapper li{ width:93%;}
    .menu-block .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ font-size:18px;}
    .search-inner .search_form #SearchValue{ font-size:20px;}
    .menu-block{ margin-top:0; margin-bottom:0;}
    .search-button{ margin-top:4px;}
    .wf_image_hover{ padding:0 20px;} 
    .menu-block .hs-menu-wrapper > ul > li:last-child{ margin-right:0;}
    .menu-block .hs-menu-wrapper > ul > li{ margin-right:0;}
    .home-banner .hs_cos_wrapper h2 br{ display:none;}
    .menu-block .hs-item-has-children .hs-menu-children-wrapper{width: 303px;height: inherit;padding-bottom: 20px;}
    .menu-block .hs-menu-children-wrapper li{ width:94%; float:none;}
    .top-menu .hs-menu-depth-1 a{ font-size:14px !important;}
    .invovation-video .cell-wrapper h3{font-size:28px;}
    .invovation-video .cell-wrapper i{ font-size:18px;}
    .home-signup-wrap .hs-form-field{ width:50%;}
    .home-signup-wrap input[type="submit"]{ margin-top:10px;}
    .why-blog .buy-inner a .detail{ padding:0 48px ;}
    
    .single-product span {
    font-size: 15px;
    }
}
@media (max-width:900px){
    .wf_image_hover{top:70%;}
    .water-house-block h2{font-size:34px;margin-bottom: 35px;}   
    .why-blog .buy-inner a .detail{padding:0 30px;}
    .single-product span {font-size: 24px;}
}

@media (max-width:870px){
    .video-bg video{display: none !important;}
    .banner-item1 {background: url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/Apexhose-Website/Home%20Page/banner_1-1.jpg?t=1487485437188);background-size: cover;background-position: center center !important;}
    .top-menu .hs-menu-depth-1 a{font-size: 13px !important;}
}

@media (max-width:767px){
    .buy-box-main {margin-bottom: 35px;}
    .why-blog h2 {margin-bottom: 30px;text-align: center;}
.sign-form-nozz input{min-height:45px;}
.inner-wrapper .footer-section{ display: none}    
.footer-submenu-section .footer-title {display: block; border-bottom: #c33b27 solid 1px;padding-bottom: 10px;margin-bottom: 9px;}
#footer-menu-wrapper.inner-wrapper{ padding: 20px 0 !important; }
.inner-wrapper .footer-submenu-section .container .mobile{ width: 31%; float: left; margin-right: 3%; margin-bottom: 30px;}
.inner-wrapper .footer-submenu-section .container .mobile:nth-child(3n){margin-right: 0}
.inner-wrapper .footer-submenu-section .container .mobile:nth-child(3n+1){clear: both}
.footer-copyright, .footer-socail-icon{ text-align:center;}
.footer-copyright .hs_cos_wrapper p{ margin-top:15px; font-size:14px;}
.footer-copyright .hs_cos_wrapper p a{ font-size:14px;}
.lst-footer .container{ padding-left: 2.762430939%;}
.header-logo{ padding-top: 20px;}
.header-logo a{ display:inline-block; width: 60%;}
.menu-block .hs-menu-wrapper > ul{ float:none; width:100%;}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1{ float:none; border-bottom:1px solid #bababa;}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{ visibility: visible;opacity: 1;position: relative;width: 100%;background: transparent;height: auto; padding:0; display:none; border-bottom:none;}
.menu-block .hs-menu-children-wrapper li{ width:100%; margin:0; float:none;}
.search-button{ position: absolute;top: 25px;right: 15px;width: auto;}
.water-field .water-in-field{ width:420px; margin-right:auto; margin-left:auto !important;}
.water-field .water-in-field .wf_image img{ width:100%;}
#menu{ display:block;}
.right-menu .menu-block{ display:none;}
#mobmenu{ font-size: 0; height:42px; width:42px; overflow: hidden; text-indent: -999px; background:url(https://367344.fs1.hubspotusercontent-na1.net/hubfs/367344/images/mobile-menu-icon.png) no-repeat; background-position: center; position: absolute; top: 29px; right: 23px;     cursor: pointer;   background-size: 100%;}
.invovation-video{text-align:center;}
.video_guide{background: #f1f1f1;}
.invovation-video:after{ display:none;}
.invovation-video .invo-image, .invovation-video .invo-content{ padding:0 10%;}
.invovation-video .cell-wrapper p{ margin-bottom:10px; padding-right:0;font-size: 18px; line-height:24px;}
.invovation-video .cell-wrapper a{margin-bottom:30px;}
.invovation-video .invo-image img{ max-width:150px;}
.video_guide{ padding-top:30px;}
.invovation-video{ padding-top:30px; padding-bottom:0;}
.invovation-video .container{padding-left:0; padding-right:0;}
.why-blog{ padding: 30px 0 ;}
.why-blog .buy-inner a .detail{float:none; width:72%; margin-left: 28%;} 
.why-blog .buy-inner a:hover{text-decoration: none;} 
.home-blog-right{ padding-left:0; margin-top:20px;}
.view-blog{margin-top:22px;}
.view-blog a{letter-spacing:normal;}
.why-blog .buy-inner a .detail{ padding:0 30px;}
.why-blog .buy-inner a .detail h3{ font-size:24px; line-height:30px; margin-bottom:10px;}
.why-blog .buy-inner a .detail p{ font-size:18px; line-height:24px;}
.water-blog ul li{ margin-bottom:10px; font-size:18px; padding-right:0;}
.why-blog h2{ font-size: 24px;line-height: 30px;}
.home-signup-wrap h2{ font-size:32px;}
.home-signup-wrap p{ font-size:18px; margin-bottom:0;}
.home-signup-wrap .hs-form-field{ width:100%; margin-right:0;}
.home-signup-wrap .hs-form-field label span{font-size:16px;}
.home-signup-wrap input[type="submit"]{ margin-top:30px;}
.home-signup-wrap label{ font-size:16px; margin-top:0;}
.home-signup-wrap .hs-error-msgs { padding-left:17px;}
.let-frd .let-frd-wrap .social-wrap ul li a i{ width:60px; height:60px; line-height:60px; font-size:20px;}
.let-frd .let-frd-wrap .social-wrap:after{ top:35px;}
.let-frd .let-frd-wrap .let-frd-content p{ font-size: 20px;line-height: 30px;}
.wf_image_hover label{ font-size:20px;}
.sign-form-nozz h5  {font-size:20px;}
.wf_image_hover a{ font-size:18px;line-height:22px; padding:5px 20px;}
span#mobmenu{ display:block;}
.right-menu{ min-height:0 !important;}

.span12.widget-span.widget-type-menu.menu-block.hide-mobile {
    display: none !important;
}

.menu-block .hs-menu-flow-horizontal > ul > li > a{ display:block; padding-left:0; padding-right:0;}
.menu-block .hs-menu-flow-horizontal .hs-item-has-children a{ background:transparent;}
.menu-block span.arrow{ display:block;}
.menu-block .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{    border-bottom: 1px solid #bababa;}
.menu-block .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a{ border-bottom:none;}
.banner-item2{ padding:125px 0 !important;}
.banner-item1{ padding:125px 0 !important;}
.banner-item3{ padding:125px 0 !important;}
.home-banner .hs_cos_wrapper h2{ font-size:36px;}
.banner-button a{ font-size:22px; padding:15px 20px; margin-bottom:10px;}

.banner-button a.video-btn i { font-size: 9px;height: 21px;width: 21px;line-height: 20px;}
.menu-block .hs-menu-wrapper > ul > li:last-child{margin-bottom:20px;}
.why-blog .buy-inner a .image{width:28%;}
.wf_image_hover label{ height: 44px; margin-top: 18px;}

.wf_image_hover a{ font-size: 18px; line-height: 24px;}
.footer-made-in{ display:block !important;text-align:center; margin-top:15px;} 
.footer-made-in .hs_cos_wrapper span{ display:block; margin-top:10px;}



.home-signup-wrap{ padding:40px 0 45px;}
.home-signup-wrap .hs-form-field{ padding-right:0;}
.video-bg video{ display:none}
}
@media (max-width:640px){
.inner-wrapper .footer-submenu-section .container .mobile{ width: 48%; float: left; margin-right: 3%; }
.inner-wrapper .footer-submenu-section .container .mobile:nth-child(2n){margin-right: 0 !important}
.inner-wrapper .footer-submenu-section .container .mobile:nth-child(3n){margin-right:3%;}
.inner-wrapper .footer-submenu-section .container .mobile:nth-child(3n+1){clear: inherit}
.home-banner .hs_cos_wrapper h2{ font-size:30px; min-height:84px;}
.banner-button a{margin-right:0; display:block;}
.banner-item1{ padding:80px 0 !important;}
.banner-item2{ padding:80px 0 !important;}
.banner-item3{ padding:80px 0 !important;}
.banner-button a{ font-size: 18px; padding:10px 20px; }
.wf_image_hover p{ font-size:18px; line-height:24px;}
.water-house-block h2{ font-size:24px;}
.why-blog .buy-inner a .detail{ padding:30px 15px;}
.why-blog .buy-inner a .detail p{ font-size:15px; line-height:22px;}
.why-blog .buy-inner a .detail h3{ font-size:22px; margin-bottom:5px}
.home-signup-wrap h2{ font-size:24px;}
.search-inner .search_form #SearchValue{padding:20px 53px 20px 0;}
.search-inner .search_form .search-sub{ background-size:94%; padding:3px 15px;}
.wf_image_hover label{font-size:15px;}
.why-blog h2{ text-align: center;margin-bottom: 30px;}
.home-blog-right{ margin-top:40px;}
.water-blog ul{ padding-left:10px;}
.view-blog a{ font-size:16px;}
.home-banner .owl-item{ min-height:450px !important;}
.home-banner .owl-dots .owl-dot{height: 22px;width: 22px;}
.home-banner .owl-dots .owl-dot:after{height: 12px;width: 12px;}
}

@media (max-width:480px){
    .inner-wrapper .footer-submenu-section .container .mobile{ width: 100%; float: none; margin-right: 0%; margin-bottom: 20px;}
    .water-field .water-in-field{ width:100%;}
    .home-banner .owl-prev:after{height: 34px;width: 12px;background-size: 10px;}
    .home-banner .owl-next:after{height: 34px;width: 12px;background-size: 10px;}
    .home-banner .owl-prev{height: 62px;width: 32px;}
    .home-banner .owl-next{height: 62px;width: 32px;}
    .home-banner .hs_cos_wrapper h2{ padding: 0 20px; font-size:20px; margin-bottom:30px;min-height:inherit;}
    .water-house-block{ padding-top:30px;}
    .why-blog .buy-inner a .image{ width:35%;}
    .why-blog .buy-inner a .detail{ width:65%; margin-left:35%;}
    .home-signup-wrap h2{ font-size:18px; line-height:28px;}
    .water-blog ul li:after{top: 9px;height: 5px;width: 5px;background-size: 5px;}
    .water-blog ul li {font-size: 16px;line-height: 24px;padding-left: 15px;}
    .invovation-video .cell-wrapper h3{ font-size:26px;}
    .invovation-video .cell-wrapper p{ font-size:16px; line-height:20px;}
    .why-blog h2{ font-size:22px;}
    .home-signup-wrap p{ font-size:14px;}
    .home-signup-wrap input[type="submit"]{ font-size:16px;}
    .let-frd .let-frd-wrap .social-wrap ul{ padding-left:20px; padding-right:20px;}
    .let-frd .let-frd-wrap .social-wrap:after{top:30px;}
    .home-banner .owl-item{ min-height:385px !important;}
    .why-blog .container{padding-left:20px; padding-right:20px;}
    .banner-button a.video-btn{ padding:7px 20px;}
    .why-blog .buy-inner a .detail{ height: 115px;}
    .view-blog{ text-align:center;padding-left:0;}
    
    .white-popup-2 { padding:30px;}
    .mfp-close {
        font-size: 30px !important;
        top:-8px !important;
        right:0 !important;
    }

}

.hs-content-id-1493058467 div#hs-form-island-hs_form_target_module_1487431977695613 {
    display: none;
}