.hero-banner{margin:auto;max-width:1920px}.hero-banner .slide-wrapper,.hero-banner .swiper-container,.hero-banner .swiper-wrapper{width:100%}.hero-banner .swiper-slide.show .hero-banner-item .bg:after{background:rgba(0,0,0,.7)}.hero-banner .swiper-slide.show .hero-banner-item .content .hero-title>span>span{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.hero-banner .swiper-slide.show .hero-banner-item .content .hero-title>span:after{left:25%;width:50%}.hero-banner .swiper-slide.show .hero-banner-item .content .hero-desc,.hero-banner .swiper-slide.show .hero-banner-item .content .hero-nav .btn{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.hero-banner .swiper-slide img{width:100%}.hero-banner .swiper-slide img.lazyload{background-size:30% auto}@media (max-width:767.98px){.hero-banner .swiper-slide img.lazyload{background-size:75% auto}.hero-banner .swiper-button-next,.hero-banner .swiper-button-prev{display:none}}.hero-banner .swiper-button-next:after,.hero-banner .swiper-button-prev:after{color:#fff}.hero-banner .swiper-button-prev{left:20px}.hero-banner .swiper-button-next{right:20px}.hero-banner .hero-banner-item{height:100%;position:relative;width:100%}.hero-banner .hero-banner-item .bg{height:100%;left:0;pointer-events:none;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.hero-banner .hero-banner-item .bg:after{background:rgba(0,0,0,.2);content:"";height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:100%}.hero-banner .hero-banner-item .bg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-banner .hero-banner-item .content{color:#fff;height:100%;left:0;padding:1rem;position:absolute;text-align:center;top:0;width:100%;z-index:2}.hero-banner .hero-banner-item .content .hero-title{margin-bottom:1.5rem}.hero-banner .hero-banner-item .content .hero-title>span{display:inline-block;font-size:3.25rem;line-height:1.5;padding-bottom:1.5rem;position:relative;text-transform:uppercase}@media (max-width:767.98px){.hero-banner .hero-banner-item .content .hero-title>span{font-size:2.75rem;line-height:1.4}}@media (max-width:576.98px){.hero-banner .hero-banner-item .content .hero-title>span{font-size:2.25rem;line-height:1.3}}.hero-banner .hero-banner-item .content .hero-title>span>span{display:block;opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}@media (max-width:576.98px){.hero-banner .hero-banner-item .content .hero-title>span>span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}}.hero-banner .hero-banner-item .content .hero-title>span:after{background:#ebc51b;bottom:0;content:"";height:5px;left:50%;position:absolute;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:0}.hero-banner .hero-banner-item .content .hero-desc{font-size:1.75rem;line-height:1.5;margin-bottom:1.5rem;opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media (max-width:767.98px){.hero-banner .hero-banner-item .content .hero-desc{font-size:1.5rem}}@media (max-width:576.98px){.hero-banner .hero-banner-item .content .hero-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.25rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}}.hero-banner .hero-banner-item .content .hero-nav .btn{opacity:0;padding-bottom:.75rem;padding-top:.75rem;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:260px}@media (max-width:576.98px){.hero-banner .hero-banner-item .content .hero-nav .btn{font-size:1.1rem}}.card-product .card-img .card-img-inner{height:310px}@media (max-width:1199.98px){.card-product .card-img .card-img-inner{height:299px}}@media (max-width:991.98px){.card-product .card-img .card-img-inner{height:337px}}@media (max-width:767.98px){.card-product .card-img .card-img-inner{height:247px}}@media (max-width:576.98px){.card-product .card-img .card-img-inner{height:-webkit-calc(100vw - 30px);height:calc(100vw - 30px)}}