.section-hero-banner-video{margin:0}.section-hero-banner-video .title{padding:30px;margin:0}.section-hero-banner-video .title.h1{font-size:40px;line-height:50px;padding-bottom:0}.section-hero-banner-video .submenu-container{display:none}.section-hero-banner-video .main-video{position:relative}.section-hero-banner-video .main-video .mute_container{position:absolute;top:40px;right:40px;width:30px;cursor:pointer;z-index:1}.section-hero-banner-video .main-video .mute_container .mute{display:none}.section-hero-banner-video .main-video .mute_container.muted .mute{display:block}.section-hero-banner-video .main-video .mute_container.muted .unmute{display:none}.section-hero-banner-video .main-video .desktop-wrapper{display:none;padding:30px}.section-hero-banner-video .main-video .desktop-wrapper video{border-radius:25px;border:1px solid;width:100%}.section-hero-banner-video .main-video .mobile-wrapper{display:block;padding:30px}.section-hero-banner-video .main-video .mobile-wrapper video{border-radius:20px;width:100%}.section-hero-banner-video .main-video .secondary-video{display:none;position:absolute;top:20%;left:10%;width:350px}.section-hero-banner-video .main-video .secondary-video:before{content:"";background:url(icon-play.svg) no-repeat center center;position:absolute;top:calc(50% - 13px);left:calc(50% - 11px);width:22px;height:26px;z-index:1;pointer-events:none}.section-hero-banner-video .main-video .secondary-video video{border:1px solid;width:100%}.section-hero-banner-video .main-video .secondary-video .secondary-video-title{background-color:#fff;margin:0;padding:5px;text-transform:uppercase;text-align:center;letter-spacing:1px}.section-hero-banner-video .swiper{overflow:visible}.section-hero-banner-video .swiper .navigation{position:absolute;bottom:10px;left:10px;background:#fff;border:1px solid #000;border-radius:20px;display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;z-index:1;padding:0 6px}.section-hero-banner-video .swiper .navigation svg{width:18px;height:18px}.section-hero-banner-video .swiper .navigation .swiper-pagination-fraction{width:auto}.section-hero-banner-video .swiper .navigation .swiper-pagination-fraction .swiper-pagination-total,.section-hero-banner-video .swiper .navigation .swiper-pagination-fraction .swiper-pagination-current{font-family:Messina Sans Mono Web,monospace;font-weight:500;line-height:142.5%;letter-spacing:-.36px}.section-hero-banner-video .swiper .navigation .button-prev{transform:rotate(180deg)}@media only screen and (min-width:768px){.section-hero-banner-video{margin:0}.section-hero-banner-video .content{max-width:none!important}.section-hero-banner-video .title.h1{font-size:60px}.section-hero-banner-video .submenu-container{display:block;margin-top:20px}.section-hero-banner-video .submenu-container ul{display:flex;list-style:none;column-gap:40px;text-transform:uppercase;margin:0}.section-hero-banner-video .main-video{position:relative}.section-hero-banner-video .main-video .mute_container{width:40px;top:50px;right:50px}.section-hero-banner-video .main-video .desktop-wrapper{display:block;padding:30px}.section-hero-banner-video .main-video .desktop-wrapper video{border-radius:25px;border:1px solid;width:100%}.section-hero-banner-video .main-video .mobile-wrapper{display:none}.section-hero-banner-video .main-video .secondary-video{display:block;cursor:pointer}.section-hero-banner-video .main-video .secondary-video.playing:before{content:"";display:none}.section-hero-banner-video .swiper{overflow:hidden}.section-hero-banner-video .swiper .navigation{left:auto;right:20px;bottom:20px;padding:0 16px;height:44px;border-radius:44px}.section-hero-banner-video .swiper .navigation svg{width:24px;height:24px}.section-hero-banner-video .swiper .navigation .swiper-pagination-fraction{font-size:14px}.section-hero-banner-video .swiper .navigation .button-prev,.section-hero-banner-video .swiper .navigation .button-next{cursor:pointer}.section-hero-banner-video .swiper .navigation .button-prev:hover svg path,.section-hero-banner-video .swiper .navigation .button-next:hover svg path{fill:#ff6b18}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/section-hero-banner-video.css.map */