section.clHeroBanner *{display:block}section.clHeroBanner{display:block;position:relative;overflow:hidden}section.clHeroBanner .content{position:relative}section.clHeroBanner a.logoBox{position:absolute;z-index:9;left:50%;transform:translate(-50%);width:100%;max-width:72px;aspect-ratio:1/1;top:10px;display:none}.clHeroBannerTwoSlider .imageBox{pointer-events:all;box-shadow:0 0 10px #00000026}.clHeroBannerTwoSlider .imageBox .clHeroBannerSliderInner{pointer-events:all}section.clHeroBanner a.logoBox img{width:100%;height:100%;object-fit:contain;filter:invert(1)}section.clHeroBanner .swiper-wrapper{display:flex}section.clHeroBanner .clBannerBox{overflow:hidden}section.clHeroBanner .clBannerBox .imageBox{width:100%;height:100%;min-height:550px;position:relative;display:flex;justify-content:center;align-items:center;padding:0 75px;box-sizing:border-box}section.clHeroBanner .clBannerBox .imageBox:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;filter:blur(12px)}section.clHeroBanner .clBannerBox .imageBox:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6}section.clHeroBanner .swiperBtnWrapper{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;max-width:1440px;height:35px;display:flex;justify-content:space-between;align-items:center;z-index:1;padding:0 75px;pointer-events:none;transition:all .2 ease}section.clHeroBanner .swiperBtnWrapper .swiperBtn{position:unset;width:42px;height:42px;margin:0;pointer-events:all}section.clHeroBanner .swiperBtnWrapper .swiperBtn:after{display:none}section.clHeroBanner .clHeroBannerSliderInner{display:flex;z-index:9;position:relative;justify-content:end;padding-right:15px}section.clHeroBanner .clHeroBannerSliderInner .clHeroBannerSliderInner-content{width:100%;max-width:31%}section.clHeroBanner .clHeroBannerSliderInner h2{font-size:38px;margin:0;line-height:normal;color:#fff;text-transform:uppercase}section.clHeroBanner .clHeroBannerSliderInner a{font-size:14px;text-decoration:none;padding:12px 32px;border-radius:50px;background-color:#ce0a2c;width:fit-content;text-align:center;color:#fff;font-weight:500;text-transform:uppercase;margin-top:24px}section.clHeroBanner .clHeroBannerTwoSlider{position:absolute;top:50%;left:50%;width:100%;max-width:1440px;transform:translate(-50%,-50%);max-height:480px;z-index:1;padding:0 75px;pointer-events:none;transition:all .2 ease}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerTwoSlider-content{margin-left:100px;width:100%;max-width:clamp(250px,51vw,736px);pointer-events:all;overflow:hidden;padding-right:40px}section.clHeroBanner .clHeroBannerTwoSlider .clBannerBoxTwo img{width:100%;height:100%;max-height:480px;object-fit:cover;aspect-ratio:16/11}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner{position:absolute;z-index:99999;top:0;left:0;width:100%;justify-content:center;height:100%;align-items:center;padding:0;display:none}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner .clHeroBannerSliderInner-content{max-width:unset;text-align:center;margin-bottom:45px;padding:0 24px}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner a{font-size:12px;padding:10px 24px;margin:50px auto 0;pointer-events:all}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner h2{font-size:24px}section.clHeroBanner .clHeroBannerTwoSlider img.mobileImage{display:none}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox video,section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox iframe{width:100%;min-height:clamp(50px,33vw,480px);object-fit:cover;object-position:center;pointer-events:all}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox iframe{pointer-events:none;background:#000;scale:1.5;display:none}body.loaded section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox iframe{display:block}section.clHeroBanner .clHeroBannerTwoSlider .clBannerBoxTwo{position:relative;pointer-events:none}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span{position:absolute;bottom:10px;left:10px;width:20px;height:16px;filter:invert(1);object-fit:contain;object-position:center;background-repeat:no-repeat;background-size:cover}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.pause{left:40px;width:11px;background-image:url(/cdn/shop/files/download.svg?v=1748435048);filter:unset;display:none}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.pause-desk{bottom:10px;left:auto;right:10px;width:85px;height:32px;background-image:url(https://cdn.shopify.com/s/files/1/0938/6360/8634/files/pauseBottom.png?v=1744875232);background-repeat:no-repeat;background-size:cover;border-radius:100px;filter:unset}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.pause-desk-center{display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-image:url(https://cdn.shopify.com/s/files/1/0938/6360/8634/files/pauseCenter.png?v=1744875030);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:100px;filter:unset}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox.pause .imageBox:after{display:none}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox.pause span.pause{background-image:url(https://cdn.shopify.com/s/files/1/0938/6360/8634/files/download_b87f7a19-b548-4e44-b36f-b40858f27803.svg?v=1744874528)}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.speaker{background-image:url(https://cdn.shopify.com/s/files/1/0938/6360/8634/files/download_8455c54d-cd69-4dfe-a572-f2459c36703f.svg?v=1744872918);pointer-events:all}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox.active span.speaker{background-image:url(https://cdn.shopify.com/s/files/1/0938/6360/8634/files/download.svg?v=1744872895)}body.loaded section.clHeroBanner .clHeroBannerTwoSlider,body.loaded section.clHeroBanner .swiperBtnWrapper,body.loaded section.clHeroBanner .clBannerBox .imageBox .custom-container{opacity:1}@media screen and (max-width: 1280px){section.clHeroBanner .clHeroBannerSliderInner h2{font-size:30px}}@media screen and (max-width: 1200px){section.clHeroBanner .clHeroBannerSliderInner .clHeroBannerSliderInner-content{max-width:27%}}@media screen and (max-width: 991px){section.clHeroBanner .clHeroBannerSliderInner .clHeroBannerSliderInner-content{max-width:27%}section.clHeroBanner .clBannerBox .imageBox{min-height:430px}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerTwoSlider-content{max-width:310px;margin:0 auto;padding:0}section.clHeroBanner .swiperBtnWrapper{padding:0 20px}section.clHeroBanner .clHeroBannerTwoSlider{top:50%;transform:translate(-50%,-50%);padding:0 20px}section.clHeroBanner .clHeroBannerSliderInner{display:none}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner{display:flex;align-items:end;pointer-events:none}section.clHeroBanner .swiperBtnWrapper{top:50%;transform:translate(-50%,-50%);padding:0}section.clHeroBanner .clHeroBannerTwoSlider img{display:none}section.clHeroBanner .clHeroBannerTwoSlider img.mobileImage{display:block}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox video,section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox iframe{aspect-ratio:1/1}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox iframe{scale:1.8}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.pause{display:block}section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox.pause .imageBox:before,section.clHeroBanner .clHeroBannerTwoSlider .clBannerVideoBox span.pause-desk{display:none}section.clHeroBanner a.logoBox{display:block}section.clHeroBanner .clHeroBannerTwoSlider .clBannerBoxTwo img{aspect-ratio:1/1;filter:brightness(.8)}section.clHeroBanner .clHeroBannerTwoSlider .clHeroBannerSliderInner a{margin:20px auto 0}}
/*# sourceMappingURL=/cdn/shop/t/127/assets/cl-hero-banner.css.map */
