.hero-banner{width:100%;height:582px;position:relative;overflow:hidden}.hero-bg{float:left;width:100%;height:100%;position:absolute;top:0}.hero-bg video{height:100%}.hero-bg picture{float:left;width:100%;height:100%}.hero-bg picture img{float:left;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner__content{position:relative;z-index:1;display:flex;align-items:center;height:100%;max-width:100%;margin:0 auto}.hero-banner .max-content{max-width:calc(100% - 170px)}.sticky-part{padding:27px 38px;max-width:300px;width:100% border-radius: 30px}.sticky-part-left{position:relative}.sticky-part-right{position:absolute;bottom:90px;right:2em}.sticky-part-center{position:absolute;bottom:90px;right:calc(50% - 150px)}.close-btn{position:absolute;right:20px;top:17px;cursor:pointer}.close-btn svg path{stroke:rgb(var(--color-icon))}.sticky-part__heading{font-size:30px;font-style:italic;font-weight:900;line-height:46px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}.hero-banner-heading{font-size:50px;font-weight:900;line-height:60px;letter-spacing:1px;text-transform:uppercase}.banner-small{height:500px}.banner-medium{height:780px}.banner-large{height:850px}.button>span{margin-right:5px}@media screen and (max-width:1366px){.hero-banner .max-content{max-width:calc(100% - 75px)}}@media screen and (max-width:1100px){.hero-banner-heading{font-size:44px;line-height:44px}.sticky-part{max-width:510px;left:calc(100% - 538px)}}@media screen and (max-width:991px){.mobile-banner-gradient:before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background:linear-gradient(0deg,#000,#0000 0%)}.hero-banner .max-content{max-width:100%;text-align:center;margin:0 auto}.hero-banner-heading{font-size:30px;line-height:40px;letter-spacing:.6px}.sticky-part__heading{font-size:20px;line-height:32px;letter-spacing:.4px}.sticky-part{text-align:center;padding:20px;margin:0 auto;right:0;left:0;bottom:40px}.sticky-part .mb-35{margin-bottom:20px}.button>span{display:none}.hero-banner__content{align-items:start;padding-top:171px}}@media screen and (max-width:768px){.hero-banner__content{padding-top:180px}}@media screen and (max-width:767px){.banner-small{height:350px}.banner-medium{height:520px}.banner-large{height:775px}.hero-banner .max-content{max-width:100%;text-align:center;margin:0 auto}.hero-banner-heading{font-size:30px;line-height:40px;letter-spacing:.6px}.sticky-part__heading{font-size:20px;line-height:32px;letter-spacing:.4px}.sticky-part{text-align:center;padding:20px;left:20px;bottom:20px;right:20px;margin:0 auto}.sticky-part .mb-35{margin-bottom:20px}.button>span{display:none}.hero-banner__content{align-items:start;padding-top:90px}.sticky-part-left{position:absolute}}@media screen and (min-width:992px){.row.hero-banner-align__center{justify-content:center;text-align:center}.row.hero-banner-align__right{justify-content:end;text-align:end}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hero-banner.css.map */