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