/*-- add style --*/
html, html body, body #wrapper { overflow-x: hidden;}
.mar-min-0 { margin: 0 } .pab-min-0{ padding: 0 } .iXdsgoFX { background: #fff } ul, li { list-style: none } .section { padding: 32px 0 }
.container { max-width: 1200px; padding-left: 15px; padding-right: 15px; }  .container-none { max-width: 100%; padding-left: 15px; padding-right: 15px }

.mih-56 { min-height: 56px; } .mih-60 { min-height: 60px; } .mih-66 { min-height: 66px; }
.mih-76 { min-height: 76px; } .mih-86 { min-height: 86px; } .mih-96 { min-height: 96px; }
.mih-56:not(.sticky-header) { min-height: 56px; } .mih-60:not(.sticky-header) { min-height: 60px; } .mih-66:not(.sticky-header) { min-height: 66px; }
.mih-76:not(.sticky-header) { min-height: 76px; } .mih-86:not(.sticky-header) { min-height: 86px; } .mih-96:not(.sticky-header) { min-height: 96px; }

.col-cm-1s5 { width: 12.49999995% }  .col-cm-10s5 { width: 87.49999995% }
.col-cm-10 { width: 10% } .col-cm-15 { width: 15% } .col-cm-20 { width: 20% } .col-cm-25 { width: 25% } .col-cm-30 { width: 30% } .col-cm-35 { width: 35% }
.col-cm-40 { width: 40% } .col-cm-45 { width: 45% } .col-cm-50 { width: 50% } .col-cm-55 { width: 55% } .col-cm-60 { width: 60% } .col-cm-65 { width: 65% }
.col-cm-70 { width: 70% } .col-cm-75 { width: 75% } .col-cm-80 { width: 80% } .col-cm-85 { width: 85% } .col-cm-90 { width: 90% } .col-cm-100 { width: 100% }

/* Common Styles */
.mouldBut { max-width: 214px; font-size: 14px; background: #000; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-weight: 500; border-radius: 4px; line-height: 36px; margin: 0 auto; transition: all 0.3s }
.mouldBut:hover { border-color: #000 }
.mouldBut .icon-arrow { display: inline-block; width: 0; height: 0; line-height: 0; margin-left: 10px; border: 5px solid transparent; border-left-color: #fff }

/* Top Bar */
.top-bar { background: #000;height: 30px}
.top-bar .notice{ text-align: center; font-size: 13px; font-weight: 300 }
.top-bar .inner { min-height: 30px }

/* Header */
.HpZCUTEtX { background: #000 }
.HpZCUTEtX.sticky-header{ box-shadow: none; -webkit-box-shadow: none;  }
.HpZCUTEtX:not(.sticky-header), .sticky-header { background: #000 !important }
.HpZCUTEtX .logo img { max-height: 48px }
.HpZCUTEtX .s-none { display: none !important }
/* Header SiteNav */
.HpZCUTEtX #siteNav.left { justify-content: center }
.HpZCUTEtX #siteNav > li > a { color: #fff; font-size: 14px; font-weight: 500 }
.HpZCUTEtX #siteNav > li > a:hover { color: #fff }
.HpZCUTEtX #siteNav > li > a:after { background-color: #fff; height: 2px }
/* Header IconSet */
.HpZCUTEtX .iconset { color: #fff; padding: 0 11px; }
.HpZCUTEtX .iconset a { color: #fff }
.HpZCUTEtX .iconset .icon { font-size: 15px; font-weight: 500 }
.HpZCUTEtX .iconset:hover .icon { color: #fff }
.HpZCUTEtX .iconset .tooltip-label { background: #fff; color: #000 }
.HpZCUTEtX .iconset .tooltip-label:before { border-top-color: #fff; }
.HpZCUTEtX .header-cart .counter { background: #fff; color: #000; font-weight: 500; min-width: 14px; height: 14px; line-height: 14px; right: -8px }
/* Header search*/
.HpZCUTEtX #vrDkrK { background-color: #000; color: #fff; border-top: 1px solid #333;  }
.HpZCUTEtX .search-drawer .input-text { background: #222; padding: 5px 40px }
.HpZCUTEtX .search-drawer .closeSearch { right: 20px; top: 8px }
.HpZCUTEtX .search-drawer .action.search { left: 6px }
.HpZCUTEtX .search-drawer .input-text, .HpZCUTEtX .search-drawer .action.search, .HpZCUTEtX .search-drawer .closeSearch { color: #fff }

/* Home Slider */
.slideshow .knEhLTFBWGC { padding: 0 }
.slideshow .blur-up-min { display: none }
.slideshow .tsbaLHRyNHR { position: absolute; text-align: center; top: 48px; left: 48px; color: #fff; }
.slideshow .tsbaLHRyNHR .slide-title { color: #fff; font-size: 56px; letter-spacing: -0.2px; margin-bottom: 20px }
.slideshow .tsbaLHRyNHR .slide-text { font-size: 20px; margin-bottom: 20px; font-weight: 400 }
.slideshow .banner-ban-1 { top: 40%; left: 25% }
.slideshow .banner-ban-2 { top: 40%; left: 40% }

/* Product */
.product-title fieldset.box-title { margin: 10px 0 }
.product-title fieldset.box-title legend {position: relative;  color: #000; font-size: 22px; font-weight: 500; margin: 0 auto; }
.product-title fieldset.box-title legend span { background: #fff; padding: 0 20px; line-height: 32px; z-index: 1; position: inherit; text-transform: uppercase }
.product-title fieldset.box-title legend:before { content: ""; position: absolute; width: 100%; background: #000; height: 1px; top:50%; left: 0; z-index: 1 }
/* Product Slider */
.idfdtv .slick-initialized .slick-slide { margin: 0 }
.idfdtv .slick-slide .list-item { border: none;}
.idfdtv .slick-slide .list-item .text-left { text-align: center !important }
.idfdtv .mciyqO .slick-arrow { border: 1px solid #999; }
.idfdtv .slick-prev, .idfdtv .slick-next { border-radius: 50%; width: 36px; height: 36px; }
.idfdtv .slick-prev:before, .idfdtv .slick-next:before { font-size: 15px; color: #000; font-weight: 600 ; opacity: 1 }
.idfdtv .productSlider-style2 .slick-prev { }
.idfdtv .productSlider-style2 .slick-next { }

/* Poster Clip */
.content-poster-clip .poster-item { display: flex; flex-wrap: wrap; justify-content: center; position: relative; padding: 10px; }
.content-poster-clip .poster-item-container { position: absolute; top: 38% }
.content-poster-clip .poster-item-container .small-title { color: #fff; text-transform: uppercase; font-size: 38px; padding: 0 10px; font-weight: 600; letter-spacing: -0.3px; text-align: center; }

/* Waist Banner */
.waist-banner { padding: 0 5% }
.waist-banner a.unifiedLink:hover { color: #000 }
.waist-banner .hidden-min { display: none }
.waist-banner .content-box { position: relative }
.waist-banner .news-collect { position: absolute; right: 10%; width: 460px; height: 100%; display: flex; top:0; align-items: center }
.waist-banner .news-collect .inner-content { padding: 30px; background: #fff; text-align: center }
.waist-banner .news-collect .inner-content .newsTitle { font-size: 40px;  font-weight: 600; color: #000; padding-bottom: 20px; margin-bottom: 20px; position: relative }
.waist-banner .news-collect .inner-content .newsTitle:after { content: ""; position: absolute; left: 176px; bottom: 0; height: 2px; background: #000; width: 50px; }
.waist-banner .news-collect .inner-content .newsText { font-size: 14px; line-height: 22px; margin-bottom: 30px; }
.waist-banner .news-collect .inner-content .newsBtn { max-width: 160px }

/* Collection Banners */
.aiHvBUJ .section-header h2 { text-align: center; margin-bottom: 15px; color: #000; font-size: 22px }
.aiHvBUJ .section-header p { text-align: center; font-size: 14px; color: #000 }
.aiHvBUJ .zoom-scal { background: none; border-radius: 0; padding: 0; }
.aiHvBUJ .zoom-scal img { width: 100% }
.aiHvBUJ .zoom-scal:before { content: ''; background-color: rgba(0,0,0,0.6) ;  transition:all 0s;  }
.aiHvBUJ .zoom-scal:hover img { opacity:1; -webkit-transform:scale3d(1.2, 1.2, 1); transform:scale3d(1.2, 1.2, 1);  transition:all 2.5s ; }
.aiHvBUJ .mask-add-cart { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:30; color: #fff; display:contents; align-items: center; justify-content: center;  }
.aiHvBUJ .mask-add-cart .shop-now { margin-bottom: -19.19px;  transition: all 0s;}
.aiHvBUJ .mask-add-cart .shop-now h4.buyTips { color: #fff; font-size: 16px; margin-bottom: 0;}
.aiHvBUJ .mask-add-cart .shop-now h4.buyTips span { position: relative }
.aiHvBUJ .mask-add-cart .shop-now h4.buyTips span:after
{ position: absolute; left: 0; bottom: -5px; content: ""; display: block; height: 1px; background-color: #fff; width: 100%;  transform: scale(0); transform-origin: left; transition: all .6s; }
.aiHvBUJ .zoom-scal:hover .mask-add-cart .shop-now h4.buyTips span:after { transform: none; transition: transform .6s; }
.aiHvBUJ .zoom-scal:hover .mask-add-cart .shop-now { margin-bottom: 0 ;transition:all .3s; }
.aiHvBUJ .zoom-scal:hover .mask-add-cart { display: flex; }
.aiHvBUJ .closure { margin-top: -8px; }
/* slick */
.aiHvBUJ .slick-arrow{ background: rgb(255, 255, 255, 0.6); border-radius: 50%;   }
.aiHvBUJ .slick-arrow:before { color: #000; font-weight: 600; }
.aiHvBUJ .followBtn { text-align: center; margin-top: 40px; }
/* End Collection Banners  */

/* Footer */
.footer.footer-8 { background: #000 }
.footer .FfCYjdC .h4,
.footer .FfCYjdC .text-transform-title { font-size: 16px; text-transform: uppercase !important; letter-spacing: -0.2px; color: #fff }
.footer .FfCYjdC .text-transform-title { margin-bottom: 20px }
.footer .FfCYjdC p { color: #ccc }
.list-inline-item:not(:last-child) { margin-right: 1.2rem }
.footer .social-icons li i { font-size: 22px; color: #ccc }
.footer .list-inline { margin-bottom: 1rem; }
.footer .footer-links a { color: #ccc }
.footer .footer-links a:before { background: #ccc }
.CETZdG { border-top: 1px solid #333 }
.text-uppercase, .text-uppercase a { color: #fff }

/* Footer Email */
.email-input { height: 42px; margin-bottom: 20px }
.email-input .s-input:-moz-placeholder { color: #999; font-size: 12px }
.email-input .m-email-label { margin: 0 5px 0 0; line-height: 24px; font-weight: 500 }
.email-input .m-input {max-width: 380px;  border: none; border-radius:0; transition: all 0s; padding: 0 8px ; text-indent: 2px;  height: 100%  }
.email-input .m-input-but { padding: 0 14px; border: none;  transition: all 0s; font-size: 12px; background: #222; border-radius: 0  }
.email-input .m-input-but:hover { background: #303030; color: #111 }
.email-input .input_icon { font-size: 12px; font-weight: 600; color: #fff; }
.email-input .input_icon:before { content: " ";  }

/*-- newly added --*/
@media (min-width: 1368px) and (max-width: 1920px) {
    /* Home Slider */
    .slideshow .tsbaLHRyNHR .slide-title { font-size: 60px; }
    .slideshow .tsbaLHRyNHR .slide-text { font-size: 24px }
}
@media (min-width: 768px) and (max-width: 1200px){
    /* Home Slider */
    .slideshow .banner-ban-1 { top: 30%; left: 15% }
    .slideshow .banner-ban-2 { top: 30%; left: 30% }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* Waist Banner */
    .waist-banner .news-collect .inner-content .newsTitle { font-size: 32px }
    .waist-banner .news-collect .inner-content .newsText { font-size: 12px; }
}
@media only screen and (max-width: 1199px){
    /* Product Slider */
    .idfdtv .productSlider-style2 .slick-prev { left: 0 }
    .idfdtv .productSlider-style2 .slick-next { right: 0 }
}
@media only screen and (max-width: 1024px) {
    .idfdtv .mciyqO .slick-arrow:hover { background: none }
}
@media only screen and (max-width: 991px) {
    .col-mi-10 { width: 10% } .col-mi-15 { width: 15% } .col-mi-20 { width: 20% } .col-mi-25 { width: 25% } .col-mi-30 { width: 30% } .col-mi-35 { width: 35% }
    .col-mi-40 { width: 40% } .col-mi-45 { width: 45% } .col-mi-50 { width: 50% } .col-mi-55 { width: 55% } .col-mi-60 { width: 60% } .col-mi-65 { width: 65% }
    .col-mi-70 { width: 70% } .col-mi-75 { width: 75% } .col-mi-80 { width: 80% } .col-mi-85 { width: 85% } .col-mi-90 { width: 90% } .col-mi-100 { width: 100% }

     /* Header */
    .HpZCUTEtX .justify-content-start { justify-content: center !important }
    .HpZCUTEtX .grid__item {display: none }
    .HpZCUTEtX.header-8 .logo img { width: 112px; object-fit: cover; }
    .HpZCUTEtX .iconset { padding: 0 9px }
    .HpZCUTEtX .s-none { display: block !important }
    .HpZCUTEtX .m-none { display: none !important }
    .HpZCUTEtX .site-header__menu { margin-right: 9px !important }
    .HpZCUTEtX .js-mobile-nav-toggle .an { color: #fff; font-weight: 500; font-size: 16px }
    .HpZCUTEtX #XdhuVpGYPML.active, #userLinks.active { top:90% }
    #userLinks {left: 15px; right: revert }

    /* Waist Banner */
    .waist-banner .news-collect { position: revert; width: 100% }
    .waist-banner .news-collect .inner-content .newsTitle { padding-bottom: 40px; }
    .waist-banner .news-collect .inner-content .newsTitle:after { left: 0; width: 100%; height: 20px }


}
@media only screen and (max-width: 990px) {  }
@media only screen and (max-width: 768px) {
    .col-min-10 { width: 10% } .col-min-15 { width: 15% } .col-min-20 { width: 20% } .col-min-25 { width: 25% } .col-min-30 { width: 30% } .col-min-35 { width: 35% }
    .col-min-40 { width: 40% } .col-min-45 { width: 45% } .col-min-50 { width: 50% } .col-min-55 { width: 55% } .col-min-60 { width: 60% } .col-min-65 { width: 65% }
    .col-min-70 { width: 70% } .col-min-75 { width: 75% } .col-min-80 { width: 80% } .col-min-85 { width: 85% } .col-min-90 { width: 90% } .col-min-100 { width: 100% }

}
@media only screen and (max-width: 767px) {
    /* Header */
    .HpZCUTEtX .search-drawer .closeSearch { right: 5px }

    /* Home Slider */
    .slideshow .blur-up-max {display: none }
    .slideshow .blur-up-min {display: block }
    .slideshow .slick-dots { bottom: 20px !important }
    .slideshow .tsbaLHRyNHR .slide-title {  font-size: 18px; margin-bottom:10px }
    .slideshow .tsbaLHRyNHR .slide-text { font-size: 14px; margin-bottom: 10px;}
    .slideshow .tsbaLHRyNHR .slide-button { max-width: 180px; font-size: 13px; line-height: 32px;  }
    .slideshow .banner-ban-1 { top: 35%; left: 35%; }
    .slideshow .banner-ban-2 { top: 35%; left: 40%; }

    /* Poster Clip */
    .content-poster-clip .poster-item { padding: 10px 0; }

    /* Waist Banner */
    .waist-banner { padding: 0 }
    .waist-banner .hidden-max { display: none }
    .waist-banner .hidden-min { display: block }
    .waist-banner .news-collect .inner-content .newsTitle { font-size: 20px; }

    /* Footer */
    .footer .FfCYjdC .footer-links .h4 { border-bottom-color: #999 !important }
    .footer .FfCYjdC .footer-links { padding: 12px 5px !important }

}
@media only screen and (max-width: 540px) {  }
@media only screen and (max-width: 498px) {
    /* Home Slider */
    .slideshow .banner-ban-1 {  left: 20%; }
    .slideshow .banner-ban-2 {  left: 30%; }
    .slideshow .tsbaLHRyNHR .slide-button { max-width: 160px; font-size: 13px; line-height: 28px;  }
}
@media only screen and (max-width: 480px) {
    /* Header */
    .HpZCUTEtX .search-drawer .searchField { display: flex }
}
@media only screen and (max-width: 370px) {
    /* Top */
    .top-bar { background: #000;height: auto}
    .top-bar .inner { min-height: auto }
}