.hero-banner{display:block;height:37.8dvw;min-height:555px;max-height:100dvh}.hero-banner .swiper-container{width:100%;height:100%}.hero-banner__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display:flex}.hero-banner__image-wrapper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;background:#282824;z-index:1}.hero-banner__image-wrapper.no-overlay:before{opacity:0}.half-width .hero-banner__image-wrapper{justify-content:flex-end;order:2}.half-width .hero-banner__image-wrapper:before{display:none}.hero-banner__image-wrapper .hero-banner__video{position:relative}.hero-banner__image-wrapper video{display:block;max-width:100%;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@media screen and (min-width: 1024px){.half-width .hero-banner__image-wrapper .hero-banner__image,.half-width .hero-banner__image-wrapper .hero-banner__video{width:50%}}.hero-banner__image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.hero-banner__content-wrapper{z-index:2;padding:4rem 0;left:0;top:0;width:100%;height:100%}@media screen and (max-width: 1024px){.half-width .hero-banner__content-wrapper{position:static}}@media screen and (min-width: 1024px){.hero-banner__content-wrapper{padding:6rem 0}}@media screen and (min-width: 1280px){.hero-banner__content-wrapper{padding:8rem 0}}@media screen and (min-width: 1536px){.hero-banner__content-wrapper{padding:10rem 0}}.hero-banner__content-wrapper .btn.text-simmsBlack{--tw-text-opacity: 1;color:rgb(40 40 36/var(--tw-text-opacity))}.hero-banner__content-wrapper .btn.text-white{--tw-text-opacity: 1;color:rgb(255 255 255/var(--tw-text-opacity))}.hero-banner__content-wrapper .btn.text-simmsOrange{--tw-text-opacity: 1;color:rgb(229 86 36/var(--tw-text-opacity))}.hero-banner__content-wrapper .btn.bg-simmsBlack{--tw-bg-opacity: 1;background-color:rgb(40 40 36/var(--tw-bg-opacity));border-color:rgb(40 40 36/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn.bg-simmsOrange{--tw-bg-opacity: 1;background-color:rgb(229 86 36/var(--tw-bg-opacity));border-color:rgb(229 86 36/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn.bg-olive{--tw-bg-opacity: 1;background-color:rgb(80 82 68/var(--tw-bg-opacity));border-color:rgb(80 82 68/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn.bg-lightGrey{--tw-bg-opacity: 1;background-color:rgb(228 229 221/var(--tw-bg-opacity));border-color:rgb(228 229 221/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn.bg-lightSeafoam{--tw-bg-opacity: 1;background-color:rgb(174 232 213/var(--tw-bg-opacity));border-color:rgb(174 232 213/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn.bg-darkSeafoam{--tw-bg-opacity: 1;background-color:rgb(75 164 142/var(--tw-bg-opacity));border-color:rgb(75 164 142/var(--tw-bg-opacity))}.hero-banner__content-wrapper .btn:hover{background:#282824;border-color:#282824;color:#fff}@media screen and (max-width: 1024px){.hero-banner__content-wrapper .hero-banner__title br{display:none}}.hero-banner__block-image__wrapper{padding-top:110%;position:relative}.hero-banner__block-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 1024px){.hero-banner__text{margin-bottom:2.5rem}}.hero-banner__buttons{bottom:8rem;left:0;right:0;order:2}@media screen and (min-width: 1024px){.hero-banner__buttons{order:1}}@media screen and (max-width: 1024px){.hero-banner__blocks{bottom:4rem;left:2.5rem;right:2.5rem;max-height:480px;justify-content:center}.hero-banner__blocks .hero-banner__block{flex:0 1 238px;max-width:238px}}@media screen and (min-width: 1024px){.hero-banner__title{width:80%}}.hero-banner__controls--left{cursor:pointer;transform:rotate(90deg)}.hero-banner__controls--right{cursor:pointer;transform:rotate(-90deg)}.hero-banner__controls--block{position:absolute;right:0}@media screen and (min-width: 1024px){.hero-banner__controls--block{bottom:-3.5rem}}@media screen and (min-width: 1280px){.hero-banner__controls--block{bottom:-4rem}}@media screen and (min-width: 1536px){.hero-banner__controls--block{bottom:-5rem}}.hero-banner__controls-count{font-size:18.2px;line-height:1;margin:0 2rem}.hero-banner__controls--content{margin-top:2.5rem;order:1}@media screen and (min-width: 1024px){.hero-banner__controls--content{order:2;margin-top:3.5rem}}.hero-banner__content-conatiner{margin:0 auto;max-width:100%}@media screen and (min-width: 1024px){.hero-banner__content-conatiner{max-width:330px;margin-left:15%}.hero-banner__content-conatiner.kill-margin{margin-left:0}}.flex-direction-column{flex-direction:column}.playbtn .icon{width:4.6rem;height:4.6rem}
/*# sourceMappingURL=/cdn/shop/t/345/assets/section-hero-banner.css.map */