.hero{position:relative;width:100%}.hero .carousel{position:relative;width:100%;z-index:1}.hero .carousel:not(.enable-gradient){max-width:var(--page-width);margin:0 auto}.hero .carousel.enable-gradient .block:not(.block--image-only) .block--flex:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:300px;background:#000;background:linear-gradient(180deg,#0000,#0f1016);pointer-events:none;z-index:0}.hero .carousel.enable-gradient .slick-track{align-items:strecth}.hero .carousel .slick-list{z-index:2}.hero .carousel .slick-track{display:flex}.hero .carousel .slick-arrow{position:absolute;bottom:0;width:30px;height:30px;background:url(icon-chev-white.svg) no-repeat center center/5px transparent;border:1px solid #fff;border-radius:50%;z-index:3;opacity:.7;transition:.3s all}.hero .carousel .slick-arrow.slick-prev{left:calc(50% - 35px)}.hero .carousel .slick-arrow.slick-next{right:calc(50% - 35px);transform:rotate(180deg)}.hero .carousel .slick-arrow:hover{opacity:1}.hero .carousel .slick-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:5px}.hero .carousel .slick-dots li{list-style:none}.hero .carousel .slick-dots li button{font-size:0;padding:0;width:16px;height:5px;background:var(--color-primary);border-radius:2px;border:none;outline:none;transition:.3s all;opacity:.5}.hero .carousel .slick-dots li.slick-active button{opacity:1}.hero .carousel .block{width:100%;position:relative;height:inherit}.hero .carousel .block .page-width{height:inherit;position:relative}.hero .carousel .block .background-image{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.6}.hero .carousel .block:not(:first-child){display:none}.hero .carousel .block:not(.block--image-only) .block--flex{display:flex;height:inherit;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:60px 0;height:100%}.hero .carousel .block:not(.block--image-only) .block--flex .content{width:45%;position:relative;z-index:1}.hero .carousel .block:not(.block--image-only) .block--flex .content .block-title{margin:0 0 10px}.hero .carousel .block:not(.block--image-only) .block--flex .content .block-subtitle{margin:0 0 20px}.hero .carousel .block:not(.block--image-only) .block--flex .content .block-richtext{margin:0 0 30px}.hero .carousel .block:not(.block--image-only) .block--flex .content .block-richtext p:last-child{margin:0}.hero .carousel .block:not(.block--image-only) .block--flex .content .btn-flex{gap:10px}.hero .carousel .block:not(.block--image-only) .block--flex .block--media{width:50%;position:relative;z-index:1}.hero .carousel .block:not(.block--image-only) .block--flex .block--media img{width:100%;max-width:400px;margin:0 auto;display:block;height:auto;height:initial}.hero .carousel .block.block--image-only img{display:block;width:100%;height:auto;height:initial}.hero .carousel .block.block--image-only img.mobile{display:none}.hero .carousel.slick-initialized .block:not(:first-child){display:flex}@media screen and (max-width:1024px){.hero .carousel .block:not(.block--image-only) .block--flex{padding:40px 0;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.hero .carousel .block:not(.block--image-only) .block--flex .content{width:100%;text-align:center}.hero .carousel .block:not(.block--image-only) .block--flex .content .btn-flex{justify-content:center}.hero .carousel .block:not(.block--image-only) .block--flex .block--media{width:100%;margin:40px 0 0}.hero .carousel .block:not(.block--image-only) .block--flex .block--media img{max-width:420px;margin:0 auto;display:block}}@media screen and (max-width:768px){.hero .carousel .block:not(.block--image-only) .block--flex .content .btn-flex .button{padding:0 10px;flex:1;text-align:center}.hero .carousel .block.block--image-only img{display:none}.hero .carousel .block.block--image-only img.mobile{display:block}}@media screen and (max-width:1024px)and (max-width:768px){.hero .carousel .block:not(.block--image-only) .block--flex .block--media img{max-width:320px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hero.css.map */