﻿@charset "utf-8"; 
:root {--color:#005731;}
.prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none;}
.home-banner .swiper-slide>a::after{display:none;}
.wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{border-color:var(--color)}
.home-logo{padding:3% 0;}
@media (max-width:768px){.home-logo{padding:30px 0;}}
.home-service .home-more,#customswiper .customswiper-next em, #customswiper .customswiper-prev em,.procate li:hover,.wmkcfeedback .send-btn,.maylink-list .swiper-slide:hover .pro-info .title,.maylink-list .swiper-slide:hover .pro-info .text,.prodetails-info .prodetails-btnlist>:hover,.prodetails-tabs .prodetails-tabs-item.act,.common-page a.ctxt, .common-page span.ctxt,.procate li:hover .info .title,.pro-list.list1 li:hover .pro-info *{color:#fff;}
@media (max-width:768px){.bottom-btn .btn-item.gotop em{color:#fff;}}
.head-nav .nav-ul>li>a.inmenu_1 ,.head-nav .nav-ul>li:hover>a{color:#fff !important}
.is-active .head-nav .nav-ul>li>a.inmenu_1{color:var(--color) !important}
.home-helpcenter .list .title{text-transform:capitalize}
header.is-active .head-nav .nav-ul>li:hover a{color:#000 !important;}
.head-left .item em{font-size:24px;}
.head-share ul a i{font-size:20px;}
@media (min-width:1025px){.lang-icon span{font-size:18px;}
.lang-icon span::after,.lang-icon span::before{top:17px;}
footer .foot-share ul a em,footer .foot-share ul a i{font-size:20px;}
.head-nav .nav-ul>li>ul li:hover{background:Var(--color)}
.head-nav .nav-ul>li>ul li:hover>a, .head-nav .nav-ul>li>ul li:hover>em{color:#fff}
}
.head-share ul a.fb,.head-share ul a.fb:hover,footer .foot-share ul a.fb{background-color:#3b5997}
.head-share ul a.tw,.head-share ul a.tw:hover,footer .foot-share ul a.tw{background-color:#2d2d2d}
.head-share ul a.lk,.head-share ul a.lk:hover,footer .foot-share ul a.lk{background-color:#0A66C2}
.head-share ul a.ins,.head-share ul a.ins:hover,footer .foot-share ul a.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.head-share ul a.pi,.head-share ul a.pi:hover,footer .foot-share ul a.pi{background-color:#cc2127}
.head-share ul a.you,.head-share ul a.you:hover,footer .foot-share ul a.you{background-color:#FF0000}
.head-share ul a.vk,.head-share ul a.vk:hover,footer .foot-share ul a.vk{background:#0077FF}
.head-share ul a.tik,.head-share ul a.tik:hover,footer .foot-share ul a.tik{background-color:#000}
footer .foot-share ul a:hover{color:#fff;}
footer .foot-share ul a{margin: 4px 5px;width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;color: #fff;border-radius: 50%;}
@media (min-width:1025px){body:not(.nobanner) header:not(.is-active){background: rgba(0,0,0,0.5);}}
.iapplicationlist li a:hover {text-decoration:none}
.iapplicationlist li .project-name{color:var(--fontcolor)}
p.kche-t76 a.btn:hover{background:#111!important}
.prodetails-info .prodetails-btnlist>*{background:var(--color);color:#fff;border-color:var(--color)}
.prodetails-info .prodetails-btnlist>:hover{background:#111;color:#fff;border-color:#111}
.residential-hot-cold-water-plumbing article>div,.commercial-industrial-construction article>div,.municipal-outdoor-water-supply article>div,.common-main.under-floor-heating-system article>div{max-width:100%!important;padding-left:0!important;padding-right:0!important;}
 #liproducts .submenu{padding:0;list-style:none;min-width:900px;display:flex;flex-wrap:wrap;left:-200px}
#liproducts .submenu>li{width:33%;display:flex;align-items:center;margin:10px 0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto}
@media (max-width:1024px){#liproducts .submenu{display:none;min-width:inherit;padding-left:20px}
#liproducts .submenu>li{margin:0;width:100%}
#liproducts .submenu>li .item-info{display:none}}
 @media (min-width:1024px){.head-nav .nav-ul>li#liproducts{position:unset}
.head-nav .nav-ul>li#liproducts .submenu{left:50%;transform:translate(-50%,0) scaleY(0);max-width:50%;gap:20px;justify-content:space-around;padding:1%}
.head-nav .nav-ul>li#liproducts>ul li:hover{background:unset}
.head-nav .nav-ul>li#liproducts>ul li:hover a{color:var(--color)}
#liproducts .submenu>li{display:flex;width:calc(25% - 20px);flex-direction:column;margin:0;}
#liproducts .submenu>li>a{width:100%;text-align:left;line-height:1.3;padding:10px 0}
#liproducts .submenu>li .item-info{width:100%;height:auto;overflow:hidden;margin-right:0}
#liproducts .submenu>li .item-info a img{aspect-ratio:5/3;object-fit:c;width:100%}
#liproducts .submenu>li>.more{width:100%;text-align:left}
#liproducts .submenu>li>.more a{height:auto;line-height:1.2;display:inline-block;color:var(--color);padding:8px 0px;transition:color .5s,padding .5s,border .5s;position:relative;z-index:1;overflow:hidden;border-radius:2px;text-transform:lowercase;z-index:1;display:flex;align-items:center;justify-content:flex-start;width:fit-content}
#liproducts .submenu>li>.more a::before{content:"";display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0px 0px -5px;background-color:var(--color);z-index:-1;transition:transform .8s cubic-bezier(0,0,0.2,1),opacity .6s;transform:scale(0);opacity:0}
#liproducts .submenu>li>.more a:hover{color:#fff !important;padding-left:12px;padding-right:12px}
#liproducts .submenu>li>.more a:hover::before{transform:scale(20);opacity:1}
.head-nav .nav-ul>li#liproducts:hover .submenu{transform:scaleY(1) translate(-50%,0) !important}
}@media (max-width:1024px){#liproducts .submenu>li>.more{display:none}
}
