.hero-banner{background-color:var(--dark-background-color);color:#fff;overflow:hidden}.hero-banner__top{align-items:center;margin:0 auto;min-height:calc(100vh - 64px);display:flex;flex-direction:column-reverse;padding:0}.hero-banner__content{flex:1;max-width:540px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18px 21px 34px}.hero-banner__title{font-family:Oswald;font-weight:600;font-size:36px;line-height:42px;margin-bottom:10px}.hero-banner__desc{font-size:16px;line-height:24px;color:#cecece;margin-bottom:24px}.hero-banner__buttons{display:flex;flex-direction:column;gap:24px;margin-bottom:50px}.hero-button{text-align:center;font-size:15px;line-height:15px;display:flex;align-items:center;justify-content:center;min-width:177px;min-height:57px;border-radius:6px;padding:18px 30px;gap:8px;color:#fff;transition:background-color .3s ease-in,color .2s ease-in-out,border .3s ease-in}.hero-button__primary{background-color:var(--red-background-color);border:1px solid var(--red-background-color);text-transform:uppercase;box-shadow:-4px 4px 14.5px #0006}.hero-button__secondary{background-color:transparent;border:1px solid #fff;text-transform:uppercase}.hero-button:hover{background-color:#fff;color:var(--red-background-color);border:1px solid #fff}.hero-banner__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.hero-banner__icon-item{position:relative;text-align:center;font-size:12px;line-height:18px;max-width:30%;flex:1}.hero-banner__icon-item:after{content:"";display:block;position:absolute;right:-10px;bottom:0;height:94px;width:1px;background-color:#5c5c5c}.hero-banner__icon-item:last-of-type:after{display:none}.hero-banner__icon-item img{width:48px;height:48px;margin-bottom:16px}.hero-banner__image-wrapper{position:relative;flex:1;width:100%;height:100%;min-width:300px;background:linear-gradient(90deg,#21212100 83.15%,#212121 94.46%),linear-gradient(270deg,#21212100 90.54%,#212121 97.02%)}.hero-banner__image-wrapper .hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__image-wrapper .hero-banner__image-overlay-wrapper{overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.hero-banner__image-wrapper .hero-banner__image-overlay{width:100%;height:100%;position:absolute;left:-2px;top:0;z-index:1;animation:doorSlideOut 2s ease-in-out forwards;animation-delay:.5s}@keyframes doorSlideIn{0%{left:-92%}10%{left:-92%}20%{left:-42%}50%{left:-42%}60%{left:1%}80%{left:1%}90%{left:-94%}to{left:-94%}}@keyframes doorSlideOut{0%{left:-2px}20%{left:-2px}40%{left:-42%}50%{left:-42%}90%{left:-94%}to{left:-94%}}.hero-banner__image-text{position:absolute;left:21px;top:67px;color:#cecece;font-size:14px;line-height:20px;z-index:2}.hero-banner__google-badge{margin-top:50px;z-index:2}.hero-banner__title-image{width:100%;height:auto;object-fit:contain;margin-bottom:40px;margin-top:22px}.hero-banner__title img{margin-left:4px;height:36px;object-fit:contain;display:inline-block;margin-top:5px}@media screen and (min-width: 641px){.hero-banner__buttons{flex-direction:row}.hero-banner__title-image{max-width:80%;width:450px;margin-top:0}.hero-banner__title img{margin-left:25px;height:59px;margin-top:8px;width:auto}}@media screen and (min-width: 1000px){.hero-banner__title{font-size:59px;line-height:76px}.hero-banner__icon-item:after{height:57px;width:2px}.hero-banner__desc{margin-bottom:30px}.hero-banner__top{display:grid;gap:40px;grid-template-columns:43% 1fr;min-height:unset;padding:0 0 0 var(--desktop-container-gutter);height:650px}.hero-banner__image-wrapper{max-height:650px}.hero-banner__content{padding-top:30px;padding-bottom:30px;max-height:560px;padding-left:0}.hero-banner__image-text{top:80px;right:0;left:unset;font-size:16px}.hero-banner__icon-item{font-size:16px;line-height:24px;max-width:140px}.hero-banner__icons{gap:36px}.hero-banner__icon-item:after{right:-18px}.hero-banner__google-badge{position:absolute;bottom:100px;right:40px}.hero-banner__google-badge:before{content:"";width:300%;height:300%;left:-50%;top:-69%;position:absolute;background:radial-gradient(50% 50% at 50% 50%,#000000cf,#0000);z-index:-1}}@media screen and (min-width: 1280px){.hero-banner__top{grid-template-columns:39% 1fr}}@media screen and (min-width: 1480px){.hero-banner__image-wrapper .hero-banner__image{margin-left:14.5%}.hero-banner__image-wrapper .hero-banner__image-overlay-wrapper{margin-left:9.5%}.hero-banner__top{max-width:unset;margin-left:calc((100vw - 1480px)/2)}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/section-hero-banner.css.map */