.sub-banner{display:flex;position:relative}.page-width{width:100%}.sub-banner-img .placeholder-svg{width:100%;max-width:100%}.sub-banner-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;column-gap:3rem}.sub-banner-img,.sub-banner-img a{display:grid}.sub-banner-img img{width:100%;height:auto;transition:transform var(--duration-long) ease}.sub-banner-img:hover img{-o-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}.sub-banner .one_column{column-gap:0;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.one_column .sub-banner-block{width:100%;max-width:100%;border-radius:0}.one_column .sub-banner-img img,.one_column .sub-banner-img a{width:100%}.sub-banner-block{position:relative;overflow:hidden;border-radius:var(--media-radius);width:50%}.sub-banner-inner .sub-banner-text{position:absolute;top:4rem;padding:0 3.5rem;max-width:62%}.sub-banner-inner .sub-banner-text .button{min-height:auto;line-height:normal;padding:1.2rem 1rem;letter-spacing:0;margin-top:3rem;min-width:13.2rem;transition:var(--duration-long) ease;font-weight:600;font-size:1.4rem;line-height:1.285714286}.sub-banner-inner .sub-banner-text .button:hover{border-color:var(--color-base-hover-color)}.sub-banner-inner .sub-banner-text .button:after{display:none}.sub-banner-inner .sub-banner-text.center,.sub-banner-inner .sub-banner-text.right{max-width:80%}.sub-banner-inner .sub-banner-text.right{left:auto;right:6rem}.three_column .sub-banner-text{left:2.5rem}.sub-banner-text.text-position--center{text-align:center}.sub-banner-text.text-position--right{text-align:right}.sub-banner-text.text-position--left{text-align:left}.sub-banner-inner.sub-banner-content--middle-left .sub-banner-text,.sub-banner-inner.sub-banner-content--middle-right .sub-banner-text,.sub-banner-inner.sub-banner-content--middle-center .sub-banner-text{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%)}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:4rem;top:auto}.sub-banner-inner .sub-banner-text .button{margin-top:3rem}.sub-banner--content-align-right{text-align:right}.sub-banner--content-align-left{text-align:left}.sub-banner--content-align-center{text-align:center}.sub-banner-inner.sub-banner-content--top-left{align-items:flex-start;justify-content:flex-start}.sub-banner-inner.sub-banner-content--top-center{align-items:flex-start;justify-content:center}.sub-banner-inner.sub-banner-content--top-right{align-items:flex-start;justify-content:flex-end}.sub-banner-inner.sub-banner-content--middle-left{align-items:center;justify-content:flex-start}.sub-banner-inner.sub-banner-content--middle-center{align-items:center;justify-content:center}.sub-banner-inner.sub-banner-content--middle-right{align-items:center;justify-content:flex-end}.sub-banner-inner.sub-banner-content--bottom-left{align-items:flex-end;justify-content:flex-start}.sub-banner-inner.sub-banner-content--bottom-center{align-items:flex-end;justify-content:center}.sub-banner-inner.sub-banner-content--bottom-right{align-items:flex-end;justify-content:flex-end}.sub-banner-title{font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:2.4rem;line-height:1.25;margin-bottom:1rem}.sub-banner-subtitle{font-weight:400;font-size:1.4rem;line-height:1.285714286}.three_column .sub-banner-title{font-size:2.4rem}.three_column .sub-banner-subtitle{font-size:1.4rem}@media screen and (max-width: 1400px){.three_column .sub-banner-title{font-size:2.2rem}.sub-banner-inner .sub-banner-text{max-width:71%}}@media screen and (max-width: 1269px){.sub-banner-inner{column-gap:2rem}.sub-banner-inner .sub-banner-text .button{font-size:1.4rem;padding:1.1rem 1rem}}@media screen and (max-width: 1100px) and (min-width: 750px){.sub-banner-inner .sub-banner-text{top:2rem;padding:0 2rem}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:2rem;top:auto}.sub-banner-subtitle{font-size:1.5rem}}@media screen and (max-width: 989px) and (min-width: 750px){.sub-banner-title{font-size:2.2rem}.sub-banner-subtitle{font-size:1.4rem}.sub-banner-inner{column-gap:2rem}}@media screen and (max-width: 990px){.sub-banner .three_column{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sub-banner .three_column .sub-banner-block{margin-bottom:2rem;width:calc(50% - 1rem)}}@media screen and (max-width: 749px){.sub-banner-inner{flex-wrap:wrap;column-gap:0;row-gap:2rem}.sub-banner-inner .sub-banner-text{max-width:63%}.sub-banner .three_column .sub-banner-block{margin-bottom:0;width:100%}.sub-banner-inner .sub-banner-text .button{padding:1.3rem;line-height:normal;font-size:1.3rem;min-width:14rem}.sub-banner-img img,.sub-banner-block{width:100%}.sub-banner--content-align-mobile-right{text-align:right}.sub-banner--content-align-mobile-left{text-align:left}.sub-banner--content-align-mobile-center{text-align:center}.sub-banner-inner .sub-banner-text .button{margin-top:2rem}}@media screen and (max-width: 600px){.sub-banner-inner .sub-banner-text{top:2rem;padding:0 2rem}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:2rem;top:auto}.sub-banner-title{font-size:2.6rem}}@media screen and (max-width: 479px){.sub-banner-inner .sub-banner-text{max-width:75%;top:1.5rem;padding:0 1.5rem}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:1.5rem;top:auto}.sub-banner-title{font-size:2.1rem;margin-bottom:.5rem}.sub-banner-subtitle{font-size:1.5rem}}@media screen and (max-width: 380px){.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:1rem;top:auto}.sub-banner-title{font-size:2rem}.sub-banner-subtitle{font-size:1.4rem}.sub-banner-inner .sub-banner-text .button{min-width:13rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sub-banner.css.map */
