/*-----BANNER-----*/
.bantitle {font-size: 60px;color: #fff;line-height: 65px;font-weight: normal;padding-bottom: 44px;letter-spacing: 0px;text-transform: capitalize; font-family:"Bodoni MT";}
.js_hmbanner li{position: relative;}
.js_hmbanner p{color: #fff;max-width: 100%;font-size: 18px;letter-spacing: 0.20px;line-height: 24px;padding-bottom: 35px;}
.sec_hmbanner{position:relative;z-index:0;height: 880px;max-width: 1920px; margin: 0 auto;overflow: hidden;border-bottom: 1px solid #735b4d;}
.js_hmbanner .slick-slide > img{margin:0 auto;/*height:652px;*/max-width:inherit;}
.js_hmbanner .bgimg {position: relative;height: 880px;}
.js_hmbanner .slick-slide > img.ban_mob{display:none;}
.ol_hmbanner{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding: 132px 0 0;}
.js_hmbanner .slick-track > li{position:relative;}
.js_hmbanner .slick-slide img.ban_mob { display: none !important;}
.banr-content{max-width:690px; margin: 0 auto;}
/*.js_hmbanner li.slick-active .bgimg{ -webkit-animation: bummer 2s;animation: bummer ease-out 7s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}*/
@-webkit-keyframes bummer {0% {transform: scale3D(1.1, 1.1, 1);}}
@keyframes bummer {0% {transform: scale3D(1.1, 1.1, 1);}}
.js_hmbanner .slick-dots { text-align: center; bottom: 40px;}
/*.ol_hmbanner:after {position: absolute; content: ""; left: 0; right: 0; margin: 0 auto;background: #23262D;opacity: 0.2; width: 100%;height: 100%; top: 0; z-index: -1;animation: none !important;}*/
.js_hmbanner li.hmbnr:before {position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; background: #23262D; opacity: 0.6; width: 100%;  height: 100%; top: 0; z-index: 0;  animation: none !important;  mix-blend-mode: multiply;}
.ban-txt{position: relative;text-transform: uppercase;margin-bottom: 18px;overflow: hidden;}
.js_hmbanner .slick-dots {position: absolute;top: 45%;transform: translateY(-40%);right: 3%;bottom: auto;width: auto;margin: auto;}
.js_hmbanner .slick-dots li {list-style: none;margin: 15px 0;display:list-item;}
.js_hmbanner .slick-dots button {border-radius: 50%;width: 16px;height: 16px; border: none;background: #DEDFE0;text-indent: -9999px;outline: 0; box-shadow: inset 0 1px 2px rgb(0 0 0 / 30%);}
.js_hmbanner .slick-dots button:hover,.js_hmbanner .slick-dots li.slick-active button {background: #9ab24f;}
.js_hmbanner .slick-active .bgimg{ -webkit-animation: bummer 2s;animation: bummer ease-out 7s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes bummer {0% {transform: scale3D(1.1, 1.1, 1);}}
@keyframes bummer {0% {transform: scale3D(1.1, 1.1, 1);}}
/*home contain*/
.hmcontain-sec { max-width: 1920px; margin: 0 auto;position: relative;}
.hmcontain-sec .sticky{    align-self: flex-start;}
.hmcontain-sec .right-square-pattern {z-index: 0; bottom: auto; top: -50px; right: -108px;}
/*uniq-cabinets*/
.uniq-box {display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between;}
.uniq-lft {width: 424px;}
.uniq-right {width: 565px;}
.uniq-lft .title { font-size: 82px; line-height: 85px;}
.uniqspc-sec {position: relative;max-width: 1920px; overflow: hidden; margin: 0 auto;padding: 140px 0}
.uniqspc-sec:after {position: absolute;content: "";left: 46.4%;border-left: 1px dashed #707070; margin: auto; width: 100%;height: 100%;top: 0;bottom: 0;z-index: -1; opacity: 0.4;}
.uniqspc-sec .left-kitchenpattern { left: -51px; bottom: auto; top: 105px;}
.srvofr-list {margin-top: 58px;max-width: 1800px}
.srvofr-list li{padding-bottom: 0}

.ban-txt:before {position: absolute;  content: "";  width: 100%;  height: 1px; background: #C4906D;  top: -2px;  bottom: 0;   margin: auto; right: -61%;opacity: 0.5;}
.ban-txt:after {content: "";width: 100%;background: #C4906D; position: absolute; top: -4px; bottom: 0; margin: auto;  z-index: -1; height: 1px;opacity: 0.5;}
.js_hmbanner .ban-txt:after, .js_hmbanner .ban-txt:before {right: -70%;}
.js_hmbanner .ban-txt:before { left: -70%; right: auto;}
.js_hmbanner .tban-txt:after{ right: -70%;}
/*media query*/
@media(max-width:1780px){
    .uniqspc-sec:after {left: 46%;}   
    .srvofr-list {max-width: 100%;}
}
@media(max-width:1500px){
    
}
@media(max-width:1441px) {
    /*unique sec*/
    .uniq-center {width: 21%;}
    .uniq-lft {width: 38%;}
    .uniq-right {width: 40%;}
    .uniqspc-sec:after {left: 48%;}
    .uniq-lft .title {font-size: 60px; line-height: 72px;}
    .uniqspc-sec{padding: 2.5rem 0}
    /*services*/
    .srvofr-list {margin-top: 18px;}
}
@media(max-width:1199px) {
    /*unique sec*/
    .uniqspc-sec:after{display: none;}
    .uniq-center {width: 100%;order: 1;}
    .uniq-lft {width: 100%;order: 2;}
    .uniq-right {width: 100%;order: 3;}
    .uniq-box { justify-content: center;text-align: center;}
    .uniq-center .badge-img{margin: 0px auto 25px;}
    .uniq-lft .title {font-size: 30px;line-height: 110%;}
    .uniqspc-sec{padding: 1.875rem 0}
    
    /*services*/
    .srv-content { display: none !important;}
    .srvofr-list {margin-top: 25px;margin-bottom: 20px;padding-bottom: 20px;}
}
@media(max-width:991px){
    /*banner*/
    .bantitle {margin: 0 auto;}
    .js_hmbanner p {margin: 0 auto;font-size: 14px;line-height: 26px; padding-bottom: 26px;}
    .bantitle {font-size: 28px; line-height: 30px; padding-bottom: 20px;}
    
}
@media(max-width:769px){
    .bantitle {font-size: 22px; line-height: 30px;padding-bottom: 22px}
    .bantitle br{display: none}
    .js_hmbanner .btn-theme {min-width: 164px; height: 44px; }
    /*banner*/
    .sec_hmbanner {height: 450px;}
    .js_hmbanner .bgimg {height: 450px;}
    .banr-content {padding: 32px 0 0;}
    .js_hmbanner .ban-txt:after{ right: -77%;}
    .js_hmbanner .ban-txt:before {  left: -77%;  right: auto;}
    
    
    /*wespec*/
    .wesp-left .title { margin-bottom: 16px; padding-bottom: 18px;}
    .wesp-list {margin: 0 -5px;}
    .wesp-list li {padding: 0 5px;}
    /*weprovide*/
    .hmsrv-list li {width: 100%;}
    .hmsrv-list li a > img{width: 100%}
    
    /*cleaner*/
    .cleaner-future { margin: -90% 15px 0;}
    .clean-left > img {max-width: 106px;}
    .clean-future { max-height: 486px;}
    .clean-future > #cleaner img,.clean-future > #cleaner1 img { height: 260px;}
    /*client*/
    .client-nm {font-size: 18px;}
    .client-list { margin: 0px -15px 0;}
    /*news*/
    .ltnews .container > .title {  border-bottom: 0px solid #D9E3E9;   padding-bottom: 20px;}
    .js-news { padding-top: 0;padding-bottom: 20px;margin-bottom: 20px;}
    .ltnews .container > .title{text-align: center}
    .uniq-lft .title {font-size: 30px;}
}
@media(max-width:576px){
    .tfact_icon {width: 50px !important;height: 50px !important}
    .tfact_icon img { margin: 0 auto;  max-height: 38px;  width: 30px;}
    .tfact_title{min-width: 100px; max-width: 100px;}
    
    /*cleaner*/
    .cleaner-future {margin: -520px 15px 0;}
    .clean-right .btn-blue {  margin-top: 20px;  font-size: 12px;}
}
@media (max-width:480px) {
    /*.js_hmbanner .slick-slide img.ban_mob { display: block !important;}*/
    .js_hmbanner .slick-slide img.ban_desk {/* display: none !important;*/animation: none;height: 450px; object-position: 68% 20%;}
    .js_hmbanner .bgimg {object-position: 0% 100%;}
    .js_hmbanner .ban-txt:after, .js_hmbanner .ban-txt:before {  display: none;}
    /*wesp*/
    .wesp-list li {width: 100%}
    .wesp-list li:not(:last-of-type){padding-bottom: 30px}
    
    /*cleaner*/
    .cleaner-future { margin: -534px 15px 0;}
    .clean-future {max-height: 506px;}
}
@media (max-width:365px) {
    .banner_right img {margin: 40px auto 0;max-width: 300px;}    
    .hmcontain .badge-box img {  max-width: 86px;  margin: 0px 5px;}
}
