.sub-banner {
    display: flex;
    position: relative
}

.full-width,.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: 0
}

.sub-banner-img,.sub-banner-img a {
    display: block;
    line-height: 0
}

.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;
    --media-radius: 0;
    border-radius: var(--media-radius);
    width: 50%
}

.sub-banner-inner .sub-banner-text {
    position: absolute;
    top: 6rem;
    padding: 0 5rem;
    max-width: 62%
}

.sub-banner-inner .sub-banner-text .button {
    min-height: auto;
    line-height: normal;
    padding: 1.1rem 1rem;
    letter-spacing: 0;
    font-size: 1.4rem;
    margin-top: 1rem
}

.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: 6rem;
    top: auto
}

.sub-banner-inner .sub-banner-text .button {
    margin-top: 1.5rem
}

.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-avenir-next--lt-pro-cn);
    font-style: normal;
    font-weight: 700;
    font-size: 4.2rem;
    line-height: 1.047619048;
    margin-bottom: 1rem;
    max-width: 17rem;
    display: inline-block
}

.sub-banner-subtitle {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: .05rem;
    max-width: 22rem
}

.sub-banner-text .link {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: .1rem;
    font-weight: 600;
    margin-top: 3rem
}

.three_column .sub-banner-title {
    font-size: 2.4rem
}

.three_column .sub-banner-subtitle {
    font-size: 1.4rem
}

.section-sub-banner .title-wrapper-with-link:after {
    content: "";
    width: 7.5rem;
    height: .4rem;
    background: var(--title-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.section-sub-banner .title-wrapper-with-link {
    flex-direction: column;
    margin-bottom: 2.5rem
}

.section-sub-banner .sub-title {
    margin-bottom: 3rem
}

@media only screen and (min-width: 1200px) {
    .sub-banner-inner .sub-banner-text .button {
        min-width:14rem
    }
}

@media only screen and (max-width: 1400px) {
    .three_column .sub-banner-title {
        font-size:2.2rem;
        line-height: normal
    }

    .sub-banner-title {
        line-height: normal
    }

    .sub-banner-inner .sub-banner-text {
        max-width: 71%;
        padding: 0 4rem;
        top: 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: 5rem
    }
}

@media only screen and (max-width: 1269px) {
    .sub-banner-title {
        font-size:3.6rem;
        max-width: 14rem
    }

    .sub-banner-inner {
        column-gap: 0
    }
}

@media only screen and (max-width: 1100px) and (min-width: 750px) {
    .sub-banner-inner .sub-banner-text {
        top:4rem;
        padding: 0 3rem
    }

    .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-title {
        font-size: 3.2rem;
        margin-bottom: .5rem;
        max-width: 12.5rem
    }

    .sub-banner-subtitle {
        font-size: 1.8rem;
        max-width: 20rem
    }

    .sub-banner-text .link {
        margin-top: 2.5rem
    }
}

@media only screen and (max-width: 989px) and (min-width: 750px) {
    .sub-banner-inner .sub-banner-text {
        top:3rem;
        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: 3rem;
        top: auto
    }

    .sub-banner-title {
        font-size: 2.8rem;
        margin-bottom: .5rem;
        max-width: 11rem
    }

    .sub-banner-subtitle {
        font-size: 1.6rem
    }

    .sub-banner-text .link {
        margin-top: 2rem
    }

    .sub-banner-inner {
        column-gap: 0
    }
}

@media only 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 only screen and (max-width: 749px) {
    .sub-banner-inner {
        flex-wrap:wrap;
        column-gap: 0;
        row-gap: 0
    }

    .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: .8rem 1rem;
        line-height: normal;
        font-size: 1.3rem
    }

    .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-content-mobile--top-left {
        align-items: flex-start;
        justify-content: flex-start
    }

    .sub-banner-inner.sub-banner-content-mobile--top-center {
        align-items: flex-start;
        justify-content: center
    }

    .sub-banner-inner.sub-banner-content-mobile--top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .sub-banner-inner.sub-banner-content-mobile--middle-left {
        align-items: center;
        justify-content: flex-start
    }

    .sub-banner-inner.sub-banner-content-mobile--middle-center {
        align-items: center;
        justify-content: center
    }

    .sub-banner-inner.sub-banner-content-mobile--middle-right {
        align-items: center;
        justify-content: flex-end
    }

    .sub-banner-inner.sub-banner-content-mobile--bottom-left {
        align-items: flex-end;
        justify-content: flex-start
    }

    .sub-banner-inner.sub-banner-content-mobile--bottom-center {
        align-items: flex-end;
        justify-content: center
    }

    .sub-banner-inner.sub-banner-content-mobile--bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }
}

@media only 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;
        max-width: 10.5rem
    }

    .sub-banner-subtitle {
        font-size: 1.8rem;
        max-width: 20rem
    }

    .sub-banner-text .link {
        margin-top: 2rem
    }
}

@media only screen and (max-width: 479px) {
    .sub-banner-inner .sub-banner-text {
        top:2rem;
        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: 2rem;
        top: auto
    }

    .sub-banner-title {
        font-size: 2.1rem;
        margin-bottom: .5rem;
        max-width: 8.5rem
    }

    .sub-banner-subtitle {
        font-size: 1.6rem;
        max-width: 18rem
    }

    .sub-banner-text .link {
        margin-top: 1.5rem;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 380px) {
    .sub-banner-title {
        font-size:2rem;
        max-width: 8rem
    }

    .sub-banner-subtitle {
        font-size: 1.4rem;
        max-width: 15rem
    }

    .sub-banner-text .link {
        margin-top: 1rem
    }
}

/*# sourceMappingURL=/cdn/shop/t/3/assets/section-sub-banner.css.map?v=14313091142389159931721210433 */