.hero-banner{position:relative}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__image{position:relative;width:100%;height:100%}.hero-banner__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0006,#0006),radial-gradient(15.15% 15.15% at 49.5% 34.85%,#0003,#0000);z-index:1}.hero-banner__image img{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-banner__detail{position:relative;padding:149px 0;z-index:9}.hero-banner__detail-wrap{width:100%;max-width:522px;text-align:center;margin:0 auto}.hero-banner__title{width:100%;max-width:100%}.hero-banner__title,.hero-banner__title>*{font-family:var(--font-primary);font-weight:700;font-size:52px;line-height:62px;letter-spacing:0;color:#fff}.hero-banner__info{margin:10px 0 0}.hero-banner__info,.hero-banner__info>*{font-family:var(--font-avenir-regular);font-weight:400;font-size:20px;line-height:30px;color:#fff}.hero-banner__atc-bar{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;margin:20px 0 0;flex-wrap:nowrap;gap:12px}.hero-banner__button{width:100%;max-width:400px}.hero-banner__button .eq-button{font-weight:700;width:100%}.hero-banner__flag-text{width:100%;max-width:57.78%;padding:0 0 0 23px}.heroBannerSwiper .hero-banner__media img,.heroBannerSwiper .hero-banner__media video{width:100%;height:650px;object-fit:cover;object-position:center top!important}.heroBannerSwiper .hero-banner__media:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0006,#0006),radial-gradient(15.15% 15.15% at 49.5% 34.85%,#0003,#0000);z-index:1}.heroBannerSwiper .hero-banner__detail{padding:200px 0;height:650px}.heroBannerSwiper .swiper-horizontal>.swiper-pagination-bullets,.heroBannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:20px}.heroBannerSwiper .swiper-pagination-bullet{background:#999;width:23px;height:6px;border-radius:0;opacity:1;margin:0 7px}.heroBannerSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.heroBannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px}.heroBannerSwiper .swiper-pagination-bullet-active{background:#f60;width:100px}@media screen and (min-width:1920px){.hero-banner__media{right:0;margin-left:auto;margin-right:auto}}@media screen and (min-width:1921px){.hero-banner__detail{padding:252px 0vw 350px}}@media screen and (min-width:992px)and (max-width:1900px){.hero-banner__detail{padding:13.125vw 0vw 18.194vw}}@media screen and (min-width:992px)and (max-width:1500px){.hero-banner__detail-wrap{max-width:35.694vw}.hero-banner__title,.hero-banner__title>*{font-size:3.611vw;line-height:normal}.hero-banner__info{margin:.694vw 0vw 0vw}.hero-banner__info,.hero-banner__info>*{font-size:1.389vw}.hero-banner__atc-bar{margin:1.389vw 0vw 0vw}.hero-banner__flag-text{padding:0vw 0vw 0vw 1.597vw}.hero-banner__flag{max-width:3.264vw;padding:.278vw;border-radius:.139vw}.hero-banner__flag-rte{padding:0vw 0vw 0vw .833vw}.hero-banner__flag-rte,.hero-banner__flag-rte>*{font-size:.833vw;letter-spacing:.146vw}}@media screen and (min-width:992px)and (max-width:1199px){.hero-banner__button{max-width:44%}.hero-banner__flag-text{max-width:56%}.hero-banner__flag-rte,.hero-banner__flag-rte>*{font-size:10px}}@media screen and (max-width:991px){.hero-banner__detail{padding-top:36%;padding-bottom:28%}}@media screen and (min-width:768px){.hero-banner__media.mobile-device-only{display:none}}@media screen and (max-width:767px){.hero-banner__media.desktop-device-only{display:none}.hero-banner__media.mobile-device-only{display:block}.hero-banner__detail-wrap{max-width:440px;margin-left:auto;margin-right:auto;padding:0 20px}.hero-banner__header{text-align:center}.hero-banner__title{max-width:100%}.hero-banner__title,.hero-banner__title>*{font-size:42px;line-height:52px}.hero-banner__info,.hero-banner__info>*{font-size:16px;line-height:24px}.hero-banner__button{max-width:100%}.hero-banner__flag-text{padding-left:0;padding-top:20px}.hero-banner__flag-text{max-width:90%;margin-left:auto;margin-right:auto}.hero-banner__flag-rte,.hero-banner__flag-rte>*{font-size:10px}.hero-banner__image img{height:100%}}@media screen and (max-width:640px){.hero-banner__detail{padding-top:68.34%;padding-bottom:68.34%}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/eq-hero-banner.css.map */