.main-banner-outer,.main-banner{position:relative;width:100%;overflow:hidden}.main-banner .owl-stage-outer{position:relative;overflow:hidden}.main-banner .owl-stage{display:flex}.main-banner .owl-item{position:relative;flex-shrink:0;transform:none!important;transition:transform .45s cubic-bezier(.4,0,0,1);background-size:cover;background-position:50%;overflow:hidden;backface-visibility:hidden}.main-banner .item{position:relative;width:100%;background:#8f8f8f;overflow:hidden}.main-banner img{display:block;width:100%;height:auto}.main-banner .desktop-image,.main-banner .mobile-image{position:relative;width:100%;overflow:hidden}.main-banner .desktop-image:after,.main-banner .mobile-image:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:2}.main-banner .desktop-image{opacity:0;transition:opacity 1s cubic-bezier(.5,.05,.1,.3)}.main-banner .item .page-width{position:static}.main-banner .banner-content{position:absolute;left:0;bottom:115px;padding-left:1.5rem;color:#fff;z-index:18}.main-banner .banner-content h2{margin:0;color:#fff;font-size:var(--h4);font-weight:500;letter-spacing:.02em;visibility:hidden;opacity:0;transform:translateY(-5px);transition:all 2.4s cubic-bezier(.4,0,0,1)}.main-banner .banner-content p{margin-top:14px;margin-bottom:0;color:#fff}.main-banner .owl-dots{position:absolute;left:0;bottom:82px;z-index:50;width:250px;margin:0!important;padding-left:1.5rem;line-height:1;pointer-events:auto}.main-banner .owl-dots .owl-dot{position:relative;z-index:51;pointer-events:auto}.main-banner .owl-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.main-banner .owl-nav button{pointer-events:auto}.main-banner .owl-item img{position:relative;z-index:1;transform:scale(1.06);transition:all .6s cubic-bezier(.5,.05,.1,.3);backface-visibility:hidden}.main-banner .owl-item.active img{transform:scale(1);opacity:1;transition:all 1s cubic-bezier(.5,.05,.1,.3)}.main-banner .owl-item.active .desktop-image{opacity:1}.main-banner .owl-item.active .banner-content h2{visibility:visible;opacity:1;transform:translateY(0)}@media screen and (min-width:750px){.main-banner .mobile-image{display:none}}@media screen and (max-width:749px){.main-banner .desktop-image{display:none}.main-banner .mobile-image{display:block;min-height:500px}.main-banner .mobile-image img,.main-banner .mobile-image svg{display:block;width:100%;min-height:500px;object-fit:cover}.main-banner .banner-content{bottom:55px;padding-right:1.5rem}.main-banner .owl-dots{bottom:20px}.main-banner .owl-nav button.owl-prev,.main-banner .owl-nav button.owl-next{display:none}}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeOut{animation-name:fadeOut}.fadeIn{animation-name:fadeIn}
/*# sourceMappingURL=/cdn/shop/t/47/assets/hero-image-banner.css.map */