.newBannerSwiper{position:relative}.newBannerSwiper .swiper,.newBannerSwiper .swiper-slide{width:100%;height:100%}.newBannerSwiper .swiper-slide{background:#000}.newBannerSwiper img{display:block;width:100%;height:auto;transition:all .7s;transform:translate(200px);object-fit:cover}.newBannerSwiper img.mobShow{display:none}.newBannerSwiper .swiper-slide-active img{transform:translate(0)}.slide-width{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;display:table;padding:0 40px;box-sizing:border-box}.hero__text-content{padding:15px 0;position:relative;z-index:4}.hero__text-content{display:table-cell}.hero__text-content.horizontal-center{text-align:center}.hero__text-content.vertical-center{vertical-align:middle}.hero__text-content.horizontal-right{text-align:right}.hero__title{transform:translateY(20px);transition-delay:0;transition:.7s;opacity:0;font-weight:700;list-style:none;line-height:1}.hero__subtitle{display:block;margin-bottom:15px;margin-top:15px;vertical-align:middle;line-height:1;transform:translateY(20px);opacity:0;transition:.7s;transition-delay:.3s}.hero__link{transform:translateY(20px);transition:.7s;transition-delay:.6s;opacity:0}.hero__link a.btn{overflow:hidden;position:relative;transition:background .2s ease 0s;color:#fff;padding:11px 20px;display:inline-block;letter-spacing:2px;text-transform:uppercase}.hero__link a.btn:after{background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);content:"";height:100%;left:150%;position:absolute;top:0;transform:skew(-20deg);width:200%}.hero__link a.btn:hover:after{transition:all 1s;left:-250%}.newBannerSwiper .swiper-button-next,.newBannerSwiper .swiper-button-prev{background:#fff;width:40px;height:40px;border-radius:50%;box-shadow:0 0 10px #0003}.newBannerSwiper .swiper-button-next:after,.newBannerSwiper .swiper-button-prev:after{color:#333;font-size:16px;font-weight:700}.newBannerSwiper .swiper-button-next{top:auto;margin:0;bottom:-20px}.newBannerSwiper .swiper-button-prev{left:auto;right:60px;bottom:-20px;top:auto}.newBannerSwiper .swiper-slide-active .hero__title,.newBannerSwiper .swiper-slide-active .hero__subtitle,.newBannerSwiper .swiper-slide-active .hero__link{transform:translateY(0);opacity:1}@media screen and (max-width:780px){.page-width{padding:0 17px}.hero__title{font-size:24px}.hero__subtitle{font-size:16px}.hero__link a.btn{padding:9px 17px}}.mobShow{display:none}@media screen and (max-width:780px){.newBannerSwiper img.pcShow{display:none}.newBannerSwiper img.mobShow{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/adapte-slides.css.map */