.collection-banner{width:100%;height:auto}.collection-banner-wrapper,.collection-banner-wrapper-overlay{width:100%;height:66vh;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;transition:all ease .6s}.collection-banner-wrapper-overlay{display:none}.collection-banner-wrapper.collection-banner-wrapper2{width:100%;height:384px}.collection-banner-wrapper.banner-fullscreen{position:fixed;z-index:1000;transition:height .6s cubic-bezier(.38,.41,.27,1)!important;animation:topAnimation .6s both}.banner-fullscreen-close{animation:closeAnimation .6s both;z-index:2}@keyframes closeAnimation{0%{top:0;height:100vh;position:fixed}99%{top:167px;height:66vh;position:fixed}to{top:0;height:66vh;position:flex}}@keyframes topAnimation{0%{top:167px;height:66vh}to{top:0;height:100vh}}@keyframes hiddenAnimation{0%,99%{display:flex}to{display:none!important}}.collection-banner-wrapper.banner-fullscreen+.collection-banner-wrapper-overlay{display:flex!important}.collection-banner-wrapper.banner-fullscreen+.banner-fullscreen-close{display:flex!important;animation:hiddenAnimation .6s both}.collection-banner-overlay{width:100%;height:100%;position:absolute;background:#0006;z-index:2}.collection-banner-content{text-align:center;color:#fff;z-index:3}.collection-banner-wrapper.banner-fullscreen .collection-banner-content{opacity:0}.collection-banner-content h1{margin-bottom:0;padding:20px;font-size:64px;line-height:1.25;font-weight:700;color:#fff}.collection-banner-content a{background:#fff;border-radius:28px;padding:16px 48px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;color:#000!important}.collection-banner-content a span{margin-right:10px}.collection-banner-content a span svg{height:12px;width:14px;fill:#fff;stroke:#000}.collection-banner-img-wrapper{position:absolute;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end}.collection-banner-img-wrapper img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:100% 100%;transform-origin:100% 100%}.collection-banner-wrapper2 .collection-banner-img-wrapper img{object-position:center}.collection-banner-img-wrapper>span{position:absolute;color:#fff;z-index:3}.collection-banner-img-wrapper .icon-more-info{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;right:4rem;bottom:4rem;cursor:pointer}.collection-banner-wrapper.banner-fullscreen .icon-more-info{opacity:0}.collection-banner-img-wrapper .icon-more-info svg{width:20px;height:20px}.collection-banner-img-wrapper .collection-close-icon{width:44px;height:44px;display:flex;justify-content:center;align-items:center;border:4px solid #FFF;border-radius:50%;right:4rem;top:4rem;cursor:pointer;opacity:0}.collection-banner-wrapper.banner-fullscreen .collection-close-icon{opacity:1}.collection-banner-img-wrapper .collection-close-icon svg{width:16px;height:16px;fill:#fff}.collection-banner-img-wrapper .collection-banner-aditional-text{width:40%;z-index:3;color:#fff;margin-bottom:4rem;margin-left:4rem;opacity:0}.collection-banner-img-wrapper .collection-banner-aditional-text.animation{transform:translateY(0);animation-name:move_text;animation-duration:1s}@keyframes move_text{0%{transform:translateY(1000px)}to{transform:translateY(0)}}.collection-banner-wrapper.banner-fullscreen .collection-banner-aditional-text{opacity:1}.collection-banner-img-wrapper .collection-banner-aditional-text p{font-size:28px;margin-bottom:2.5rem;font-weight:700;line-height:1.25}.collection-banner-img-wrapper .collection-banner-aditional-text span{font-size:24px;font-weight:700;display:block;color:#fff}.main-banner-button{display:none}@media (max-width: 767px){.collection-banner-wrapper{margin-top:40px;height:204px}.collection-banner-img-wrapper .icon-more-info{display:none}.collection-banner-content{z-index:5}.collection-banner-content h1{font-size:32px;padding:15px}.collection-banner-content a{font-size:10px}.collection-banner-wrapper.collection-banner-wrapper2{height:204px}}@media screen and (min-width: 768px){.main-banner-button{display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/951/assets/main-collection-banner.css.map */