.banner--hero{overflow:hidden}.hero-section{background:linear-gradient(to right,#61add9,#4b91c1,#3375a8)}.banner--hero .banner__heading{max-width:30rem;margin:0 auto}@media screen and (min-width: 601px){.banner__box.banner__box--heading-image img{width:30rem}}@media screen and (min-width: 1024px){.banner__box.banner__box--heading-image img{width:40rem}}.banner__heading--split{max-width:70rem!important}.banner__heading--split>span{display:block}@media screen and (min-width: 750px){.banner__heading--split>span:first-of-type{text-align:left}.banner__heading--split>span:last-of-type{text-align:right}}.banner--hero .banner__content{flex-direction:column;padding-top:6rem;padding-bottom:14rem}@media screen and (min-width: 750px){.banner--hero .banner__content{padding-top:0;padding-bottom:0}}.banner--hero .banner__content:before{content:"";position:absolute;left:49%;top:38%;transform:translate(-50%,-50%);background-color:#2f70a933;border-radius:50%;height:17rem;width:17rem;min-width:17rem}.banner--hero .banner__box{width:100%;max-width:none;padding:0 2rem}.banner--hero .banner__box--heading-image{position:absolute;top:1%;left:24.5%;transition:all var(--duration-long) ease;transform:rotate(-90deg);width:auto;opacity:0;animation:1s forwards .5s 1 animateHeader}@media screen and (max-width: 600px){.banner--hero .banner__box--heading-image{max-width:28rem;max-height:36rem;left:calc(50% - 13.5rem)}}@media screen and (min-width: 601px) and (max-width: 1023px){.banner--hero .banner__box--heading-image{max-width:40rem;max-height:40rem;left:calc(50% - 17rem)}}@media screen and (min-width: 1024px) and (max-width: 1300px){.banner--hero .banner__box--heading-image{max-width:40rem;max-height:40rem;left:calc(50% - 22rem)}}.banner--hero .banner__box--heading-image img{height:auto;max-width:100%;max-height:100%}@keyframes animateHeader{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}.banner--hero .banner__products{display:flex;justify-content:center;align-items:start;z-index:3;position:relative;margin-top:-40px}.banner--hero .banner__products picture{animation:grow 1s,float 2s ease-in-out infinite;transform:scale(0)}.banner--hero .banner__products picture:nth-of-type(1){width:16rem;z-index:4;transform:translatey(0);animation-delay:0s,1s}.banner--hero .banner__products picture:nth-of-type(2){position:absolute;left:-6rem;top:7.5rem;width:13rem;z-index:6;animation-delay:1s,2s}.banner--hero .banner__products picture:nth-of-type(3){position:absolute;left:-2rem;top:5rem;width:13rem;z-index:5;animation-delay:.5s,1.5s}.banner--hero .banner__products picture:nth-of-type(4){position:absolute;left:9rem;top:4rem;width:13rem;z-index:2;animation-delay:1s,2s}.banner--hero .banner__products picture:nth-of-type(5){position:absolute;left:9rem;top:7rem;width:14rem;z-index:3;animation-delay:.5s,1.5s}@media screen and (min-width: 601px){.banner--hero .banner__content:before{position:absolute;left:50%;top:34%;height:22rem;width:22rem;min-width:20rem}.banner--hero .banner__products{margin-top:-300px}.banner--hero .banner__products picture:nth-of-type(1){width:20rem}.banner--hero .banner__products picture:nth-of-type(2){left:-7rem;top:7rem;width:14rem}.banner--hero .banner__products picture:nth-of-type(3){left:-2.5rem;top:4rem;width:14rem}.banner--hero .banner__products picture:nth-of-type(4){left:12rem;top:5rem;width:14rem}.banner--hero .banner__products picture:nth-of-type(5){left:14rem;top:10rem;width:14rem}}@media screen and (min-width: 1024px){.banner--hero .banner__content:before{position:absolute;left:50%;top:40%;height:25rem;width:25rem;min-width:25rem}.banner--hero .banner__products{margin-top:-180px}.banner--hero .banner__products picture:nth-of-type(1){width:22rem}.banner--hero .banner__products picture:nth-of-type(2){left:-8rem;top:8rem;width:17rem}.banner--hero .banner__products picture:nth-of-type(3){left:-2.5rem;top:4rem;width:17rem}.banner--hero .banner__products picture:nth-of-type(4){left:13rem;top:5rem;width:18rem}.banner--hero .banner__products picture:nth-of-type(5){left:15rem;top:10rem;width:18rem}}@media screen and (min-width: 1301px){.banner--hero .banner__content:before{position:absolute;left:50%;top:42%;height:25rem;width:25rem;min-width:25rem}.banner--hero .banner__products{margin-top:-120px}.banner--hero .banner__products picture:nth-of-type(1){width:25rem}.banner--hero .banner__products picture:nth-of-type(2){left:-9rem;top:8rem;width:18rem}.banner--hero .banner__products picture:nth-of-type(3){left:-3rem;top:4rem;width:18rem}.banner--hero .banner__products picture:nth-of-type(4){left:16rem;top:6rem;width:18rem}.banner--hero .banner__products picture:nth-of-type(5){left:18rem;top:12rem;width:18rem}}.banner--hero .banner__products picture img{width:100%;height:auto}.banner--hero .banner__icon{position:absolute;width:9rem;height:auto;bottom:6rem;right:2rem;transform:scale(0);animation:grow 1s,pulse 3s infinite;animation-delay:2s,3s}.banner--hero .banner__icon-2{position:absolute;top:1rem;left:2rem}.banner--hero .banner__icon-2 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-3{position:absolute;top:0;right:1rem}.banner--hero .banner__icon-3 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-4{position:absolute;bottom:5rem;left:2rem}.banner--hero .banner__icon-4 svg{width:2rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-5{position:absolute;bottom:8rem;left:5rem}.banner--hero .banner__icon-5 svg{width:2.5rem;stroke:var(--color-body);fill:var(--color-body)}@media screen and (min-width: 601px){.banner--hero .banner__icon{width:8rem;bottom:18rem;right:10rem}.banner--hero .banner__icon-3{top:4rem;right:3rem}.banner--hero .banner__icon-4{bottom:18rem;left:8rem}.banner--hero .banner__icon-5{bottom:22rem;left:14rem}.banner--hero .banner__icon-2 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-3 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-4 svg{width:2.5rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-5 svg{width:2.5rem;stroke:var(--color-body);fill:var(--color-body)}}@media screen and (min-width: 1024px){.banner--hero .banner__icon{width:10rem;bottom:14rem;right:14rem}.banner--hero .banner__icon-3{top:4rem;right:3rem}.banner--hero .banner__icon-4{bottom:13rem;left:8rem}.banner--hero .banner__icon-5{bottom:16rem;left:13rem}.banner--hero .banner__icon-2 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-3 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-4 svg{width:2.5rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-5 svg{width:2.5rem;stroke:var(--color-body);fill:var(--color-body)}}@media screen and (min-width: 1300px){.banner--hero .banner__icon{width:12rem;bottom:14rem;right:14rem}.banner--hero .banner__icon-3{top:4rem;right:3rem}.banner--hero .banner__icon-4{bottom:12rem;left:8rem}.banner--hero .banner__icon-5{bottom:14rem;left:16rem}.banner--hero .banner__icon-2 svg{width:4rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-3 svg{width:4rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-4 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}.banner--hero .banner__icon-5 svg{width:3rem;stroke:var(--color-body);fill:var(--color-body)}}.banner--products-first .banner__content{padding-bottom:10rem}.banner--products-first .banner__content:before{top:40%}.banner--large-product .banner__products picture:nth-of-type(1){width:24rem}@media screen and (min-width: 750px){.banner--large-product .banner__products picture:nth-of-type(1){width:30rem;height:40rem;object-fit:contain;height:auto;margin-top:-10px}}@media screen and (min-width: 1024px){.banner--large-product .banner__products picture:nth-of-type(1){width:36rem;height:40rem;object-fit:contain;height:auto;margin-top:-150px}}@media screen and (min-width: 1441px){.banner--large-product .banner__products picture:nth-of-type(1){width:44rem;height:40rem;object-fit:contain;height:auto;margin-top:-150px}}.main-img-large{margin-top:0!important}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes pulse{0%{transform:scale(1)}80%{transform:scale(1)}90%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner.css.map */