.hero-banner-navigation{position:relative;box-sizing:initial;display:block}.hero-banner-navigation .text p{color:inherit;margin-bottom:0}.hero-banner-navigation .btn{margin-top:2em}.hero-banner-navigation .container{height:100%;flex-wrap:wrap}.hero-banner-navigation .bg-img{background-size:cover;background-position:center;background-repeat:no-repeat}.hero-banner-navigation .video-wrap{overflow:hidden}.hero-banner-navigation .video{display:block;object-fit:cover;width:100%;height:100%}.hero-banner-navigation .controls{position:absolute;bottom:0;right:0;z-index:1}.hero-banner-navigation .controls button{padding:1em;font-size:1.5em;opacity:.3;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.hero-banner-navigation .controls button:hover{opacity:1}.hero-banner-navigation .controls svg{display:block}.hero-banner-navigation .slide{background-color:var(--bg-color)}.hero-banner-navigation .captions{padding:var(--text-padding)}.hero-banner-navigation .title{color:var(--title-color);font-size:4em;flex:1}.hero-banner-navigation .text{color:var(--text-color)}.hero-banner-navigation .controls svg path{fill:var(--text-color)}.hero-banner-navigation .overlay{background-color:var(--overlay-background-color)}.hero-banner-navigation .links-block{display:flex;justify-content:center;width:100%}.hero-banner-navigation .links-wrapper{display:inline-flex;padding:8px 20px;align-items:center;gap:24px;border-radius:100px;border:1px solid #FFF;margin-left:auto;margin-right:auto;max-height:40px;margin-top:auto}.hero-banner-navigation .links-wrapper a{color:#fff;text-align:center;font-size:.875rem;font-style:normal;font-weight:700;line-height:150%;text-transform:uppercase;position:relative}.hero-banner-navigation .links-wrapper a:not(:last-child):after{content:"";width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;right:-16px;top:8px}@media all and (min-width: 901px){.hero-banner-navigation{padding-top:var(--height)}.hero-banner-navigation .keen{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner-navigation .keen-slider,.hero-banner-navigation .keen-slider-slide,.hero-banner-navigation .slide{height:100%!important}.hero-banner-navigation.dots-below-desktop{margin-bottom:4em}.hero-banner-navigation.dots-inside-desktop .keen-dots{position:absolute;bottom:0;left:15%;width:70%}.hero-banner-navigation .overlay,.hero-banner-navigation .bg-img,.hero-banner-navigation .video-wrap{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner-navigation .captions{max-width:var(--text-width)}}@media all and (min-width: 900px) and (max-width: 1024px){.ingredients-hero .title{font-size:3em}.ingredients-hero .navigation-links .links{font-size:.675em}}@media all and (max-width: 900px){.hero-banner-navigation.mobile-text-inside{padding-top:var(--height)}.hero-banner-navigation.mobile-text-inside .keen{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner-navigation.mobile-text-inside .keen-slider,.hero-banner-navigation.mobile-text-inside .keen-slider-slide,.hero-banner-navigation.mobile-text-inside .slide{height:100%!important}.hero-banner-navigation.mobile-text-inside .overlay,.hero-banner-navigation.mobile-text-inside .bg-img,.hero-banner-navigation.mobile-text-inside .video-wrap{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner-navigation.mobile-text-below .overlay,.hero-banner-navigation.mobile-text-below .bg-img,.hero-banner-navigation.mobile-text-below .video-wrap{position:relative;height:auto;top:0;left:0}.hero-banner-navigation.mobile-text-below .bg-img,.hero-banner-navigation.mobile-text-below .video-wrap{padding-top:var(--height)}.hero-banner-navigation.mobile-text-below .video{position:absolute;top:0;left:0}.hero-banner-navigation.dots-inside-mobile .keen-dots{position:absolute;bottom:0;left:15%;width:70%}.hero-banner-navigation .title{font-size:2.5em}.hero-banner-navigation .captions{margin-top:calc(50% - 4em)}.hero-banner-navigation .links-block{height:50%;align-items:end;max-height:120px;margin-top:-4em}.hero-banner-navigation .links-wrapper{display:flex;gap:12px;border-radius:none;padding:0;border:none;flex-wrap:wrap;margin-top:1.5em;min-height:100%;max-height:100%;align-content:end}.hero-banner-navigation .links-wrapper a{padding:5px 16px;align-items:center;border-radius:100px;border:1px solid #FFF;max-height:30px;flex:0 0 auto;font-size:.75rem}.hero-banner-navigation .links-wrapper a:not(:last-child):after{display:none}}@media all and (max-width: 600px){.collection-hero .title{line-height:24px}.collection-hero .text{line-height:38.4px}.collection-hero .container{height:100%;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/332/assets/hero_banner_with_navigation.css.map */