.sprd-btn:disabled {
    pointer-events: none
}

.sprd-btn__element {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.sprd-btn__element:focus {
    outline: 0
}

.sprd-btn__element:disabled {
    pointer-events: none;
    opacity: 0.28
}

.sprd-btn__text {
    line-height: 1.3
}

.sprd-cta:disabled {
    pointer-events: none
}

.sprd-cta__element {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .25rem;
    font-weight: bold;
    line-height: 1.3;
    width: 100%
}

.sprd-cta__element:focus {
    outline: 0
}

.sprd-cta__element:disabled {
    pointer-events: none
}

.sprd-cta__element>*+* {
    text-align: left
}

.sprd-cta--small .sprd-cta__element {
    min-height: 2rem;
    padding: .25em 1em;
    font-size: 0.75rem
}

.sprd-cta--small .sprd-cta__element .sprd-cta__icon {
    display: block;
    width: 1rem;
    height: 1rem;
    margin-right: .5em
}

@media screen and (min-width: 768px) {
    .sprd-cta--small .sprd-cta__element {
        min-height: 2rem;
        font-size: 0.875rem
    }

    .sprd-cta--small .sprd-cta__element .sprd-cta__icon {
        width: 1.25rem;
        height: 1.25rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-cta--small .sprd-cta__element {
        min-height: 2.5rem;
        font-size: 1rem
    }

    .sprd-cta--small .sprd-cta__element .sprd-cta__icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

.sprd-cta--medium .sprd-cta__element {
    min-height: 2.5rem;
    padding: .25em 1em;
    font-size: 0.875rem
}

.sprd-cta--medium .sprd-cta__element .sprd-cta__icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5em
}

@media screen and (min-width: 768px) {
    .sprd-cta--medium .sprd-cta__element {
        min-height: 2.5rem;
        font-size: 1rem
    }

    .sprd-cta--medium .sprd-cta__element .sprd-cta__icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-cta--medium .sprd-cta__element {
        min-height: 3rem;
        font-size: 1.125rem
    }

    .sprd-cta--medium .sprd-cta__element .sprd-cta__icon {
        width: 1.75rem;
        height: 1.75rem
    }
}

.sprd-cta--large .sprd-cta__element {
    min-height: 3rem;
    padding: .25em 1em;
    font-size: 0.875rem
}

.sprd-cta--large .sprd-cta__element .sprd-cta__icon {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5em
}

@media screen and (min-width: 768px) {
    .sprd-cta--large .sprd-cta__element {
        min-height: 3rem;
        font-size: 1rem
    }

    .sprd-cta--large .sprd-cta__element .sprd-cta__icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-cta--large .sprd-cta__element {
        min-height: 3.5rem;
        font-size: 1.125rem
    }

    .sprd-cta--large .sprd-cta__element .sprd-cta__icon {
        width: 2rem;
        height: 2rem
    }
}

.sprd-cta--main .sprd-cta__element {
    color: #fff;
    background-color: #009e94
}

.sprd-cta--main .sprd-cta__element .sprd-cta__icon {
    fill: #fff
}

.sprd-cta--main .sprd-cta__element:hover {
    background-color: #00b2a5
}

.sprd-cta--main .sprd-cta__element:active {
    background-color: #00877e
}

.sprd-cta--main .sprd-cta__element:disabled {
    background-color: #cbf0ed
}

.sprd-cta--light .sprd-cta__element {
    background-color: #fff;
    color: #009e94;
    border: 0.125rem solid #009e94
}

.sprd-cta--light .sprd-cta__element .sprd-cta__icon {
    fill: #009e94
}

.sprd-cta--light .sprd-cta__element:hover {
    color: #00b2a5;
    border-color: #00b2a5
}

.sprd-cta--light .sprd-cta__element:hover .sprd-cta__icon {
    fill: #00b2a5
}

.sprd-cta--light .sprd-cta__element:active {
    color: #00877e;
    border-color: #00877e
}

.sprd-cta--light .sprd-cta__element:active .sprd-cta__icon {
    fill: #00877e
}

.sprd-cta--light .sprd-cta__element:disabled {
    color: #cbf0ed;
    border-color: #cbf0ed
}

.sprd-cta--light .sprd-cta__element:disabled .sprd-cta__icon {
    fill: #cbf0ed
}

.sprd-cta--ghost .sprd-cta__element {
    color: #009e94;
    border: 0.125rem solid #009e94
}

.sprd-cta--ghost .sprd-cta__element .sprd-cta__icon {
    fill: #009e94
}

.sprd-cta--ghost .sprd-cta__element:hover {
    color: #00b2a5;
    border-color: #00b2a5
}

.sprd-cta--ghost .sprd-cta__element:hover .sprd-cta__icon {
    fill: #00b2a5
}

.sprd-cta--ghost .sprd-cta__element:active {
    color: #00877e;
    border-color: #00877e
}

.sprd-cta--ghost .sprd-cta__element:active .sprd-cta__icon {
    fill: #00877e
}

.sprd-cta--ghost .sprd-cta__element:disabled {
    color: #cbf0ed;
    border-color: #cbf0ed
}

.sprd-cta--ghost .sprd-cta__element:disabled .sprd-cta__icon {
    fill: #cbf0ed
}

.sprd-cta--dark-light .sprd-cta__element {
    background-color: #fff;
    color: #333;
    border: 0.125rem solid #333
}

.sprd-cta--dark-light .sprd-cta__element .sprd-cta__icon {
    fill: #333
}

.sprd-cta--dark-light .sprd-cta__element:hover {
    color: #191919;
    border-color: #191919
}

.sprd-cta--dark-light .sprd-cta__element:hover .sprd-cta__icon {
    fill: #191919
}

.sprd-cta--dark-light .sprd-cta__element:active {
    color: #000;
    border-color: #000
}

.sprd-cta--dark-light .sprd-cta__element:active .sprd-cta__icon {
    fill: #000
}

.sprd-cta--dark-light .sprd-cta__element:disabled {
    color: #b2b2b2;
    border-color: #b2b2b2
}

.sprd-cta--dark-light .sprd-cta__element:disabled .sprd-cta__icon {
    fill: #b2b2b2
}

.sprd-cta--dark-ghost .sprd-cta__element {
    color: #333;
    border: 0.125rem solid #333
}

.sprd-cta--dark-ghost .sprd-cta__element .sprd-cta__icon {
    fill: #333
}

.sprd-cta--dark-ghost .sprd-cta__element:hover {
    color: #191919;
    border-color: #191919
}

.sprd-cta--dark-ghost .sprd-cta__element:hover .sprd-cta__icon {
    fill: #191919
}

.sprd-cta--dark-ghost .sprd-cta__element:active {
    color: #000;
    border-color: #000
}

.sprd-cta--dark-ghost .sprd-cta__element:active .sprd-cta__icon {
    fill: #000
}

.sprd-cta--dark-ghost .sprd-cta__element:disabled {
    color: #b2b2b2;
    border-color: #b2b2b2
}

.sprd-cta--dark-ghost .sprd-cta__element:disabled .sprd-cta__icon {
    fill: #b2b2b2
}

.filter-button:disabled {
    pointer-events: none
}

.filter-button__element {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: .125em 1em;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: .25rem
}

.filter-button__element:focus {
    outline: 0
}

.filter-button__element:disabled {
    pointer-events: none;
    opacity: 0.28
}

.filter-button__element.active {
    font-weight: bold;
    border-width: 2px
}

.filter-button__element:hover,
.filter-button__element:active,
.filter-button__element.active {
    border-color: #00b2a5;
    color: #00b2a5
}

.filter-button__element:hover.active,
.filter-button__element:active.active {
    border-color: #009e94;
    color: #009e94
}

.filter-button__element:not(.active) {
    margin: 0 1px
}

.filter-button__element:disabled {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc
}

.filter-button--small .filter-button__element {
    min-height: 2rem;
    font-size: .75rem
}

@media screen and (min-width: 768px) {
    .filter-button--small .filter-button__element {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .filter-button--small .filter-button__element {
        font-size: 1rem
    }
}

.filter-button--medium .filter-button__element {
    min-height: 2.5rem
}

.filter-button--large .filter-button__element {
    min-height: 3rem
}

.filter-button__text {
    line-height: 1.3
}

.sprd-link__element {
    color: #009e94;
    font-weight: bold;
    display: inline-flex;
    align-items: center
}

.sprd-link__element:focus {
    outline: 0
}

.sprd-link__element .sprd-icon__svg {
    display: flex;
    width: 1em;
    height: 1em;
    margin: 0 .25em;
    fill: #009e94
}

.sprd-link__element:hover {
    color: #00b2a5
}

.sprd-link__element:hover .sprd-icon__svg {
    fill: #00b2a5
}

.sprd-link__element:active {
    color: #00877e
}

.sprd-link__element:active .sprd-icon__svg {
    fill: #00877e
}

.sprd-link__element:disabled {
    color: #cbf0ed;
    pointer-events: none
}

.sprd-link__element:disabled .sprd-icon__svg {
    fill: #cbf0ed
}

.sprd-link--subtle .sprd-link__element {
    color: #333;
    font-weight: normal;
    text-decoration: underline;
    display: inline-flex;
    align-items: center
}

.sprd-link--subtle .sprd-link__element:focus {
    outline: 0
}

.sprd-link--subtle .sprd-link__element .sprd-icon__svg {
    display: flex;
    width: 1em;
    height: 1em;
    margin: 0 .25em;
    fill: #333
}

.sprd-link--subtle .sprd-link__element:hover {
    color: #00b2a5
}

.sprd-link--subtle .sprd-link__element:hover .sprd-icon__svg {
    fill: #00b2a5
}

.sprd-link--subtle .sprd-link__element:active {
    color: #00877e
}

.sprd-link--subtle .sprd-link__element:active .sprd-icon__svg {
    fill: #00877e
}

.sprd-link--subtle .sprd-link__element:disabled {
    color: #ccc;
    pointer-events: none
}

.sprd-link--subtle .sprd-link__element:disabled .sprd-icon__svg {
    fill: #ccc
}

.price__wrap {
    display: inline-flex;
    justify-content: space-between
}

.price__percent-crumb {
    background: #f8d9e0;
    color: #cc395b;
    font-size: small;
    border-radius: 4px;
    padding: 0 .25rem;
    display: flex;
    align-items: center
}

.price__now-price {
    display: inline-block
}

.price__old-price {
    color: #999;
    display: none;
    font-weight: normal;
    margin-left: .5rem;
    margin-right: 0;
    text-decoration: line-through
}

@media screen and (min-width: 768px) {
    .price__old-price {
        margin-left: .75rem
    }
}

.price--struck .price__now-price {
    color: #cc395b
}

.price--struck .price__old-price {
    display: inline-block
}

.price--mini-basket.price__old-price {
    margin-left: 0;
    margin-right: .5rem
}

.price--mini-basket.price__now-price {
    font-weight: bold
}

.pop-up--login .login,
.login-page .login {
    margin: .5rem auto;
    max-width: 512px
}

.pop-up--login .loading {
    min-height: 600px
}

.pop-up--login .loading .Loader {
    display: block
}

.pop-up--login .loading .lovetab {
    margin-top: 42%
}

.pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1100;
    transition: all .25s ease-in
}

.pop-up.open {
    opacity: 1;
    visibility: visible
}

.pop-up__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1105
}

.pop-up__container {
    position: absolute;
    display: flex;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 2.5rem);
    background-color: #fff;
    z-index: 1110;
    transform: translateY(100%);
    transition: all .25s ease-in
}

@media screen and (min-width: 768px) {
    .pop-up__container {
        position: relative;
        top: 50%;
        width: 90%;
        max-width: 1000px;
        max-height: 80%;
        margin: 0 auto;
        transform: translateY(-50%) scale(0)
    }
}

@media screen and (min-width: 768px) {
    .pop-up__container--small {
        width: 60%
    }
}

@media screen and (min-width: 1024px) {
    .pop-up__container--small {
        width: 50%
    }
}

@media screen and (min-width: 1280px) {
    .pop-up__container--small {
        width: 40%
    }
}

@media screen and (min-width: 1600px) {
    .pop-up__container--small {
        width: 35%
    }
}

@media screen and (max-width: 767px) {
    .open .pop-up__container {
        transform: translateY(0%)
    }
}

@media screen and (min-width: 768px) {
    .open .pop-up__container {
        transform: translateY(-50%) scale(1)
    }
}

.fullscreen .pop-up__container {
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    transform: translateY(0%)
}

@media screen and (min-width: 768px) {
    .pop-up--confirm .pop-up__container {
        width: 60%;
        min-width: 200px;
        max-width: 90%
    }
}

@media screen and (min-width: 1024px) {
    .pop-up--confirm .pop-up__container {
        width: 50%;
        max-width: 75%
    }
}

@media screen and (min-width: 1280px) {
    .pop-up--confirm .pop-up__container {
        width: 40%;
        max-width: 1024px
    }
}

.pop-up__close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -2.5rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .pop-up__close {
        right: -2.5rem
    }
}

.pop-up__close:focus {
    outline: 0
}

.pop-up__icon {
    display: flex;
    pointer-events: none
}

.pop-up__icon--x {
    width: 1.375rem;
    height: calc(1.375rem * 1);
    fill: #fff
}

.pop-up__content {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.pop-up--select .pop-up__content {
    padding: 2rem .75rem;
    text-align: center
}

.pop-up--confirm .pop-up__content {
    padding: 1.5rem .75rem
}

@media screen and (min-width: 768px) {
    .pop-up--confirm .pop-up__content {
        padding: 3rem
    }
}

.user-menu {
    cursor: pointer
}

.user-menu__button {
    padding: 0 .25rem;
    line-height: 2.5rem
}

.user-menu__icon {
    vertical-align: middle
}

.user-menu__button .user-menu__icon {
    fill: #737373
}

.user-menu__button .user-menu__icon--account {
    width: .75rem;
    height: calc(.75rem * 1.3);
    margin-right: .5rem
}

.user-menu__button .user-menu__icon--down {
    width: .625rem;
    height: calc(.625rem * 1.3);
    margin-left: .5rem
}

.open .user-menu__button .user-menu__icon--down {
    transform: rotate(180deg)
}

.user-menu__link .user-menu__icon {
    margin-right: 1rem;
    fill: #666;
    fill: #666
}

.user-menu__link .user-menu__icon--gauge {
    width: 1.25rem;
    height: 1.125rem
}

.user-menu__link .user-menu__icon--shop {
    width: 1.25rem;
    height: 1.125rem
}

.user-menu__link .user-menu__icon--checklist {
    width: 1.25rem;
    height: 1.125rem
}

.user-menu__link .user-menu__icon--account {
    width: 1.25rem;
    height: 1.125rem
}

.user-menu__link .user-menu__icon--template {
    width: 1.25rem;
    height: 1rem
}

.user-menu__link .user-menu__icon--frame {
    width: 1.25rem;
    height: 1rem
}

.user-menu__link:hover .user-menu__icon {
    fill: #00b2a5
}

.user-menu__content {
    display: none;
    position: absolute;
    right: 0;
    top: 2.5rem;
    width: 420px;
    padding: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
    font-size: 0.875rem;
    white-space: normal;
    z-index: 10;
    cursor: default
}

.user-menu__content.open {
    display: block
}

.user-menu__list {
    margin-bottom: 1rem
}

.user-menu__link {
    display: block;
    line-height: 2.5rem
}

.sprd-header .user-menu__link {
    color: #666
}

.user-menu__link:hover {
    color: #00b2a5
}

.user-menu__link:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.user-menu__cta {
    width: 100%
}

.user-menu__cta.button {
    padding: .375rem 1rem
}

.notification--login {
    font-size: .75rem
}

@media screen and (min-width: 768px) {
    .notification--login {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .notification--login {
        font-size: 1rem
    }
}

.sprd-confirmation__headline {
    display: block;
    font: 1.125rem/1.3 Montserrat, sans-serif;
    margin-bottom: 1em;
    text-align: center
}

@media screen and (min-width: 768px) {
    .sprd-confirmation__headline {
        font-size: 1.25rem
    }
}

.sprd-confirmation__message {
    text-align: center;
    margin-bottom: 1.5em
}

.sprd-confirmation__buttons {
    text-align: center
}

.sprd-confirmation__buttons>* {
    display: block;
    padding: .68em 1em;
    width: 100%;

}

.sprd-confirmation__buttons>*:first-child {
    margin-bottom: .75em
}

@media screen and (min-width: 768px) {
    .sprd-confirmation__buttons>* {
        display: inline-block;
        width: auto
    }

    .sprd-confirmation__buttons>*:first-child {
        margin-bottom: 0;
        margin-right: .5em
    }

    .sprd-confirmation__buttons>*:last-child {
        margin-left: .5em
    }
}

.sprd-confirmation .icon--trash-can {
    width: 1.5rem;
    height: calc(1.5rem * 1.16267)
}

.basket {
    position: fixed;
    right: 0;
    width: 100%;
    overflow-x: hidden;
    z-index: 2;
    pointer-events: none;
    visibility: hidden
}

@media screen and (min-width: 768px) {
    .basket {
        transition: visibility .25s ease-in
    }
}

.basket.open {
    pointer-events: auto;
    visibility: visible
}

@media screen and (min-width: 768px) {
    .basket__layer {
        height: 100%;
        background-color: #000;
        z-index: -1;
        opacity: 0;
        transition: opacity .25s ease-in
    }

    .open .basket__layer {
        opacity: .75
    }
}

.basket__wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .basket__wrapper {
        position: absolute;
        width: 30em;
        max-height: 100%;
        top: 0;
        right: -30em;
        overflow-x: visible;
        transition: right .25s ease-in
    }

    .open .basket__wrapper {
        right: 0
    }
}

.basket__header {
    position: relative;
    padding: .75rem;
    border-top: 1px solid #f2f2f2
}

@media screen and (min-width: 768px) {
    .basket__header {
        padding: 1.125rem 1.5rem;
        background-color: #fff;
        border: none;
        box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.1);
        z-index: 2
    }
}

.basket .h2 {
    margin-bottom: 0 !important
}

.basket__close {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0
}

.basket__close .sprd-btn__element {
    padding: .75rem
}

@media screen and (min-width: 1280px) {
    .basket__close .sprd-btn__element {
        padding: 1rem
    }
}

.basket__close .sprd-btn__icon {
    display: block;
    width: 1.125em;
    height: calc(1.125em * 1)
}

.basket__content {
    -webkit-overflow-scrolling: touch;
    flex-grow: 1
}

@media screen and (min-width: 768px) {
    .basket__content {
        position: initial;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.basket__content.no-scroll {
    overflow: visible
}

.basket__items {
    border-top: 0.5rem solid #f2f2f2
}

.basket-cost-details {
    display: block;
    font-size: .75rem
}

@media screen and (min-width: 768px) {
    .basket-cost-details {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .basket-cost-details {
        font-size: 1rem
    }
}

.basket-cost-details__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.basket-cost-details__row:not(:last-child) {
    margin-bottom: .25em
}

.basket-cost-details__price-discount {
    color: #cc395b
}

.basket-footer {
    display: block;
    padding: 0 .75rem 1.5rem
}

@media screen and (min-width: 768px) {
    .basket-footer {
        padding: 0 1.5rem 1.5rem
    }
}

.basket-footer__hint {
    position: relative;
    margin: 0 -.75rem 1.5em;
    padding: 0.75em .75rem;
    background-color: #333;
    text-align: center;
    white-space: normal;
    color: #fff
}

@media screen and (min-width: 768px) {
    .basket-footer__hint {
        margin: 0 -1.5rem 1.5em;
        padding: 0.75em 1.5rem
    }
}

.basket-footer__hint>a {
    color: #fff !important;
    text-decoration: underline !important
}

.basket-footer__hint>a:hover {
    color: #00b2a5 !important
}

.basket-footer__total {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: .875em
}

.basket-footer__price-info {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2em
}

.basket-footer__shipping-cost {
    margin-left: .25rem;
    color: #00b2a5;
    cursor: pointer
}

.basket-footer__shipping-cost:hover {
    color: #009e94
}

.basket-empty {
    flex-grow: 10000;
    display: block;
    padding-bottom: 1rem;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto
}

.basket-empty__text {
    padding-left: .75rem;
    padding-right: .75rem;
    margin: 1rem 0
}

@media screen and (min-width: 1280px) {
    .basket-empty__text {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.basket-empty .sprd-cta {
    display: inline-block
}

.sprd-accordion {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    border-top-color: #d9d9d9
}

.sprd-accordion[open] {
    transition: border-bottom-color 0s
}

.sprd-accordion:not([open]):not([clear]) {
    border-bottom-color: #d9d9d9;
    transition: border-bottom-color 0s .3s
}

.sprd-accordion+* {
    display: block;
    width: 100%;
    border-bottom: 1px solid transparent;
    visibility: hidden;
    overflow: hidden;
    transition: max-height .5s ease-in-out, visibility 0s .3s, border-bottom-color 0s .3s
}

.sprd-accordion[open]+* {
    border-bottom-color: #d9d9d9;
    visibility: visible;
    transition: max-height .5s ease-in-out, visibility 0s, border-bottom-color 0s
}

.sprd-accordion[clear],
.sprd-accordion--large {
    border-top: none
}

.sprd-accordion[clear]+* {
    border-bottom: none
}

.sprd-accordion--opened+* {
    overflow: visible
}

.sprd-accordion__btn {
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    width: 100%;
    padding-right: 2em;
    font-size: .75rem
}

.sprd-accordion__btn:focus {
    outline: 0
}

.sprd-accordion__btn:disabled {
    pointer-events: none;
    opacity: 0.28
}

@media screen and (min-width: 768px) {
    .sprd-accordion__btn {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-accordion__btn {
        font-size: 1rem
    }
}

@media screen and (min-width: 768px) {
    .sprd-accordion__btn {
        height: 3rem;
        padding-right: 1.5rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-accordion__btn {
        height: 3.5rem
    }
}

.sprd-accordion--large .sprd-accordion__btn {
    padding: 2em 2rem 2em 0;
    font-size: .875rem
}

@media screen and (min-width: 768px) {
    .sprd-accordion--large .sprd-accordion__btn {
        font-size: 1rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-accordion--large .sprd-accordion__btn {
        font-size: 1.125rem
    }
}

.sprd-accordion--headline .sprd-accordion__btn {
    height: 4.5rem
}

@media screen and (min-width: 768px) {
    .sprd-accordion--headline .sprd-accordion__btn {
        height: 6rem
    }
}

.sprd-accordion__title {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .sprd-accordion__title.h3 {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1280px) {
    .sprd-accordion__title.h3 {
        font-size: 1.5rem
    }
}

.sprd-accordion--large .sprd-accordion__title {
    font-weight: bold
}

.sprd-accordion__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    text-align: left
}

.sprd-accordion__info {
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1.5;
    color: #b2b2b2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .sprd-accordion__info {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-accordion__info {
        font-size: 1rem
    }
}

.sprd-accordion__icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sprd-accordion__icon .icon--up {
    width: 1rem;
    height: calc(1rem * 0.58894);
    fill: #333
}

.sprd-accordion__icon .icon--down {
    width: 1rem;
    height: calc(1rem * 0.58894);
    fill: #333
}

.sprd-accordion__icon .icon--plus {
    width: 1.25em;
    height: calc(1.25em * 1);
    fill: #333
}

.sprd-accordion__icon .icon--minus {
    width: 1.25em;
    height: calc(1.25em * 0.1);
    fill: #333
}

.sprd-accordion .mp-stars__info {
    font-size: .875rem
}

@media screen and (min-width: 768px) {
    .sprd-accordion .mp-stars__info {
        font-size: 1rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-accordion .mp-stars__info {
        font-size: 1.125rem
    }
}

.basket-item {
    position: relative;
    display: block;
    box-shadow: inset 0 -0.5rem #f2f2f2;
    transition: height .25s ease-in-out;
    overflow: hidden
}

.basket-item__content,
.basket-item__deleted {
    padding: 1rem .75rem 1.25rem;
    opacity: 1;
    z-index: auto;
    transition: visibility .25s ease-in-out, opacity .25s ease-in-out
}

@media screen and (min-width: 768px) {

    .basket-item__content,
    .basket-item__deleted {
        padding: 1.5rem 1.5rem 1.5rem
    }
}

.basket-item__content.invisible,
.basket-item__deleted.invisible {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -10000
}

.basket:not(.open) .basket-item__content,
.basket:not(.open) .basket-item__deleted {
    display: none
}

.basket-item__sellable {
    display: flex;
    position: relative;
    flex-direction: row;
    margin-bottom: 1rem
}

.basket-item__image {
    width: 125px;
    height: 125px !important;
    cursor: pointer
}

.basket-item .sprd-sustainable-label {
    position: absolute;
    left: .5rem;
    bottom: .5rem
}

.basket-item__information {
    position: relative;
    flex-grow: 1;
    margin-left: .75rem
}

@media screen and (min-width: 1280px) {
    .basket-item__information {
        margin-left: 1rem
    }
}

.basket-item__name {
    display: inline-block;
    margin-bottom: .375rem;
    line-height: 1.3;
    white-space: normal;
    font-weight: bold
}

.basket-item .fav-btn {
    position: relative;
    right: auto;
    margin: .25rem 0 0 -.375rem;
    padding: 0;
    background-color: transparent;
    background-clip: border-box;
    border-radius: 0
}

.basket-item .fav-btn__btn:focus {
    outline: none
}

.basket-item .fav-btn__icon {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .basket-item .fav-btn__notification {
        top: auto;
        right: auto;
        margin: .125rem 0 0 -.375rem
    }

    .basket-item .fav-btn__notification:before {
        right: auto;
        left: .625rem
    }
}

.basket-item__delete {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    margin: .25rem 0 0 -.375rem
}

.basket-item__delete .sprd-btn__element {
    width: 100%;
    height: 100%
}

.basket-item__delete .sprd-btn__icon {
    vertical-align: middle
}

.basket-item__delete .sprd-btn__icon--trash-can {
    width: calc(1.25rem * .86009);
    height: 1.25rem;
    fill: #404040
}

.basket-item__delete:hover .sprd-btn__icon {
    fill: #00b2a5
}

.fav-btn+.basket-item__delete {
    margin-left: 0
}

.basket-item__size-table {
    width: 100%;
    overflow: hidden;
    word-wrap: break-word
}

.basket-item__size-table table {
    table-layout: fixed;
    width: 100%;
    white-space: normal
}

.basket-item__size-table th {
    text-align: left;
    padding: 0 0 .25rem
}

.basket-item__size-table td {
    padding: 0 0 .5rem
}

.basket-item__size-table th:first-child,
.basket-item__size-table td:first-child {
    padding-right: .5em
}

.basket-item__size-table th:last-child,
.basket-item__size-table td:last-child {
    padding-left: .5em;
    text-align: right
}

.basket-item__price {
    display: flex;
    justify-content: space-between;
    padding-top: .875em
}

.basket-item__price .price {
    display: block
}

.basket-item__price .price__old-price {
    display: initial
}

.mp-notification {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    top: 100%;
    right: 0;
    width: 100%;
    padding: .75em;
    background-color: #3284cb;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: .875rem;
    z-index: 5
}

@media screen and (min-width: 768px) {
    .mp-notification {
        font-size: 1rem
    }
}

@media screen and (min-width: 1920px) {
    .mp-notification {
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px) {
    .mp-notification {
        justify-content: left;
        width: auto;
        border-radius: .25rem
    }
}

.mp-notification__text {
    align-self: center
}

sprd-icon+.mp-notification__text {
    margin-left: .75em
}

.mp-notification__button {
    width: 2em;
    height: 2em;
    margin-left: auto
}

@media screen and (min-width: 768px) {
    .mp-notification__button {
        margin-left: 2em
    }
}

.mp-notification__button:focus {
    outline: 0
}

.mp-notification__icon {
    display: block;
    fill: #fff
}

.mp-notification__icon--x {
    width: calc(1em * 1);
    height: 1em;
    margin: 0.5em
}

.mp-notification__icon--info-circle {
    width: calc(1.25em * 1);
    height: 1.25em;
    margin: 0.375em 0
}

.fav-btn {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    height: 2.25rem;
    width: 2.25rem;
    padding: .125rem;
    background-color: white;
    border-radius: 100%;
    background-clip: content-box;
    color: #333;
    cursor: pointer;
    z-index: 1
}

.fav-btn:focus {
    outline: 0
}

@media screen and (min-width: 768px) {
    .fav-btn {
        margin: .25rem;
        padding: 0
    }
}

@media screen and (min-width: 1280px) {
    .fav-btn {
        margin: .5rem
    }
}

.fav-btn__btn {
    display: block;
    width: 100%;
    height: 100%
}

.fav-btn__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    fill: #333
}

.fav-btn__icon--heart {
    width: 1.375rem;
    height: calc(1.375rem * .88597)
}

.fav-btn__icon--heart-filled {
    width: 1.375rem;
    height: calc(1.375rem * .88597)
}

.fav-btn__icon--heart-filled,
.fav-btn__icon--heart {
    display: initial !important
}

.fav-btn:hover .fav-btn__icon {
    fill: #00b2a5
}

.fav-btn__notification {
    position: fixed;
    top: auto;
    bottom: 0;
    background-color: #00786c
}

@media screen and (min-width: 768px) {
    .fav-btn__notification {
        position: absolute;
        top: 3.375rem;
        right: .5rem;
        bottom: auto;
        margin-left: .5rem;
        pointer-events: none;
        font-size: .875rem
    }
}

.fav-btn__notification:before {
    display: none
}

@media screen and (min-width: 768px) {
    .fav-btn__notification:before {
        display: block;
        content: '';
        position: absolute;
        right: .625rem;
        bottom: 100%;
        background-color: transparent;
        width: 0;
        height: 0;
        transform: rotate(360deg);
        border: solid .5rem transparent;
        border-top-width: 0;
        border-bottom-color: #00786c
    }
}

.fav-btn__notification .mp-notification__text {
    text-align: center;
    pointer-events: none
}

.fav-btn__notification .mp-notification__button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    width: 3em;
    height: 3em
}

@media screen and (min-width: 768px) {
    .fav-btn__notification .mp-notification__button {
        display: none
    }
}

.fav-btn__notification .mp-notification__icon {
    pointer-events: none
}

.sprd-sustainable-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 1.25rem;
    background-color: #d2e6de;
    border-radius: .25rem;
    font-size: .625rem
}

@media screen and (min-width: 768px) {
    .sprd-sustainable-label {
        font-size: .75rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-sustainable-label {
        font-size: .875rem
    }
}

@media screen and (min-width: 768px) {
    .sprd-sustainable-label {
        height: 1.5rem;
        min-width: 1.5rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-sustainable-label {
        height: 1.75rem;
        min-width: 1.75rem
    }
}

.sprd-sustainable-label--text {
    padding: 0 .25rem
}

@media screen and (min-width: 768px) {
    .sprd-sustainable-label--text {
        padding: 0 .5rem
    }
}

.sprd-sustainable-label .sprd-icon {
    display: flex
}

.sprd-sustainable-label .sprd-icon__svg {
    width: calc(.625rem * .76949);
    height: .625rem;
    fill: #1d4856
}

@media screen and (min-width: 768px) {
    .sprd-sustainable-label .sprd-icon__svg {
        width: calc(.875rem * .76949);
        height: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-sustainable-label .sprd-icon__svg {
        width: calc(1rem * .76949);
        height: 1rem
    }
}

.sprd-sustainable-label__text {
    margin-left: .125rem
}

@media screen and (min-width: 768px) {
    .sprd-sustainable-label__text {
        margin-left: .375rem
    }
}

.glide {
    display: block
}

.glide__arrow {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.glide__arrow.left {
    left: -3rem
}

.glide__arrow.right {
    right: -3rem
}

.glide__arrow .sprd-btn__element {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem
}

.glide__arrow .sprd-btn__icon {
    display: block;
    fill: #00b2a5
}

.glide__arrow .sprd-btn__icon--left {
    width: calc(2rem * 0.58806);
    height: 2rem
}

.glide__arrow .sprd-btn__icon--right {
    width: calc(2rem * 0.58806);
    height: 2rem
}

.glide__bullets {
    position: relative;
    margin-top: -2em;
    line-height: 2em;
    text-align: center
}

.glide__bullet {
    height: .5rem;
    width: .5rem;
    margin: .125rem;
    background-color: white;
    border: 1px solid #4c4c4c;
    border-radius: 100%;
    cursor: pointer;
    vertical-align: middle
}

.glide__bullet.active {
    background-color: #00b2a5;
    border-color: #00b2a5
}

.mp-tile-slider {
    width: auto !important;
    margin: 0 -.75rem
}

@media screen and (min-width: 1280px) {
    .mp-tile-slider {
        margin: 0 -1rem
    }
}

@media screen and (min-width: 768px) {
    .mp-tile-slider .glide__track {
        margin: 0 calc(-3vw);
        padding: 0 3vw
    }
}

@media screen and (min-width: 1024px) {
    .mp-tile-slider .glide__track {
        margin: 0 calc(-6vw);
        padding: 0 6vw
    }
}

@media screen and (min-width: 1280px) {
    .mp-tile-slider .glide__track {
        margin: 0;
        padding: 0
    }
}

.mp-tile-slider .glide__arrow {
    display: none;
    top: calc((100% - 2.25rem) / 2)
}

@media screen and (min-width: 1280px) {
    .mp-tile-slider .glide__arrow {
        display: block
    }
}

.mp-tile-slider .glide__arrow.left {
    left: -2rem
}

.mp-tile-slider .glide__arrow.right {
    right: -2rem
}

.mp-tile-slider .glide__arrow button:disabled {
    display: none
}

.sprd-tile {
    display: block;
    position: relative;
    margin: .375rem;
    border-width: .375rem;
    font-size: .75rem;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
    text-align: left
}

@media screen and (min-width: 1280px) {
    .sprd-tile {
        margin: .5rem
    }
}

@media screen and (min-width: 1280px) {
    .sprd-tile {
        border-width: .5rem
    }
}

@media screen and (min-width: 768px) {
    .sprd-tile {
        font-size: .875rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-tile {
        font-size: 1rem
    }
}

.sprd-tile:hover {
    box-shadow: 0 0 0 1px #d9d9d9
}

.sprd-tile--unavailable .sprd-tile__image:not(.sprd-tile__image--soldout),
.sprd-tile--unavailable .sprd-tile__product,
.sprd-tile--unavailable .sprd-tile__name,
.sprd-tile--unavailable .sprd-tile__price,
.sprd-tile--unavailable .sprd-tile__personizable {
    opacity: .3
}

.sprd-tile--unavailable .sprd-tile__fresh {
    background-color: #cbf0ed
}

.sprd-tile--unavailable .sprd-tile__select {
    pointer-events: none
}

.sprd-tile--loading {
    letter-spacing: -1px;
    color: #f2f2f2
}

@media screen and (min-width: 768px) {
    .sprd-tile--loading {
        letter-spacing: -3px
    }
}

@media screen and (min-width: 1024px) {
    .sprd-tile--loading {
        letter-spacing: 0
    }
}

.sprd-tile--loading .sprd-tile__image {
    background-color: #f2f2f2
}

.sprd-tile__wrapper:not(a) {
    text-align: left
}

.sprd-tile__image {
    display: block;
    width: 100%;
    height: auto
}

.sprd-tile__fresh {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: #00b2a5;
    color: #fff;
    line-height: 1em
}

.sprd-tile__unavailable {
    position: absolute;
    width: 100%;
    padding: .75em .25rem;
    background-color: #f8d9e0;
    color: #33839c;
    text-align: center;
    transform: translateY(-100%)
}

.sprd-tile__unavailable .sprd-icon__svg {
    margin-right: 0.375rem;
    vertical-align: middle
}

.sprd-tile__unavailable .sprd-icon__svg--info-circle {
    width: 1rem;
    height: calc(1rem * 1);
    fill: #33839c
}

@media screen and (min-width: 768px) {
    .sprd-tile__unavailable {
        padding: .5rem .25rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-tile__unavailable {
        padding: .75rem .25rem
    }
}

.sprd-tile .sprd-sustainable-label {
    position: absolute;
    left: .5rem;
    transform: translateY(-100%) translateY(-0.5rem)
}

.sprd-tile__unavailable+.sprd-sustainable-label {
    background-color: #eff5f2;
    transform: translateY(-100%) translateY(-6em)
}

@media screen and (min-width: 768px) {
    .sprd-tile__unavailable+.sprd-sustainable-label {
        transform: translateY(-100%) translateY(-3.75em)
    }
}

@media screen and (min-width: 1920px) {
    .sprd-tile__unavailable+.sprd-sustainable-label {
        transform: translateY(-100%) translateY(-4em)
    }
}

.sprd-tile__unavailable+.sprd-sustainable-label .sprd-icon__svg {
    fill: #bcc8cc
}

.sprd-tile__personizable {
    display: flex;
    align-items: center;
    margin-top: .5em;
    color: #7f7f7f;
    font-size: .625rem
}

@media screen and (min-width: 768px) {
    .sprd-tile__personizable {
        font-size: .75rem
    }
}

@media screen and (min-width: 1920px) {
    .sprd-tile__personizable {
        font-size: .875rem
    }
}

.sprd-tile__personizable .sprd-icon__svg {
    display: block;
    margin-right: 0.375rem
}

.sprd-tile__personizable .sprd-icon__svg--pencil {
    width: calc(1.325em * .99608);
    height: 1.325em;
    fill: #7f7f7f
}

.sprd-tile__product,
.sprd-tile__name,
.sprd-tile__price {
    padding-top: .125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sprd-tile__price {
    font-weight: bold
}

.mp-recommended-a2b-products {
    display: block;
    margin-top: 2em;
    text-align: left
}

@media screen and (min-width: 768px) {
    .mp-recommended-a2b-products {
        padding: 0 1.5rem
    }

    .mp-recommended-a2b-products:before {
        content: "";
        display: block;
        width: 100%;
        margin: 0 auto 1.4em;
        border-top: 1px solid #e5e5e5
    }
}

@media screen and (min-width: 1280px) {
    .mp-recommended-a2b-products {
        padding: 0 2rem
    }
}

.mp-recommended-a2b-products .h4 {
    margin-bottom: 0
}

.quantity-control {
    display: flex;
    max-width: 120px
}

.quantity-control .sprd-btn__element {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    text-align: center
}

.quantity-control .sprd-btn__element:disabled {
    background-color: #f2f2f2;
    opacity: 1
}

.quantity-control .sprd-btn__element:not(:disabled):hover,
.quantity-control .sprd-btn__element:not(:disabled):focus {
    border-color: #00b2a5
}

.quantity-control .sprd-btn__element:not(:disabled):hover .sprd-btn__icon,
.quantity-control .sprd-btn__element:not(:disabled):focus .sprd-btn__icon {
    fill: #00b2a5
}

.quantity-control .sprd-btn__icon {
    width: .875rem;
    height: .875rem;
    vertical-align: middle;
    fill: #333
}

.quantity-control .sprd-btn__icon--trash-can {
    width: 1rem;
    height: 1rem
}

.quantity-control__decrease .sprd-btn__element {
    border-radius: .25rem 0 0 .25rem
}

.quantity-control__increase .sprd-btn__element {
    border-radius: 0 .25rem .25rem 0
}

.quantity-control__input {
    -moz-appearance: textfield;
    width: calc(100% - 4rem);
    padding: 0 .5rem;
    border: none;
    border-top: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    text-align: center
}

.quantity-control__input:focus,
.quantity-control__input:hover {
    width: calc(100% - 4rem + 2px);
    margin: 0 -1px;
    border: 1px solid #00b2a5;
    z-index: 1;
    outline: 0
}

.quantity-control__input::-webkit-outer-spin-button,
.quantity-control__input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300b2a5'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300b2a5'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #00b2a5
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #00b2a5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.sprd-header__message {
    background-color: #33839c;
    color: #fff;
    height: 56px
}

@media (min-width:1024px) {
    .sprd-header__message {
        height: 48px
    }
}

.sprd-header__message .message-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    height: 56px;
    padding: 0 12px;
    color: #fff
}

.sprd-header__message .message-slide:hover {
    color: #fff
}

@media (min-width:1024px) {
    .sprd-header__message .message-slide {
        flex-direction: row;
        height: 48px
    }
}

.sprd-header__message .message-slide__title {
    font-weight: 700;
    font-size: 14px
}

@media (min-width:1024px) {
    .sprd-header__message .message-slide__title {
        font-size: 16px
    }

    .sprd-header__message .message-slide__title:not(:last-child) {
        margin: 0 24px 0 0
    }
}

.sprd-header__message .message-slide__link,
.sprd-header__message .message-slide__text {
    font-size: 12px
}

@media (min-width:1024px) {

    .sprd-header__message .message-slide__link,
    .sprd-header__message .message-slide__text {
        font-size: 14px
    }
}

.sprd-header__message .message-slide__link {
    text-decoration: underline
}

.sprd-header .sprd-header__top {
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    padding: 0;
    font-size: .6875em;
    background-color: #f2f2f2;
    color: #737373;
    opacity: 1;
    z-index: 10;
    display: none
}

@media (min-width:1024px) {
    .sprd-header .sprd-header__top {
        height: 40px;
        display: block
    }
}

.sprd-header .sprd-header__top .alternativeDeadlineLink {
    text-decoration: none;
    width: 100%;
    align-self: stretch;
    display: flex
}

.sprd-header .sprd-header__top .container {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:1023px) {
    .sprd-header .sprd-header__top .container {
        padding: 0
    }
}

.header.minimalNavigation .topPanel.no-mobile {
    overflow: hidden;
    opacity: 0;
    height: 0
}

.sprd-header .sprd-header__top .help-login,
.sprd-header .sprd-header__top .trust {
    list-style-type: none;
    height: 40px;
    display: none
}

@media (min-width:1024px) {

    .sprd-header .sprd-header__top .help-login,
    .sprd-header .sprd-header__top .trust {
        display: block
    }
}

.sprd-header .sprd-header__top .help-login>li {
    display: inline-block;
    cursor: pointer;
    margin: 0
}

.sprd-header .sprd-header__top .help-login a:focus,
.sprd-header .sprd-header__top .help-login button:focus {
    box-shadow: inset 0 -2px 0 0 #00b2a5;
    outline: 0
}

.sprd-header .sprd-header__top .help-login .feedback>a,
.sprd-header .sprd-header__top .help-login .help>a,
.sprd-header .sprd-header__top .help-login .jobs>a {
    color: #737373;
    text-decoration: none;
    vertical-align: middle;
    line-height: 40px;
    display: inline-block
}

.sprd-header .sprd-header__top .help-login .feedback svg,
.sprd-header .sprd-header__top .help-login .help svg,
.sprd-header .sprd-header__top .help-login .jobs svg {
    fill: #737373;
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: text-bottom
}

.sprd-header .sprd-header__top .help-login .help {
    margin: 0 4px 0 0
}

.sprd-header .sprd-header__top .help-login .help svg {
    width: 14px;
    height: 14px
}

.sprd-header .sprd-header__top .help-login .jobs svg {
    width: 16px;
    height: 16px
}

.sprd-header .sprd-header__top .help-login .jobs:after {
    content: '';
    border-right: 1px solid #737373;
    margin: 0 8px
}

@media (max-width:1023px) {
    .sprd-header .sprd-header__top .help-login .jobs {
        display: none
    }
}

.sprd-header .sprd-header__top #login-menu-header {
    display: inline-block;
    position: relative;
    margin: 0 0 0 6px
}

.sprd-header .sprd-header__top .trust>li {
    float: left;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center
}

.sprd-header .sprd-header__top .trust>li svg {
    fill: #737373;
    width: 14px;
    height: 14px;
    margin: 0 8px 0 0
}

.sprd-header .sprd-header__top .trust>li:not(:last-child)>span {
    border-right: 1px solid #737373;
    padding-right: 10px;
    margin-right: 10px
}

@media (max-width:1279px) {
    .sprd-header .sprd-header__top .trust>li:nth-last-child(3)>span {
        border: none
    }

    .sprd-header .sprd-header__top .trust>li:nth-last-child(2) {
        display: none
    }
}

@media (max-width:1599px) {
    .sprd-header .sprd-header__top .trust>li:nth-last-child(2)>span {
        border: none
    }

    .sprd-header .sprd-header__top .trust>li:nth-last-child(1) {
        display: none
    }
}

.sprd-header .sprd-header__top .trust a {
    color: #737373;
    text-decoration: none
}

.sprd-header .sprd-header__top .trust>.contact:hover .hotline-info {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.sprd-header .sprd-header__top .start-selling {
    flex-grow: 1;
    display: none;
    justify-content: flex-end
}

.sprd-header .sprd-header__top .start-selling a {
    line-height: 1;
    background: #00b2a5;
    color: #fff;
    padding: 8px 12px;
    margin: 0 16px 0 0;
    border-radius: 2px;
    display: flex;
    align-items: center
}

.sprd-header .sprd-header__top .start-selling a:focus,
.sprd-header .sprd-header__top .start-selling a:hover {
    color: #fff;
    background: #00877e;
    outline: 0
}

.sprd-header .sprd-header__top .start-selling a svg {
    fill: #fff;
    margin: 0 8px 0 0;
    width: 14px;
    height: 14px
}

@media (min-width:1024px) {
    .sprd-header .sprd-header__top .start-selling {
        display: flex
    }
}

@media screen and (min-width:1366px) {
    .staticHeader .topPanel {
        height: 40px !important
    }
}

body.no-scroll {
    overflow: hidden
}

#sprd-main {
    z-index: 0
}

#sprd-content {
    padding-top: 52px !important
}

#sprd-content.extra-menu,
#sprd-content.extra-searchbar {
    padding-top: 98px !important
}

@media (min-width:768px) {
    #sprd-content {
        padding-top: 85px !important
    }

    #sprd-content.extra-menu {
        padding-top: 130px !important
    }

    #sprd-content.extra-searchbar {
        padding-top: 85px !important
    }
}

@media (min-width:1024px) {
    #sprd-content {
        padding-top: 125px !important
    }

    #sprd-content.extra-menu {
        padding-top: 170px !important
    }

    #sprd-content.extra-searchbar {
        padding-top: 125px !important
    }
}

#sprd-content.has-promo {
    padding-top: 108px !important
}

#sprd-content.has-promo.extra-menu,
#sprd-content.has-promo.extra-searchbar {
    padding-top: 155px !important
}

@media (min-width:768px) {
    #sprd-content.has-promo {
        padding-top: 142px !important
    }

    #sprd-content.has-promo.extra-menu {
        padding-top: 186px !important
    }

    #sprd-content.has-promo.extra-searchbar {
        padding-top: 142px !important
    }
}

@media (min-width:1024px) {
    #sprd-content.has-promo {
        padding-top: 174px !important
    }

    #sprd-content.has-promo.extra-menu {
        padding-top: 218px !important
    }

    #sprd-content.has-promo.extra-searchbar {
        padding-top: 174px !important
    }
}

.header {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
    transition: transform .4s ease-out;
    background-color: #fff;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    margin: 0 auto;
    max-width: none
}

.header.fade-in {
    transform: none
}

.header.fade-out {
    transform: translateY(-100%)
}

.header.open-layer {
    transform: none !important;
    transition: none !important
}

.sprd-header {
    white-space: nowrap
}

.sprd-header a {
    color: #333
}

@media (min-width:768px) {
    .sprd-header a:hover {
        color: #00b2a5
    }
}

.sprd-header ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sprd-header li {
    margin: 0
}

.sprd-header__skip {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 1000;
    padding: 8px 16px;
    background: #fff;
    box-shadow: inset 0 0 0 2px #333;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
    transition-delay: .5s
}

.sprd-header__skip:focus {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: all;
    transition-delay: 0s;
    outline: 0
}

.sprd-header #searchButton .notification {
    width: 100%;
    right: auto;
    left: 0
}

.sprd-header #searchButton .notification:before {
    right: auto;
    left: 1em
}

.sprd-header .container {
    height: 100%
}

@media (max-width:1023px) {
    .sprd-header .container {
        width: 100%
    }
}

.sprd-header .container:after {
    display: none
}

.sprd-header .row {
    height: 100%
}

.sprd-header .basket {
    top: 52px;
    height: calc(100% - 52px) !important
}

.sprd-header.has-promo .basket {
    top: 108px;
    height: calc(100% - 108px) !important
}

@media (min-width:768px) {
    .sprd-header.has-promo .basket {
        height: 100% !important
    }
}

@media (min-width:768px) {
    .sprd-header .basket {
        top: 0 !important;
        height: 100% !important
    }
}

.sprd-header__main {
    height: 52px;
    position: relative
}

@media (min-width:768px) {
    .sprd-header__main {
        height: 85px
    }
}

.sprd-header__main.is-open {
    background: #f2f2f2
}

.sprd-header__main.is-open:not(.minimal-view) .sprd-header__menu-icons {
    display: flex
}

.sprd-header__main.is-open .sprd-header__logo {
    display: none
}

.sprd-header__main.is-open .sprd-header__icon--basket,
.sprd-header__main.is-open .sprd-header__icon--wishlist {
    display: none
}

.sprd-header__logo {
    flex: 1 0 8%;
    margin: 0 2% 0 0
}

.sprd-header__logo:focus {
    outline: 0
}

.sprd-header__logo:focus img {
    box-shadow: inset 0 0 0 2px #00b2a5
}

@media (min-width:768px) {
    .sprd-header__logo {
        border: none
    }
}

@media (min-width:1024px) {
    .sprd-header__logo {
        flex: 1 0 10%
    }
}

.sprd-header__logo img {
    width: auto;
    height: 40px
}

@media (min-width:768px) {
    .sprd-header__logo img {
        height: 50px
    }
}

@media (min-width:1024px) {
    .sprd-header__logo img {
        margin: 0 0 0 -14px
    }
}

.sprd-header__flex-wrapper {
    display: flex;
    align-items: center !important
}

@media (max-width:1023px) {
    .sprd-header__flex-wrapper {
        padding: 0 4px
    }
}

.sprd-header__main-links {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    height: 100%;
    font-size: 1.25rem;
    font-family: Montserrat, sans-serif;
    line-height: 1;
    flex: 1 0 20%
}

@media (min-width:1024px) {
    .sprd-header__main-links {
        display: block
    }
}

@media (min-width:1600px) {
    .sprd-header__main-links {
        font-size: 1.5rem
    }
}

.sprd-header__main-links li {
    height: 100%;
    display: inline-block;
    margin: 0 !important;
    padding: 0
}

.sprd-header__main-links li:first-child {
    margin: 0 4% 0 0 !important
}

@media (min-width:1280px) {
    .sprd-header__main-links li:first-child {
        margin: 0 6% 0 0 !important
    }
}

@media (min-width:1600px) {
    .sprd-header__main-links li:first-child {
        margin: 0 10% 0 0 !important
    }
}

.sprd-header__main-links a {
    height: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sprd-header__main-links a.is-active,
.sprd-header__main-links a:focus {
    outline: 0;
    box-shadow: inset 0 -4px 0 #00b2a5
}

.sprd-header__main-links a.is-active .title,
.sprd-header__main-links a:focus .title {
    color: #00b2a5
}

.sprd-header__main-links a.is-active .description,
.sprd-header__main-links a:focus .description {
    color: #333
}

.sprd-header__main-links a.is-hover .title {
    color: #00b2a5
}

.sprd-header__main-links .title {
    text-align: center
}

.sprd-header__main-links .description {
    text-align: center;
    color: #bfbfbf;
    font-size: .875rem;
    font-family: Roboto, sans-serif;
    margin: 8px 0 0 0
}

.sprd-header__search-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 46px;
    margin: 0;
    padding: 3px;
    background: #f2f2f2;
    z-index: 1;
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .4);
    display: none
}

.sprd-header__main.is-open .sprd-header__search-wrapper {
    display: none
}

.sprd-header__search-wrapper.is-active {
    display: block
}

@media (min-width:768px) {
    .sprd-header__search-wrapper {
        flex: 1 0 6%;
        margin: 0 2%;
        position: relative;
        top: auto;
        height: auto;
        padding: 0;
        background: 0 0;
        box-shadow: none;
        display: block
    }
}

@media (min-width:1024px) {
    .sprd-header__search-wrapper {
        flex: 1 0 6%;
        margin: 0 2%
    }
}

@media (min-width:1280px) {
    .sprd-header__search-wrapper {
        flex: 1 0 12%
    }
}

.sprd-header__search-wrapper form {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.sprd-header__search-wrapper [placeholder] {
    text-overflow: ellipsis
}

.sprd-header__search-wrapper input {
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    padding: 0 80px 0 8px;
    line-height: 1;
    font-size: 1rem;
    border-radius: 2px
}

.sprd-header__search-wrapper input:hover {
    border-color: #00b2a5
}

.sprd-header__search-wrapper input:hover~.sprd-header__icon--search svg {
    fill: #00b2a5
}

.sprd-header__search-wrapper input:focus {
    border: 1px solid #00b2a5;
    outline: 0
}

.sprd-header__search-wrapper input:focus:-ms-input-placeholder {
    color: transparent
}

.sprd-header__search-wrapper input:focus::-ms-input-placeholder {
    color: transparent
}

.sprd-header__search-wrapper input:focus::placeholder {
    color: transparent
}

.sprd-header__search-wrapper input:focus~.sprd-header__icon--search {
    background: #00b2a5
}

.sprd-header__search-wrapper input:focus~.sprd-header__icon--search svg {
    fill: #fff
}

.sprd-header__search-wrapper input:focus~.sprd-header__icon--search:hover {
    background: #009e94
}

.sprd-header__search-wrapper .sprd-header__icon--back {
    margin: 0 0 0 -2px;
    width: 58px;
    height: 46px
}

@media (min-width:768px) {
    .sprd-header__search-wrapper .sprd-header__icon--back {
        display: none !important
    }
}

.sprd-header__search-wrapper .sprd-header__icon--back svg {
    width: 14px;
    height: 14px
}

.sprd-header__search-wrapper .sprd-header__icon--clear,
.sprd-header__search-wrapper .sprd-header__icon--search {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    height: 40px;
    width: 40px;
    min-width: 0;
    color: #333
}

.sprd-header__search-wrapper .sprd-header__icon--clear {
    right: 40px
}

.sprd-header__search-wrapper .sprd-header__icon--clear svg {
    width: 14px;
    height: 14px
}

.sprd-header__search-wrapper .sprd-header__icon--search {
    right: 0
}

.sprd-header__search-wrapper .sprd-header__icon--search svg {
    width: 20px;
    height: 20px
}

.sprd-header__autocomplete {
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: .875rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    z-index: 10
}

@media (min-width:768px) {
    .sprd-header__autocomplete {
        border-color: #999;
        border-style: solid;
        border-width: 0 1px 1px 1px
    }
}

.sprd-header__icon {
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    padding: 4px;
    min-width: 40px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:767px) {
    .sprd-header__icon {
        height: 100%
    }

    .sprd-header__icon.active {
        box-shadow: inset 0 -2px 0 #00b2a5
    }
}

.sprd-header__icon svg {
    fill: #333;
    width: 18px;
    height: 18px
}

@media (min-width:768px) {
    .sprd-header__icon svg {
        width: 24px;
        height: 24px
    }
}

.sprd-header__icon--search {
    margin: 0 2% 0 0
}

.sprd-header__icon--basket,
.sprd-header__icon--wishlist {
    display: block;
    padding: 8px
}

.sprd-header__icon--basket>div,
.sprd-header__icon--wishlist>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.sprd-header__icon--basket svg,
.sprd-header__icon--wishlist svg {
    width: 24px;
    height: 24px
}

.sprd-header__icon--basket:focus,
.sprd-header__icon--wishlist:focus {
    box-shadow: inset 0 -2px 0 0 #00b2a5;
    outline: 0
}

.sprd-header__icon--basket:focus svg,
.sprd-header__icon--wishlist:focus svg {
    fill: #00b2a5
}

.sprd-header__icon--basket {
    margin: 0 0 0 2%
}

.sprd-header__icon--help {
    margin: 0 0 0 4%
}

.sprd-header__icon--login {
    margin: 0 0 0 4%
}

.sprd-header__icon-label {
    font-size: .75rem;
    line-height: 1;
    color: #333;
    margin: 4px 0 0 0
}

@media (min-width:1024px) {
    .sprd-header__icon-label {
        display: none
    }
}

.sprd-header__icon-counter {
    position: absolute;
    top: 4px;
    right: 0;
    background: #00b2a5;
    color: #fff;
    line-height: 1;
    pointer-events: none;
    font-size: 12px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sprd-header__menu-icons {
    display: none;
    flex-grow: 1;
    justify-content: flex-end
}

.sprd-header__menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px 10px;
    margin: 0 0 0 -4px;
    width: 52px;
    height: 100%;
    border-right: 2px solid #f2f2f2;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sprd-header__menu-button .burger-menu {
    width: 20px;
    height: 20px;
    position: relative
}

.sprd-header__menu-button .burger-menu div {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #333;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .15s ease-in-out
}

.sprd-header__menu-button .burger-menu div:nth-child(1) {
    top: 4px
}

.sprd-header__menu-button .burger-menu div:nth-child(2),
.sprd-header__menu-button .burger-menu div:nth-child(3) {
    top: 10px
}

.sprd-header__menu-button .burger-menu div:nth-child(4) {
    top: 16px
}

.sprd-header__menu-button.is-open .burger-menu div:nth-child(1) {
    top: 10px;
    width: 0;
    left: 50%
}

.sprd-header__menu-button.is-open .burger-menu div:nth-child(2) {
    transform: rotate(45deg)
}

.sprd-header__menu-button.is-open .burger-menu div:nth-child(3) {
    transform: rotate(-45deg)
}

.sprd-header__menu-button.is-open .burger-menu div:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%
}

.sp-main-links {
    display: none;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end
}

.sp-main-links>div {
    font-weight: 700;
    cursor: pointer
}

.sp-main-links>div:not(:last-child) {
    margin: 0 4% 0 0
}

.sp-main-links>div:hover {
    color: #00b2a5
}

.sp-main-links>div:nth-child(3) {
    display: none
}

@media (min-width:1280px) {
    .sp-main-links>div:nth-child(3) {
        display: block
    }
}

.sp-main-links>div:nth-child(4) {
    display: none
}

@media (min-width:1600px) {
    .sp-main-links>div:nth-child(4) {
        display: block
    }
}

.sp-main-links .sprd-button {
    font-size: 1rem;
    padding: .75rem 1.5rem
}

.sp-mobile-links {
    display: none;
    padding: 40px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    border-top: 2px solid #f2f2f2
}

.sp-mobile-links>div {
    cursor: pointer;
    margin: 0 0 24px 0;
    font-family: Roboto, sans-serif;
    font-size: 1rem
}

.sp-mobile-links>div:last-of-type {
    margin: 0 0 40px 0
}

.sp-mobile-links .sprd-button {
    padding: 1rem 2rem;
    font-size: 1rem
}

.sp-menu #basketButton,
.sp-menu #header-search-wrapper,
.sp-menu #wishlistButton,
.sp-menu .header-menu__main-panel,
.sp-menu .help-login .help,
.sp-menu .help-login .jobs,
.sp-menu .promo-panel,
.sp-menu .sprd-header__main-links,
.sp-menu .start-selling {
    display: none !important
}

@media (min-width:1024px) {
    .sp-menu .sp-main-links {
        display: flex
    }
}

.sp-menu .sprd-header__main.is-open {
    background: #fff
}

.sp-menu .sprd-header__main.is-open .sprd-header__icon--help,
.sp-menu .sprd-header__main.is-open .sprd-header__icon--selling {
    display: none
}

.sp-menu .sprd-header__main.is-open .sprd-header__logo {
    display: block
}

.sp-menu .sprd-header__main.is-open .sprd-header__menu-icons {
    flex-grow: 0
}

.sp-menu .sprd-header__main.is-open .sprd-header__menu-button {
    box-shadow: -2px 2px 0 #fff;
    z-index: 5
}

.sp-menu .sprd-header__menu.is-open .sp-mobile-links {
    display: flex
}

.text-ad,
.text-ad-links,
.text-ads,
.textAd,
.text_ad,
.text_ads {
    z-index: -100
}

.sprd-header .js-menu-wrapper {
    flex: 1 0 auto
}

.sprd-header .header-menu {
    background: #f2f2f2
}

.sprd-header .header-menu [tabindex]:not(.header-menu__column-image):focus {
    box-shadow: inset 0 -4px 0 0 #00b2a5;
    color: #00b2a5;
    outline: 0
}

.sprd-header .header-menu .container {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

@media (max-width:767px) {
    .sprd-header .header-menu .container {
        padding: 0
    }
}

@media (min-width:1024px) {
    .sprd-header .header-menu .container {
        overflow: visible
    }
}

.sprd-header .header-menu__level-2 {
    width: 100%;
    display: none
}

@media (min-width:1280px) {
    .sprd-header .header-menu__level-2 {
        font-size: 1rem
    }
}

.sprd-header .header-menu__level-2.is-active {
    display: block
}

.sprd-header .header-menu__level-2 .sprd-header__icon--search {
    display: inline-flex;
    vertical-align: top;
    margin: 0;
    background: #e5e5e5;
    width: 52px;
    height: 44px
}

@media (min-width:768px) {
    .sprd-header .header-menu__level-2 .sprd-header__icon--search {
        display: none
    }
}

.sprd-header .header-menu__level-2 .sprd-header__icon--search svg {
    width: 20px;
    height: 20px;
    fill: #333;
    margin: 0
}

.sprd-header .header-menu__level-2>ul {
    padding: 0;
    flex: 1 0 auto;
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

@media (min-width:1024px) {
    .sprd-header .header-menu__level-2>ul {
        justify-content: flex-start
    }
}

.sprd-header .header-menu__level-2>ul>li {
    height: 100%
}

.sprd-header .header-menu__level-2>ul>li:not(:last-child) {
    margin: 0;
    flex-shrink: 0
}

@media (min-width:768px) {
    .sprd-header .header-menu__level-2>ul>li:not(:last-child) {
        margin: 0 1.5% 0 0
    }
}

.sprd-header .header-menu__level-2>ul>li.is-hover .header-menu__level-3,
.sprd-header .header-menu__level-2>ul>li.is-hover .header-menu__level-4 {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    z-index: 2
}

.sprd-header .header-menu__level-2>ul>li .mobile-inactive,
.sprd-header .header-menu__level-2>ul>li>a {
    padding: 16px 12px;
    display: flex;
    align-items: center;
    height: 44px;
    line-height: 1;
    cursor: pointer;
    position: relative
}

.sprd-header .header-menu__level-2>ul>li .mobile-inactive:focus svg,
.sprd-header .header-menu__level-2>ul>li .mobile-inactive:hover svg,
.sprd-header .header-menu__level-2>ul>li>a:focus svg,
.sprd-header .header-menu__level-2>ul>li>a:hover svg {
    fill: #00b2a5
}

.sprd-header .header-menu__level-2>ul>li .mobile-inactive svg.icon--right,
.sprd-header .header-menu__level-2>ul>li>a svg.icon--right {
    display: none
}

@media (min-width:768px) {

    .sprd-header .header-menu__level-2>ul>li .mobile-inactive,
    .sprd-header .header-menu__level-2>ul>li>a {
        padding: 14px 4px
    }
}

.sprd-header .header-menu__level-3>ul>li:not(:last-child),
.sprd-header .header-menu__level-4>ul>li:not(:last-child) {
    margin: 0 0 4px 0
}

@media (min-width:1024px) {

    .sprd-header .header-menu__level-3>ul>li:last-child .bold-link svg.icon--right,
    .sprd-header .header-menu__level-4>ul>li:last-child .bold-link svg.icon--right {
        display: block;
        right: -16px;
        width: 16px;
        height: 16px;
        margin: 0
    }

    .sprd-header .header-menu__level-3>ul>li:last-child .bold-link:hover svg,
    .sprd-header .header-menu__level-4>ul>li:last-child .bold-link:hover svg {
        fill: #00b2a5
    }
}

.sprd-header .header-menu__level-3 .empty-link,
.sprd-header .header-menu__level-3 a,
.sprd-header .header-menu__level-4 .empty-link,
.sprd-header .header-menu__level-4 a {
    display: inline-flex;
    align-items: center;
    padding: 8px 0;
    position: relative
}

@media (min-width:1024px) {

    .sprd-header .header-menu__level-3 .empty-link,
    .sprd-header .header-menu__level-3 a,
    .sprd-header .header-menu__level-4 .empty-link,
    .sprd-header .header-menu__level-4 a {
        padding: 4px
    }
}

.sprd-header .header-menu__level-3 .empty-link span.header-menu__new-badge,
.sprd-header .header-menu__level-3 a span.header-menu__new-badge,
.sprd-header .header-menu__level-4 .empty-link span.header-menu__new-badge,
.sprd-header .header-menu__level-4 a span.header-menu__new-badge {
    margin: 0 0 0 8px
}

.sprd-header .header-menu__level-3 .empty-link:not(.header-menu__column-image):focus,
.sprd-header .header-menu__level-3 a:not(.header-menu__column-image):focus,
.sprd-header .header-menu__level-4 .empty-link:not(.header-menu__column-image):focus,
.sprd-header .header-menu__level-4 a:not(.header-menu__column-image):focus {
    box-shadow: inset 0 -2px 0 0 #00b2a5 !important
}

.sprd-header .header-menu__level-3 {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 16px;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s, opacity .2s;
    transition-delay: .15s;
    box-shadow: 0 8px 12px -8px rgba(0, 0, 0, .25);
    z-index: 1
}

@media (min-width:1024px) {
    .sprd-header .header-menu__level-3 {
        display: block;
        padding: 32px 16px 28px
    }
}

@media (min-width:1280px) {
    .sprd-header .header-menu__level-3 {
        padding: 40px 16px 36px
    }
}

.sprd-header .header-menu__accordion>div:first-child {
    text-transform: uppercase;
    font-weight: 700 !important
}

.sprd-header .header-menu__accordion>div:first-child svg {
    transform: rotate(90deg);
    transform-origin: 7px 4px
}

.sprd-header .header-menu__accordion.is-open>div:first-child svg {
    transform: rotate(-90deg);
    transform-origin: 4px 4px
}

.sprd-header .header-menu__accordion.is-open .header-menu__level-4 {
    display: block
}

@media (max-width:1023px) {
    .sprd-header .header-menu__accordion.is-open .header-menu__level-4 {
        border-top: 1px solid #d9d9d9
    }

    .sprd-header .header-menu__accordion.is-open .header-menu__level-4 a {
        padding-left: 32px !important
    }
}

.sprd-header .header-menu__level-4 {
    display: none
}

@media (min-width:1024px) {
    .sprd-header .header-menu__level-4 {
        display: block
    }
}

@media (min-width:1024px) {
    .sprd-header .header-menu__list-wrapper {
        display: flex
    }

    .sprd-header .header-menu__list-wrapper>ul:not(:last-child) {
        margin: 0 32px 0 0
    }
}

.sprd-header .header-menu__main-panel {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.sprd-header .header-menu__main-links {
    display: none;
    flex-shrink: 0
}

.sprd-header .header-menu__main-links .introduction {
    display: none;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding: 24px 32px;
    white-space: normal;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2
}

.sprd-header .header-menu__main-links .main-link {
    width: 50%;
    padding: 16px 0;
    text-align: center;
    border-bottom: 4px solid #d9d9d9;
    cursor: pointer;
    line-height: 1
}

.sprd-header .header-menu__main-links .main-link .title {
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    font-weight: 700
}

.sprd-header .header-menu__main-links .main-link .description {
    color: #bfbfbf;
    font-size: .75rem;
    margin: 4px 0 0 0
}

.sprd-header .header-menu__main-links .main-link.is-active {
    color: #00b2a5;
    border-color: #00b2a5
}

.sprd-header .header-menu__main-links .main-link.is-active .title {
    color: #00b2a5
}

.sprd-header .header-menu__main-links .main-link.is-active .description {
    color: #333
}

.sprd-header .header-menu__main-links .main-link svg {
    display: none
}

.sprd-header .header-menu__main-links.zero-state {
    flex-direction: column
}

.sprd-header .header-menu__main-links.zero-state .introduction {
    display: block
}

.sprd-header .header-menu__main-links.zero-state .main-link {
    width: 100%;
    text-align: left;
    padding: 16px 32px;
    border-width: 1px;
    position: relative
}

.sprd-header .header-menu__main-links.zero-state .main-link svg {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.sprd-header .header-menu__black-layer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 52px);
    background: rgba(0, 0, 0, .3);
    z-index: 1
}

@media (min-width:768px) {
    .sprd-header .header-menu__black-layer {
        height: calc(100% - 85px)
    }
}

.sprd-header.has-promo .header-menu__black-layer {
    height: calc(100% - 108px)
}

@media (min-width:768px) {
    .sprd-header.has-promo .header-menu__black-layer {
        height: calc(100% - 142px)
    }
}

.sprd-header .header-menu__level-back {
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 700 !important;
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    position: relative
}

.sprd-header .header-menu__level-back svg {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.sprd-header .header-menu .ssp-link {
    flex-shrink: 0;
    margin: 16px 0 0 0;
    padding: 40px 0;
    display: none;
    position: relative;
    overflow: hidden
}

.sprd-header .header-menu .ssp-link__text-wrapper {
    background: #f2f2f2;
    width: 100%;
    padding: 16px 32px;
    white-space: normal
}

.sprd-header .header-menu .ssp-link__text-wrapper div {
    max-width: 60%
}

.sprd-header .header-menu .ssp-link__text-wrapper div.cta {
    display: flex;
    align-items: center
}

.sprd-header .header-menu .ssp-link__text-wrapper svg {
    width: 12px;
    height: 12px;
    margin: 0 0 0 8px
}

.sprd-header .header-menu .ssp-link__text-wrapper img {
    position: absolute;
    top: 14%;
    left: 60%;
    width: 250px
}

.sprd-header .header-menu__new-badge {
    color: #00786c;
    background: #cbf0ed;
    padding: 4px;
    font-size: .75rem;
    font-weight: 400;
    border-radius: 2px;
    margin: 0 0 0 4px
}

.sprd-header .header-menu__bu-overview,
.sprd-header .header-menu__overview-link {
    display: none
}

.sprd-header .header-menu__bu-overview a,
.sprd-header .header-menu__overview-link a {
    font-weight: 700 !important
}

.sprd-header .header-menu__columns {
    flex-direction: row !important;
    flex-wrap: wrap
}

@media (min-width:1024px) {
    .sprd-header .header-menu__columns {
        display: grid !important;
        padding: 0 4px
    }
}

.sprd-header .header-menu__columns.layout-A {
    grid-template-columns: 25% 25% 25% 25%
}

.sprd-header .header-menu__columns.layout-B {
    grid-template-columns: 50% 25% 25%
}

.sprd-header .header-menu__columns.layout-C {
    grid-template-columns: 25% 25% 50%
}

.sprd-header .header-menu__columns.layout-D {
    grid-template-columns: 33.333% 33.333% 33.333%
}

.sprd-header .header-menu__columns.layout-E {
    grid-template-columns: 50% 50%
}

.sprd-header .header-menu__columns.layout-F {
    grid-template-columns: 100%
}

.sprd-header .header-menu__column {
    width: 100%
}

@media (max-width:1023px) {
    .sprd-header .header-menu__column.show-all-link .header-menu__level-4 ul {
        display: flex !important;
        flex-direction: column
    }

    .sprd-header .header-menu__column.show-all-link .header-menu__level-4 ul li {
        order: 2
    }

    .sprd-header .header-menu__column.show-all-link .header-menu__level-4 ul li:last-child {
        order: 1
    }
}

@media (min-width:1024px) {
    .sprd-header .header-menu__column:not(:last-child) {
        padding: 0 16px 0 0
    }

    .sprd-header .header-menu__column .mobile-inactive {
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 0 !important;
        height: auto !important
    }
}

.sprd-header .header-menu__column-image {
    flex-direction: column;
    height: auto !important;
    width: 50% !important
}

.sprd-header .header-menu__column-image.is-circle>img {
    border-radius: 50%
}

.sprd-header .header-menu__column-image * {
    pointer-events: none
}

.sprd-header .header-menu__column-image svg {
    width: 20px;
    height: 20px;
    fill: #00b2a5 !important
}

.sprd-header .header-menu__column-image>img {
    width: 90%;
    max-width: 180px;
    max-height: 180px;
    margin: 0 0 12px 0;
    display: block
}

.sprd-header .header-menu__column-image>div {
    display: flex;
    align-items: center;
    color: #00b2a5;
    font-weight: 700
}

.sprd-header .header-menu__column-image:hover svg {
    fill: #00877e !important
}

.sprd-header .header-menu__column-image:hover>div {
    color: #00877e
}

.sprd-header .header-menu__column-image:hover>img {
    opacity: .8
}

@media (min-width:1024px) {
    .sprd-header .header-menu__column-image {
        width: auto !important
    }

    .sprd-header .header-menu__column-image>img {
        width: 100%
    }

    .sprd-header .header-menu__column-image>div {
        font-size: 1.125rem
    }
}

.sprd-header .header-menu .empty-link {
    pointer-events: none
}

.sprd-header .header-menu .bold-link {
    font-weight: 700 !important
}

.sprd-header .header-menu.scroll-wrapper {
    position: relative
}

.sprd-header .header-menu.scroll-wrapper:after,
.sprd-header .header-menu.scroll-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .15s;
    pointer-events: none
}

.sprd-header .header-menu.scroll-wrapper:before {
    left: 0;
    background: linear-gradient(to right, #f2f2f2 8px, rgba(242, 242, 242, 0) 100%)
}

.sprd-header .header-menu.scroll-wrapper:after {
    right: 0;
    background: linear-gradient(to left, #f2f2f2 8px, rgba(242, 242, 242, 0) 100%)
}

.sprd-header .header-menu.scroll-wrapper.fade-start:before {
    opacity: 1
}

.sprd-header .header-menu.scroll-wrapper.fade-end:after {
    opacity: 1
}

.sprd-header .header-menu svg {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    fill: #333
}

@media (min-width:1024px) {
    .sprd-header .header-menu svg.mobile {
        display: none
    }
}

@media (max-width:1023px) {
    .sprd-header .header-menu svg.desktop {
        display: none
    }
}

.sprd-header .header-menu svg.icon--right {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    fill: #333
}

.sprd-header .header-menu.is-open {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 52px);
    max-width: 480px;
    z-index: 2
}

@media (min-width:768px) {
    .sprd-header .header-menu.is-open {
        height: calc(100% - 85px)
    }
}

.sprd-header.has-promo .header-menu.is-open {
    height: calc(100% - 108px)
}

@media (min-width:768px) {
    .sprd-header.has-promo .header-menu.is-open {
        height: calc(100% - 142px)
    }
}

.sprd-header .header-menu.is-open .container {
    padding: 0
}

.sprd-header .header-menu.is-open .header-menu__main-panel {
    overflow: auto
}

.sprd-header .header-menu.is-open .header-menu__level-2 .empty-link,
.sprd-header .header-menu.is-open .header-menu__level-2 a,
.sprd-header .header-menu.is-open .header-menu__level-back {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    padding: 16px 12px;
    line-height: 1;
    height: 48px;
    width: 100%
}

.sprd-header .header-menu.is-open li {
    margin: 0 !important;
    cursor: pointer
}

.sprd-header .header-menu.is-open li:not(.is-open):not(.no-border) {
    border-bottom: 1px solid #ccc
}

.sprd-header .header-menu.is-open li:hover span {
    border: none
}

.sprd-header .header-menu.is-open .header-menu__main-links,
.sprd-header .header-menu.is-open .header-menu__ssp-link {
    display: flex
}

.sprd-header .header-menu.is-open .header-menu__bu-overview,
.sprd-header .header-menu.is-open .header-menu__level-2 ul,
.sprd-header .header-menu.is-open .header-menu__overview-link,
.sprd-header .header-menu.is-open~.header-menu__black-layer {
    display: block
}

.sprd-header .header-menu.is-open .header-menu__level-2 {
    flex: 1 0 auto
}

.sprd-header .header-menu.is-open .header-menu__level-2 ul {
    height: auto
}

.sprd-header .header-menu.is-open .header-menu__level-2 .sprd-header__icon--search {
    display: none
}

.sprd-header .header-menu.is-open .header-menu__level-2 .mobile-inactive svg.icon--right {
    display: block
}

.sprd-header .header-menu.is-open .header-menu__level-3,
.sprd-header .header-menu.is-open .header-menu__level-4 {
    position: static;
    background: 0 0;
    padding: 0;
    margin: 0;
    width: 100%;
    box-shadow: none;
    visibility: visible;
    opacity: 1
}

.sprd-header .header-menu.is-open .header-menu__level-3 a,
.sprd-header .header-menu.is-open .header-menu__level-4 a {
    width: 100%
}

.sprd-header .header-menu.is-open .header-menu__level-3-headline,
.sprd-header .header-menu.is-open .header-menu__level-3>a,
.sprd-header .header-menu.is-open .header-menu__level-4-headline,
.sprd-header .header-menu.is-open .header-menu__level-4>a {
    display: none
}

.sprd-header .header-menu.is-open .header-menu__level-3.is-open,
.sprd-header .header-menu.is-open .header-menu__level-4.is-open {
    display: block
}

.sprd-header .header-menu.is-open .header-menu__level-3.is-open>.header-menu__level-back,
.sprd-header .header-menu.is-open .header-menu__level-4.is-open>.header-menu__level-back {
    display: flex
}

.sprd-header .header-menu.is-open .header-menu__start-creating {
    background: #f2f2f2
}

.sprd-header .header-menu.is-open.scroll-wrapper:after,
.sprd-header .header-menu.is-open.scroll-wrapper:before {
    display: none
}

.sprd-header .mobile-inactive {
    pointer-events: none
}

@media (min-width:1024px) {
    .sprd-header .mobile-inactive {
        pointer-events: all
    }
}

#promo-layer,
#promo-layer-cyo {
    box-sizing: border-box;
    text-align: center
}

#promo-layer *,
#promo-layer-cyo * {
    box-sizing: border-box;
    white-space: normal
}

#promo-layer .promo-description,
#promo-layer-cyo .promo-description {
    margin: 0 0 20px 0
}

#promo-layer .promo-code,
#promo-layer-cyo .promo-code {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 20px 0
}

#header-message {
    text-align: center
}

#header-message h3 {
    color: #33839c
}

.cookie-banner {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    white-space: normal;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s
}

.cookie-banner.show {
    visibility: visible;
    opacity: 1
}

@media (min-width:768px) {
    .cookie-banner {
        padding: 12px
    }
}

.cookie-banner .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center !important;
    padding: 0 !important
}

.cookie-banner .container:after {
    display: none
}

.cookie-banner__headline {
    font-size: .75rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    line-height: 1;
    margin: 0 8px 0 0
}

.cookie-banner__headline span {
    vertical-align: middle
}

.cookie-banner__headline:before {
    background: url('data:image/svg+xml;utf8,<svg fill="white" id="Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><title>eye-crossed</title><path d="M16,30a14,14,0,1,1,0-28,1.06,1.06,0,0,1,1,.64,3.45,3.45,0,0,0,.81,1.27,3.58,3.58,0,0,0,1.33.84,1,1,0,0,1,.57.52,1,1,0,0,1,0,.76A4.17,4.17,0,0,0,24,11.58a1,1,0,0,1,.74.26,1,1,0,0,1,.32.72,3.73,3.73,0,0,0,1.08,2.59h0a3.73,3.73,0,0,0,2.82,1.07,1,1,0,0,1,1,1.09A13.94,13.94,0,0,1,16,30Zm-.6-26a12,12,0,1,0,12.4,14.19,5.61,5.61,0,0,1-3.14-1.59h0a5.61,5.61,0,0,1-1.57-3,6.16,6.16,0,0,1-5.5-7.37,5.51,5.51,0,0,1-1.22-.92A5.63,5.63,0,0,1,15.43,4Z"/><circle cx="23.99" cy="6.74" r="1.71"/><circle cx="27.62" cy="10.87" r="1.19"/><circle cx="12.53" cy="10.59" r="2.04"/><circle cx="8.83" cy="14.2" r="1.19"/><circle cx="16" cy="16.05" r="1.24"/><circle cx="20.76" cy="19.28" r="1.81"/><circle cx="16.05" cy="23.42" r="1.09"/><circle cx="10.3" cy="19.66" r="1.62"/></svg>') right no-repeat;
    content: ' ';
    display: inline-block;
    margin: 0 4px 0 0;
    vertical-align: middle;
    width: 1em;
    height: 1em
}

@media (min-width:768px) {
    .cookie-banner__headline:before {
        font-size: 1.5rem
    }
}

@media (min-width:768px) {
    .cookie-banner__headline {
        font-size: 1rem;
        flex: 1 0 100%;
        order: 1;
        margin: 0
    }
}

.cookie-banner__text {
    font-size: .625rem;
    margin: 8px 0 0 0
}

@media (min-width:768px) {
    .cookie-banner__text {
        font-size: .75rem;
        flex: 1 1 50%;
        order: 2
    }
}

.cookie-banner__text a {
    color: #fff;
    text-decoration: underline
}

.cookie-banner__button {
    margin: 0 0 0 8px;
    background: #fff;
    color: #333;
    padding: 8px 12px;
    border-radius: 2px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer
}

.cookie-banner__button:hover {
    background: #f2f2f2
}

@media (min-width:768px) {
    .cookie-banner__button {
        margin: 0 0 0 16px;
        order: 3
    }
}

.large-order-banner {
    color: #fff;
    padding: 40px 0;
    text-align: center;
    margin: 0 0 12px 0;
    background: #33839c;
    animation: backgroundPulse 1.5s infinite
}

.large-order-banner__headline {
    font-family: Montserrat, sans-serif;
    font-size: calc(24px + (48 - 24) * ((100vw - 480px)/ (1920 - 480)));
    line-height: 1.2;
    margin: 0 0 24px 0
}

.large-order-banner__subline {
    font-size: calc(14px + (28 - 14) * ((100vw - 480px)/ (1920 - 480)));
    line-height: 1;
    margin: 0 0 24px 0
}

@media (min-width:1024px) {
    .large-order-banner.cyo-v1 {
        margin: -40px 0 64px 0
    }
}

.large-order-banner.sem {
    margin: 40px 0
}

@keyframes backgroundPulse {
    0% {
        background: #33839c
    }

    50% {
        background: #cc395b
    }

    100% {
        background: #33839c
    }
}

.large-order-banner.assortment {
    margin: .75rem;
    padding: 0
}

@media (min-width:1280px) {
    .large-order-banner.assortment {
        margin: 1rem
    }
}

.large-order-banner.assortment .container {
    padding: 0 0 50% 0;
    width: 100%;
    height: 0;
    color: #fff;
    display: block;
    position: relative
}

.large-order-banner.assortment .container .large-order-banner__headline {
    font-size: 32px;
    margin: 0 0 12px 0
}

.large-order-banner.assortment .container .large-order-banner__headline span {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    margin: 8px 0
}

@media (min-width:480px) {
    .large-order-banner.assortment .container {
        padding: 0 0 100% 0
    }

    .large-order-banner.assortment .container .large-order-banner__headline {
        font-size: calc(24px + (48 - 24) * ((100vw - 480px)/ (1920 - 480)));
        margin: 0 0 24px 0
    }

    .large-order-banner.assortment .container .large-order-banner__headline span {
        font-size: calc(16px + (24 - 16) * ((100vw - 480px)/ (1920 - 480)))
    }
}

@media (min-width:768px) {
    .large-order-banner.assortment .container .large-order-banner__headline {
        font-size: calc(16px + (32 - 16) * ((100vw - 480px)/ (1920 - 480)));
        margin: 0 0 24px 0
    }

    .large-order-banner.assortment .container .large-order-banner__headline span {
        font-size: calc(14px + (18 - 14) * ((100vw - 480px)/ (1920 - 480)))
    }
}

.large-order-banner.assortment .flex-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

.promo-popup {
    text-align: center
}

.promo-popup * {
    box-sizing: inherit
}

.promo-popup em {
    font-style: normal
}

.promo-popup__inner {
    overflow-y: auto
}

@media (min-width:768px) {
    .promo-popup__inner {
        max-height: calc(75vh - 4px);
        overflow-x: auto
    }
}

.promo-popup__countdown {
    padding: 12px 0;
    font-size: 1.5rem;
    font-weight: 700
}

@media (min-width:768px) {
    .promo-popup__countdown {
        font-size: 1.75rem
    }
}

.promo-popup__countdown-time {
    color: #33839c;
    margin: 0 0 0 4px
}

.promo-popup__teaser {
    position: relative;
    padding: 1.5rem;
    background-color: #000;
    overflow: hidden
}

@media (min-width:768px) {
    .promo-popup__teaser {
        padding: 3rem
    }
}

.invert-colors .promo-popup__teaser {
    background-color: #fff
}

.promo-popup__img {
    max-width: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.promo-popup__niche-offers {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    z-index: 1
}

@media (min-width:768px) {
    .promo-popup__niche-offers {
        justify-content: center
    }
}

.promo-popup__niche-offer {
    width: 100%;
    background-color: #fff;
    font-weight: 700;
    padding: .5em;
    margin-top: .75rem
}

@media screen and (min-width:1280px) {
    .promo-popup__niche-offer {
        margin-top: 1rem
    }
}

@media (min-width:768px) {
    .promo-popup__niche-offer {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 32%
    }

    .promo-popup__niche-offer:not(:last-child) {
        margin-right: 2%
    }

    .promo-popup__niche-offer:only-child {
        max-width: 66%
    }
}

.invert-colors .promo-popup__niche-offer {
    color: #fff;
    background-color: #000
}

.promo-popup__main-offer {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 16px 8px 24px 8px;
    font: 1.75rem/1 Montserrat, sans-serif;
    background-color: #fff;
    text-transform: uppercase;
    z-index: 1
}

@media (min-width:480px) {
    .promo-popup__main-offer {
        font-size: 2.5rem
    }
}

@media (min-width:768px) {
    .promo-popup__main-offer {
        font-size: 3rem
    }
}

.invert-colors .promo-popup__main-offer {
    color: #fff;
    background-color: #000
}

.promo-popup__main-offer span {
    font-size: .5em;
    display: block;
    margin: 4px 0
}

.promo-popup__content {
    padding: 1.5rem
}

@media screen and (min-width:1280px) {
    .promo-popup__content {
        padding: 2rem
    }
}

.promo-popup__content a~a {
    margin: 0 0 0 16px
}

@media (max-width:479px) {
    .promo-popup__content a {
        font-size: 12px !important;
        padding: .75rem !important
    }
}

.promo-popup__code {
    margin: -.2em 0 .8em;
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.3
}

.promo-popup__legal {
    font-size: 10px;
    line-height: 1.3;
    margin-top: 2em
}

@media (min-width:768px) {
    .promo-popup__legal {
        font-size: 12px
    }
}

.promoCountdown--banner {
    display: none;
    margin: 0 24px 0 0
}

@media (min-width:1024px) {
    .promoCountdown--banner {
        display: flex;
        align-items: center
    }
}

.promoCountdown--popup {
    display: flex;
    padding: .5em;
    color: #fff;
    align-items: center;
    background: #000;
    justify-content: center
}

@media (min-width:1024px) {
    .promoCountdown--popup {
        display: none
    }
}

.promoCountdown__label {
    font-weight: 400;
    font-size: .8em
}

.promoCountdown__label--banner {
    display: none
}

@media (min-width:1280px) {
    .promoCountdown__label--banner {
        display: inline-block
    }

    .promoCountdown__label--banner--inactive {
        display: none
    }
}

.promoCountdown__label--banner--inactive {
    display: none
}

.promoCountdown__time {
    font-weight: 700
}

.promoCountdown__time:not(.promoCountdown__time--popup) {
    font-size: 1.1em
}

.promoCountdown__time--popup {
    font-size: 1.5em;
    margin: 0
}

.promoCountdown__time__part {
    border-radius: 4px;
    padding: .1em .3em;
    margin: 0 .3em;
    color: #fff
}

.promoCountdown__time__part:not(.promoCountdown__time__part--popup):not(.promoCountdown__time__part--urgent) {
    background: #000
}

.promoCountdown__time__part--popup:not(.promoCountdown__time__part--urgent) {
    background: #333
}

.promoCountdown__time__part--urgent {
    background: #b8304f
}

.promoCountdown--inactive {
    display: none
}

_:-ms-fullscreen .sprd-header__logo img,
:root .sprd-header__logo img {
    width: 100%
}

.lightbox {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition: all .25s ease-in
}

.lightbox.show {
    outline: 0;
    opacity: 1;
    visibility: visible
}

.lightbox.show .lightbox__container {
    transform: scale(1)
}

.lightbox__container {
    background: #fff;
    z-index: 1200;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: 85%;
    transform: scale(1) translateY(100%);
    transition: all .25s ease-in
}

@media (min-width:768px) {
    .lightbox__container {
        position: relative;
        top: 12%;
        width: 90%;
        max-width: 800px;
        margin: 0 auto;
        transform: scale(0)
    }
}

.lightbox__content {
    padding: 1rem
}

@media (min-width:768px) {
    .lightbox__content {
        padding: 2rem
    }
}

.lightbox__layer {
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    cursor: default
}

.lightbox__close {
    position: absolute;
    top: -2.5rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width:1024px) {
    .lightbox__close {
        top: -2.5rem;
        right: -2.5rem
    }
}

.lightbox__close svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

.lightbox p:last-of-type {
    margin-bottom: 0
}

@media (max-width:479px) {
    #m-sizes-lightbox .lightbox__close {
        top: 0 !important
    }

    #m-sizes-lightbox .lightbox__close svg {
        width: 1rem;
        height: 1rem;
        fill: #333
    }
}

#m-sizes-lightbox .lightbox__container {
    max-width: 480px;
    padding: 0
}

@media (max-width:479px) {
    #m-sizes-lightbox .lightbox__container {
        display: flex;
        flex-direction: column;
        max-width: none;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-height: none
    }
}

#m-sizes-lightbox .m-sizes {
    height: 100%;
    overflow: auto
}

.m-sizes {
    white-space: normal
}

.m-sizes .loading {
    background: url(https://image.spreadshirtmedia.com/content/v1468585168/Asset/Slider/loading.gif) no-repeat center center
}

.m-sizes__switcher {
    font-size: 14px;
    cursor: pointer
}

.m-sizes__switcher-changer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #00b2a5
}

.m-sizes__switcher-changer .icon {
    margin: 0 0 0 8px;
    width: 16px;
    height: 16px;
    fill: #00b2a5
}

.m-sizes__countries {
    font-size: 14px;
    cursor: pointer
}

.m-sizes__countries-country {
    padding: 1rem 0
}

.m-sizes .c_flag {
    border: 1px solid #f9f9f9
}

.m-sizes__headline {
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    margin-bottom: .5rem
}

@media screen and (min-width:768px) {
    .m-sizes__headline {
        font-size: 1.125rem
    }
}

@media screen and (min-width:1920px) {
    .m-sizes__headline {
        font-size: 1.5rem
    }
}

.m-sizes__panels {
    flex-grow: 1
}

@media (max-width:479px) {
    .m-sizes__foot {
        flex: 0 0 auto;
        text-align: center;
        align-items: center;
        display: flex;
        background-color: #f2f2f2;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        padding: 1rem
    }

    .m-sizes__foot-cta {
        background-color: #00b2a5;
        border-radius: 2px;
        color: #fff;
        font-weight: 700;
        line-height: 1.6rem;
        padding: .3em 1.3em .3em;
        width: 100%;
        display: block
    }
}

.m-sizes__panel-body {
    padding: 1rem 1.5rem 1rem 1.5rem
}

@media (min-width:480px) {
    .m-sizes__panel-body {
        padding: 1rem 3rem 2rem 3rem
    }
}

.m-sizes__panel-body .table {
    font-size: 14px
}

.m-sizes__panel-body .table thead th {
    border-top: 0
}

.m-sizes__panel-head {
    padding: .5rem 1.5rem;
    background: #f2f2f2;
    position: relative;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:480px) {
    .m-sizes__panel-head {
        padding: 3rem 3rem .5rem 3rem;
        background: 0 0;
        font-size: 1.5rem
    }
}

.m-sizes__section {
    padding-bottom: 1rem
}

.m-sizes__description {
    font-size: 14px
}

.m-sizes {
    white-space: normal
}

.m-sizes .loading {
    background: url(https://image.spreadshirtmedia.com/content/v1468585168/Asset/Slider/loading.gif) no-repeat center center
}

.m-sizes__switcher {
    font-size: 14px;
    cursor: pointer
}

.m-sizes__switcher-changer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #00b2a5
}

.m-sizes__switcher-changer .icon {
    margin: 0 0 0 8px;
    width: 16px;
    height: 16px;
    fill: #00b2a5
}

.m-sizes__countries {
    font-size: 14px;
    cursor: pointer
}

.m-sizes__countries-country {
    padding: 1rem 0
}

.m-sizes .c_flag {
    border: 1px solid #f9f9f9
}

.m-sizes__headline {
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    margin-bottom: .5rem
}

@media screen and (min-width:768px) {
    .m-sizes__headline {
        font-size: 1.125rem
    }
}

@media screen and (min-width:1920px) {
    .m-sizes__headline {
        font-size: 1.5rem
    }
}

.m-sizes__panels {
    flex-grow: 1
}

@media (max-width:479px) {
    .m-sizes__foot {
        flex: 0 0 auto;
        text-align: center;
        align-items: center;
        display: flex;
        background-color: #f2f2f2;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        padding: 1rem
    }

    .m-sizes__foot-cta {
        background-color: #00b2a5;
        border-radius: 2px;
        color: #fff;
        font-weight: 700;
        line-height: 1.6rem;
        padding: .3em 1.3em .3em;
        width: 100%;
        display: block
    }
}

.m-sizes__panel-body {
    padding: 1rem 1.5rem 1rem 1.5rem
}

@media (min-width:480px) {
    .m-sizes__panel-body {
        padding: 1rem 3rem 2rem 3rem
    }
}

.m-sizes__panel-body .table {
    font-size: 14px
}

.m-sizes__panel-body .table thead th {
    border-top: 0
}

.m-sizes__panel-head {
    padding: .5rem 1.5rem;
    background: #f2f2f2;
    position: relative;
    font-size: 1rem;
    font-weight: 700
}

@media (min-width:480px) {
    .m-sizes__panel-head {
        padding: 3rem 3rem .5rem 3rem;
        background: 0 0;
        font-size: 1.5rem
    }
}

.m-sizes__section {
    padding-bottom: 1rem
}

.m-sizes__description {
    font-size: 14px
}

#sprd-content {
    padding-left: 0;
    padding-right: 0;
    max-width: none
}

#homepage .icon--right {
    width: calc(1rem * .58806);
    height: 1rem;
    fill: #333
}

#homepage .icon--left {
    width: calc(1rem * .58806);
    height: 1rem;
    fill: #333
}

#homepage .icon--right {
    margin: -1px 0 0 4px;
    vertical-align: middle
}

#homepage .icon--left {
    margin-top: -1px;
    vertical-align: middle
}

.homepage-hero {
    position: relative;
    margin: 0 auto 6px;
    overflow: hidden;
    max-width: 1920px
}

@media (min-width:1024px) {
    .homepage-hero {
        margin: 0 auto 8px
    }
}

.homepage-hero__wrapper {
    display: flex;
    flex-direction: column;
    height: 90vw;
    min-height: 400px;
    max-height: 550px;
    width: 100%
}

@media (min-width:1024px) {
    .homepage-hero__wrapper {
        flex-direction: row;
        height: 32vw
    }
}

.homepage-hero__model-desktop {
    display: none
}

@media (min-width:1024px) {
    .homepage-hero__model-desktop {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100% !important;
        z-index: 0;
        object-fit: cover
    }
}

.homepage-hero__cyo,
.homepage-hero__mp {
    position: relative;
    width: 100%;
    height: 50%;
    min-height: 200px;
    display: flex;
    align-items: center
}

@media (min-width:1024px) {

    .homepage-hero__cyo,
    .homepage-hero__mp {
        width: 50%;
        height: 100%;
        min-height: 0;
        z-index: 0
    }
}

.homepage-hero__cyo {
    flex-direction: row-reverse;
    border-bottom: 2px solid #fff
}

@media (min-width:1024px) {
    .homepage-hero__cyo {
        flex-direction: row;
        border: none
    }
}

.homepage-hero__cyo .homepage-hero__background {
    background: linear-gradient(90deg, #c3c5c2 0, #f4f3f1 60%) !important
}

.homepage-hero__cyo .homepage-hero__model {
    background: url() left top no-repeat;
    left: 0
}

.homepage-hero__cyo .homepage-hero__text {
    padding: 0 0 0 12px
}

@media (min-width:1024px) {
    .homepage-hero__cyo .homepage-hero__text {
        padding: 0 0 0 4%;
        position: absolute
    }
}

@media (min-width:1280px) {
    .homepage-hero__cyo .homepage-hero__text {
        padding: 0 0 0 8%
    }
}

.homepage-hero__mp {
    border-top: 2px solid #fff
}

@media (min-width:1024px) {
    .homepage-hero__mp {
        flex-direction: row-reverse;
        border: none
    }
}

.homepage-hero__mp .homepage-hero__background {
    background: linear-gradient(90deg, #f4f3f1 40%, #c3c5c2 100%) !important
}

.homepage-hero__mp .homepage-hero__model {
    background: url(https://image.spreadshirtmedia.net/content/f_png,f_auto,q_60,w_500/CMS/Startpage/Hero/autumn2022/teaser_mobile_NA_MP) right top no-repeat;
    right: 0
}

.homepage-hero__mp .homepage-hero__text {
    padding: 0 12px 0 0
}

@media (min-width:1024px) {
    .homepage-hero__mp .homepage-hero__text {
        padding: 0 4% 0 0;
        position: absolute
    }
}

@media (min-width:1280px) {
    .homepage-hero__mp .homepage-hero__text {
        padding: 0 8% 0 0
    }
}

.homepage-hero__background {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

@media (min-width:1024px) {
    .homepage-hero__background {
        height: 0
    }
}

.homepage-hero__model {
    width: 40%;
    height: 100%;
    z-index: 1;
    background-size: cover !important
}

@media (min-width:1024px) {
    .homepage-hero__model {
        display: none
    }
}

.homepage-hero__text {
    z-index: 2;
    width: 60%;
    text-align: center
}

@media (min-width:1024px) {
    .homepage-hero__text {
        width: 50%
    }
}

.homepage-hero__text h2 {
    margin: 0 0 12px 0;
    font-size: .875rem;
    line-height: 1.4;
    display: inline-block;
    max-width: 250px
}

@media (min-width:1024px) {
    .homepage-hero__text h2 {
        margin: 0 0 16px 0;
        max-width: 360px
    }
}

@media (min-width:480px) and (max-width:1599px) {
    .homepage-hero__text h2 {
        font-size: calc(14px + (20 - 14) * ((80vw - 480px)/ (1920 - 480)))
    }
}

@media (min-width:1600px) {
    .homepage-hero__text h2 {
        font-size: 1.25rem
    }
}

.homepage-hero__text h2 span {
    font-size: 2rem;
    line-height: 1;
    display: block;
    margin: 0 0 6px 0;
    text-transform: uppercase
}

@media (min-width:480px) and (max-width:1599px) {
    .homepage-hero__text h2 span {
        font-size: calc(32px + (65 - 32) * ((80vw - 480px)/ (1920 - 480)))
    }
}

@media (min-width:768px) {
    .homepage-hero__text h2 span {
        margin: 0 0 8px 0
    }
}

@media (min-width:1600px) {
    .homepage-hero__text h2 span {
        font-size: 4rem
    }
}

@media (min-width:1024px) {
    .homepage-hero__text br {
        display: none
    }
}

.homepage-hero__text .sprd-button {
    text-align: center;
    background: #333 !important;
    color: #fff !important
}

.homepage-hero__text .sprd-button:hover {
    background: #000
}

@media (max-width:479px) {
    .homepage-hero__text .sprd-button {
        font-size: 12px;
        padding: .625rem
    }
}

.homepage-hero__text.white h2 {
    color: #fff
}

.homepage-hero__text.white .sprd-button {
    background: #fff;
    color: #333
}

.homepage-hero__text.white .sprd-button:hover {
    background: #e5e5e5
}

.homepage-tabs {
    background: #f9f9f9;
    margin: 0 auto 40px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 1920px
}

.homepage-tabs ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important
}

.homepage-tabs li {
    margin: 0 !important
}

.homepage-tabs .container {
    max-width: 1280px;
    height: 48px
}

@media (min-width:768px) {
    .homepage-tabs .container {
        height: 56px
    }
}

.homepage-tabs .row {
    flex-wrap: nowrap;
    height: 100%
}

.homepage-tabs__title {
    background: #f2f2f2;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    transform: skewX(-15deg);
    position: relative
}

.homepage-tabs__title h3 {
    display: inline-block;
    transform: skewX(15deg);
    white-space: nowrap;
    padding: 0 16px 0 12px;
    margin: 0 0 3px 0;
    font-size: 14px
}

@media (min-width:768px) {
    .homepage-tabs__title h3 {
        padding: 0 24px 0 16px;
        font-size: 16px
    }
}

.homepage-tabs__title:before {
    content: '';
    position: absolute;
    top: 0;
    left: -399%;
    background: inherit;
    width: 400%;
    height: 100%
}

.homepage-tabs__link {
    color: #333 !important;
    padding: 16px;
    display: inline-flex;
    align-items: center;
    font-size: .875rem
}

.homepage-tabs__link:hover {
    color: #00b2a5 !important
}

.homepage-tabs__link:hover .icon {
    fill: #00b2a5
}

.homepage-tabs__link .icon {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0
}

.homepage-tabs__link .icon--valentine {
    margin-top: 4px
}

.homepage-tabs__link .new-badge {
    color: #00786c;
    background: #cbf0ed;
    padding: 4px;
    font-size: .75rem;
    border-radius: 2px;
    margin: 0 0 0 4px
}

.homepage-tabs__list {
    flex: 1 0 auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.homepage-tabs__list li {
    display: inline-block;
    margin: 0
}

.homepage-tabs__list li.homepage-tab--bold {
    font-weight: 700
}

.homepage-tabs__list li.homepage-tab a {
    position: relative
}

.homepage-tabs__list li.homepage-tab .icon {
    display: inline-block
}

.homepage-tabs__list li.homepage-tab .icon {
    width: 25px;
    height: 25px
}

.homepage-tabs__list li.homepage-tab .icon--staysafe {
    width: 32px;
    height: 32px
}

.homepage-tabs__list li.homepage-tab .icon svg {
    width: 100%;
    height: 100%
}

.sprd-responsive-cnt .homepage-topics__headline {
    margin-bottom: 1em
}

.homepage-topics .tiles {
    height: 100%
}

.homepage-topics .last-child {
    display: flex;
    align-items: flex-end
}

.homepage-topics__tile {
    margin-bottom: 1.5rem
}

@media screen and (min-width:1280px) {
    .homepage-topics__tile {
        margin-bottom: 2rem
    }
}

.homepage-topics__tile.no-gutter {
    margin-bottom: 0
}

.homepage-topics__tile img {
    width: 100%
}

.homepage-topics__link {
    position: relative;
    display: block;
    overflow: hidden
}

.homepage-topics__image {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: transform .2s
}

.homepage-topics__link:hover .homepage-topics__image {
    transform: translateX(-50%) scale(1.05)
}

.sprd-responsive-cnt .homepage-topics__image {
    object-fit: cover
}

.homepage-topics video {
    width: 100%;
    height: auto;
    display: block
}

@media (min-width:768px) {
    .homepage-topics__overlay {
        position: absolute;
        bottom: -25px;
        width: 100%;
        padding: .75rem;
        transform: translateY(-50%);
        text-align: center
    }
}

@media screen and (min-width:768px) and (min-width:1280px) {
    .homepage-topics__overlay {
        padding: 1rem
    }
}

.homepage-topics__text {
    text-align: left;
    display: inline-block;
    padding: 1em 0;
    font: 12.5px/1.3 Montserrat, sans-serif;
    background: #fff;
    color: #333
}

@media (min-width:768px) {
    .homepage-topics__text {
        text-align: center;
        padding: 1rem 1.5rem
    }
}

@media (min-width:1024px) {
    .homepage-topics__text {
        font-size: 1rem
    }
}

@media (min-width:1280px) {
    .homepage-topics__text {
        font-size: 1.5rem;
        padding: .5em 1.5em
    }
}

@media (max-width:767px) {
    .homepage-topics__tile .homepage-topics__tile .homepage-topics__text {
        font-size: 1rem
    }
}

@media (min-width:768px) {
    .homepage-topics .mobile {
        display: none
    }
}

@media (max-width:768px) {
    .homepage-topics .desktop {
        display: none
    }
}

.homepage-topics .homepage-charity {
    margin-bottom: 2.25rem
}

@media screen and (min-width:768px) {
    .homepage-topics .homepage-charity {
        margin-bottom: 1.6875rem
    }
}

.homepage-topics .homepage-charity__text-wrapper {
    padding: 24px;
    background: #f4f2ef
}

@media (min-width:768px) {
    .homepage-topics .homepage-charity__text-wrapper {
        padding: 40px
    }
}

.homepage-topics .homepage-charity .sprd-button {
    padding: 1rem 2.5rem
}

.homepage-topics .homepage-charity .sprd-button:hover {
    color: #333
}

.homepage-topics .homepage-charity .ghost-dark {
    color: #333;
    box-shadow: inset 0 0 0 2px #333
}

.homepage-designs {
    margin-bottom: 2.75rem
}

@media screen and (min-width:768px) {
    .homepage-designs {
        margin-bottom: 4rem
    }
}

@media screen and (min-width:1280px) {
    .homepage-designs {
        margin-bottom: 4.75rem
    }
}

.sprd-responsive-cnt .homepage-designs__headline {
    margin-bottom: 1em
}

.homepage-designs__tile {
    margin-bottom: 1.5rem
}

@media screen and (min-width:1280px) {
    .homepage-designs__tile {
        margin-bottom: 2rem
    }
}

.homepage-designs__contest,
.homepage-designs__tile {
    display: block;
    position: relative;
    overflow: hidden
}

.tile {
    position: relative
}

.tile__picture--bg .tile__image {
    margin-left: 50%;
    transform: translateX(-50%)
}

.sprd-responsive-cnt .tile__picture--bg .tile__image {
    max-width: none
}

@media screen and (min-width:480px) and (max-width:767px),
screen and (min-width:1280px) {
    .tile__overlay:not(.tile__overlay--contest) .tile__picture--deco {
        flex-basis: 45%;
        max-width: 45%;
        text-align: right
    }
}

@media screen and (min-width:480px) {
    .tile__overlay--contest .tile__picture--deco {
        flex-basis: 100%;
        position: relative;
        width: 45%
    }
}

@media screen and (min-width:1280px) {
    .tile__overlay--contest .tile__picture--deco {
        flex-basis: auto;
        width: auto;
        min-width: 1px;
        margin-top: auto
    }
}

.tile__picture--logo {
    margin-bottom: 1.375rem
}

@media screen and (min-width:1280px) {
    .tile__picture--logo {
        min-width: 1px;
        margin-bottom: 0
    }
}

@media screen and (min-width:480px) {
    .tile__overlay--contest .tile__picture--deco .tile__image {
        position: absolute;
        bottom: 50%;
        transform: translateY(50%)
    }
}

@media screen and (min-width:768px) {
    .tile__overlay--contest .tile__picture--deco .tile__image {
        bottom: 0;
        transform: none
    }
}

@media screen and (min-width:1280px) {
    .tile__overlay--contest .tile__picture--deco .tile__image {
        position: relative;
        padding: 0 2rem
    }
}

.tile__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .75rem
}

@media screen and (min-width:480px) {
    .tile__overlay {
        padding: 0 1.5rem
    }
}

@media screen and (min-width:1280px) {
    .tile__overlay {
        padding: 0 2rem
    }
}

@media screen and (min-width:1600px) {
    .tile__overlay {
        padding: 0 3rem
    }
}

@media screen and (min-width:1920px) {
    .tile__overlay {
        padding: 0 4rem
    }
}

.tile__overlay:not(.tile__overlay--contest) {
    padding-top: 1.125rem;
    padding-bottom: 1.5rem
}

@media screen and (min-width:480px) and (max-width:767px),
screen and (min-width:1280px) {
    .tile__overlay:not(.tile__overlay--contest) {
        padding-top: 0;
        padding-bottom: 0;
        flex-direction: row;
        justify-content: space-between
    }
}

.tile__overlay--contest {
    padding-top: 1.5rem;
    padding-bottom: 0
}

@media screen and (min-width:480px) {
    .tile__overlay--contest {
        padding-top: 0;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        align-content: space-between
    }
}

@media screen and (min-width:1280px) {
    .tile__overlay--contest {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }
}

.tile__text {
    flex-grow: 1;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    z-index: 1
}

.tile__text--white {
    color: #fff
}

.tile__text--white .icon {
    fill: #fff !important
}

@media screen and (min-width:480px) and (max-width:767px),
(min-width:1280px) {
    .tile__overlay:not(.tile__overlay--contest) .tile__text {
        flex-basis: 55%;
        max-width: 55%;
        text-align: left
    }
}

@media screen and (min-width:480px) {
    .tile__overlay--contest .tile__text {
        flex-grow: 0;
        width: 50%;
        text-align: left
    }
}

@media screen and (min-width:1280px) {
    .tile__overlay--contest .tile__text {
        order: 1;
        width: auto;
        min-width: 1px
    }
}

.tile__prehead {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    margin-top: .375rem
}

@media screen and (min-width:480px) and (max-width:767px),
(min-width:1280px) {
    .tile__prehead {
        margin-top: 0
    }
}

.tile__text--white .tile__title {
    color: #fff
}

.sprd-responsive-cnt .tile__title {
    margin-bottom: .375em;
    font-size: 2rem
}

@media screen and (min-width:1920px) {
    .sprd-responsive-cnt .tile__title {
        font-size: 2.25rem
    }
}

.tile__link--white {
    color: #fff
}

.tile__overlay--contest .tile__link {
    margin-top: 1.125rem
}

.homepage-mds {
    background: #f2f2f2;
    margin: 0 0 60px 0;
    padding: 24px 0;
    text-align: center
}

@media (min-width:768px) {
    .homepage-mds {
        margin: 0 0 100px 0;
        padding: 30px 0
    }
}

@media (min-width:768px) {
    .homepage-mds .mds-elements {
        display: grid;
        grid-template-columns: 52% 45%
    }
}

.homepage-mds .mds-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (min-width:768px) {
    .homepage-mds .mds-content {
        align-items: baseline;
        text-align: left;
        margin-right: 9rem
    }
}

.homepage-mds .mds-content h2 {
    font-size: 25px;
    margin-bottom: 0
}

@media (min-width:768px) {
    .homepage-mds .mds-content h2 {
        font-size: 40px
    }
}

.homepage-mds .mds-content .mobile-button {
    width: 70%;
    max-width: 15rem
}

@media (min-width:768px) {
    .homepage-mds .mds-content .mobile-button {
        display: none
    }
}

.homepage-mds .mds-content .desktop-button {
    margin-top: 1rem
}

@media (max-width:768px) {
    .homepage-mds .mds-content .desktop-button {
        display: none
    }
}

.homepage-mds .row:not(:last-of-type) {
    margin-bottom: 40px
}

.homepage-mds .icons {
    margin: 1rem
}

@media (min-width:768px) {
    .homepage-mds .icons {
        margin: 1rem 0 1rem 0;
        justify-content: center
    }
}

.homepage-mds .icons .icon-content {
    display: flex;
    align-items: center
}

.homepage-mds .icons .icon-content a {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: 50px;
    padding: 19px;
    flex: 0 0 auto;
    margin-right: 1.5rem
}

@media (min-width:768px) {
    .homepage-mds .icons .icon-content a {
        margin-right: 2rem
    }
}

.homepage-mds .icons .icon-content svg {
    height: 100%;
    width: 100%
}

.homepage-mds .icon-text {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 1rem 0 1rem 0
}

.homepage-mds .icon-text h3 {
    margin: 0 !important
}

.homepage-mds .icon-text span {
    display: flex;
    text-align: start
}

.homepage-seo {
    margin: 0 1rem 3rem 1rem;
    display: flex
}

.homepage-seo__link {
    margin-top: 1rem;
    font-size: 1rem
}

.homepage-seo__link a {
    font-weight: 550;
    color: #000
}

.homepage-seo__content {
    display: flex;
    flex-direction: column;
    text-align: left
}

@media (min-width:768px) {
    .homepage-seo {
        margin: 0 0 100px 0
    }
}

.homepage-seo .row {
    align-items: center;
    margin-top: 4rem
}

@media (max-width:768px) {
    .homepage-seo .row .img-container {
        padding: 0 5rem 0 5rem
    }
}

@media (min-width:768px) {
    .homepage-seo .img-mobile {
        display: none
    }
}

@media (max-width:768px) {
    .homepage-seo .img-desktop {
        display: none
    }
}

.homepage-seo .text-container {
    padding: 3rem
}

.homepage-brands .row {
    align-items: center;
    margin-bottom: 3rem
}

.homepage-brands__image {
    margin: 0 0 2rem 0;
    padding: 1rem
}

@media (min-width:768px) {
    .homepage-brands__image {
        margin: 0
    }
}

.homepage-brands__link {
    font-weight: 700;
    color: #333 !important
}

.homepage-brands__link:hover {
    color: #00b2a5 !important
}

.homepage-brands__link:hover svg {
    fill: #00b2a5 !important
}

.homepage-brands__logo {
    width: 100px;
    height: 100px;
    margin: 0 0 2rem 0
}

@media (max-width:767px) {
    .homepage-brands__logo {
        display: none
    }
}

.homepage-brands__spod-logos {
    display: flex;
    align-items: center;
    margin: 0 0 1rem 0
}

@media (max-width:767px) {
    .homepage-brands__spod-logos {
        justify-content: center
    }
}

.homepage-brands__spod-logos img {
    width: 80px
}

@media (min-width:768px) {
    .homepage-brands__spod-logos img {
        width: 120px
    }
}

.homepage-brands__spod-logos .icon--plus {
    width: 16px;
    height: 16px;
    fill: #ccc;
    margin: 0 1.5rem
}

@media (min-width:768px) {
    .homepage-brands__spod-logos .icon--plus {
        width: 32px;
        height: 32px
    }
}

.homepage-brands__spod-logos .icon--shopify {
    width: 125px;
    height: 48px
}

@media (min-width:768px) {
    .homepage-brands__spod-logos .icon--shopify {
        width: 200px;
        height: 68px
    }
}

@media (max-width:767px) {
    .homepage-brands__app-logo {
        display: block;
        text-align: center
    }
}

.homepage-brands__app-logo img {
    width: 200px
}

@media (min-width:768px) {
    .homepage-brands__app-logo img {
        width: 280px
    }
}

.homepage-charity {
    margin-bottom: 2.25rem
}

@media screen and (min-width:768px) {
    .homepage-charity {
        margin-bottom: 1.6875rem
    }
}

@media screen and (min-width:1280px) {
    .homepage-charity {
        margin-bottom: 4.25rem
    }
}

.homepage-charity .container {
    background: #000
}

.homepage-charity__text-wrapper {
    padding: 24px;
    color: #fff
}

@media (min-width:768px) {
    .homepage-charity__text-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-around
    }
}

@media (min-width:768px) {
    .homepage-charity__text-wrapper {
        justify-content: center
    }
}

.homepage-charity svg {
    fill: #fff;
    width: 8rem
}

@media (min-width:768px) {
    .homepage-charity svg {
        margin-right: 2rem
    }
}

@media (min-width:1280px) {
    .homepage-charity svg {
        margin-right: 0
    }
}

.homepage-charity .sublines {
    display: flex;
    flex-direction: column
}

@media (min-width:1280px) {
    .homepage-charity .sublines {
        margin-left: 3rem
    }
}

@media (min-width:1600px) {
    .homepage-charity .sublines {
        margin-left: 5rem
    }
}

.homepage-charity p {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 20px;
    display: flex;
    text-align: center
}

@media (min-width:768px) {
    .homepage-charity p {
        text-align: left;
        margin-bottom: 0
    }
}

@media (min-width:1600px) {
    .homepage-charity p {
        font-size: 25px
    }
}


.ml-sticky-contact__button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #e5e5e5;
    z-index: 1;
    padding: 0
}

.ml-sticky-contact__button--hidden {
    display: none
}

.ml-sticky-contact__footerButton {
    display: flex;
    align-items: center;
    padding: 0
}

.ml-sticky-contact__footerButton>svg {
    height: 1em;
    width: 1em;
    margin-right: .25rem
}

.ml-sticky-contact__buttonIcon {
    height: 1.5em;
    width: 1.5em
}

.ml-sticky-contact__buttonIcon:focus,
.ml-sticky-contact__buttonIcon:hover {
    color: #00b2a5
}

.ml-sticky-contact__svgIcon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    fill: #333
}

.ml-sticky-contact__content {
    display: none
}

.ml-sticky-contact__content.open {
    display: block
}

.ml-sticky-contact__layer {
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.ml-sticky-contact__modal {
    position: fixed;
    z-index: 1000;
    padding: 1.5rem;
    background-color: #fff;
    right: 0;
    bottom: 0;
    left: 0
}

.ml-sticky-contact__modalClose {
    position: absolute;
    top: -2.5rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 100;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.ml-sticky-contact__modalClose>svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
}

.ml-sticky-contact__modalHeadline {
    margin-bottom: 2rem;
    font-family: Montserrat, sans-serif;
    font-size: 1.125rem;
    text-align: center
}

.ml-sticky-contact__modalContactSection {
    display: flex;
    align-items: center;
    margin: 1rem 0
}

.ml-sticky-contact__supportLink {
    margin-left: .25rem;
    color: #333;
    text-decoration: underline
}

.ml-sticky-contact__modalHours {
    margin: -1rem 0 2rem 2rem;
    font-size: .75rem
}

.ml-sticky-contact__modalResponseSection {
    margin-bottom: 1rem;
    font-size: .75rem
}

@media (min-width:768px) {
    .ml-sticky-contact__button {
        bottom: 1.5rem
    }

    .ml-sticky-contact__layer {
        display: none
    }

    .ml-sticky-contact__modal {
        width: 25rem;
        right: 1rem;
        bottom: 1.5rem;
        left: auto;
        text-align: center;
        border-radius: .25rem;
        box-shadow: 0 0 10px rgba(51, 51, 51, .2)
    }

    .ml-sticky-contact__modalClose {
        top: .5rem
    }

    .ml-sticky-contact__modalClose>svg {
        fill: #333
    }

    .ml-sticky-contact__modalHeadline {
        margin: -1.5rem -1.5rem 1.5rem;
        padding: 1rem;
        border-bottom: 1px solid #d9d9d9
    }

    .ml-sticky-contact__modalContactSection {
        justify-content: center;
        align-items: center
    }

    .ml-sticky-contact__modalContainer {
        justify-content: center
    }

    .ml-sticky-contact__modalHours {
        margin-top: -.5rem;
        margin-left: 0;
        font-size: .875rem
    }

    .ml-sticky-contact__modalResponseSection {
        justify-content: center;
        font-size: .875rem;
        margin: 0
    }
}

.ft-newsletter {
    background-color: #cbf0ed;
    padding: 1rem
}

.ft-newsletter-title {
    display: flex;
    line-height: 1.5;
    margin-bottom: .75rem
}

@media screen and (min-width:1280px) {
    .ft-newsletter-title {
        margin-bottom: 1rem
    }
}

.ft-newsletter-title>i {
    align-self: center;
    margin-right: 1rem;
    color: #8c8c8c
}

.ft-newsletter-title .h3 {
    display: inline-block;
    margin-bottom: 0
}

.ft-newsletter .newsletter-email {
    width: 100%;
    height: 100%;
    font-size: .875rem;
    padding: 8px;
    border: none;
    position: relative
}

.ft-newsletter>form {
    position: relative;
    margin-bottom: .75rem
}

@media screen and (min-width:1280px) {
    .ft-newsletter>form {
        margin-bottom: 1rem
    }
}

.ft-newsletter>form #newsletter-submit {
    position: absolute;
    height: 100%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #00b2a5;
    border-radius: 0 2px 2px 0;
    font-size: .875rem;
    padding: 8px
}

.ft-newsletter .newsletter-messages {
    margin-bottom: .75rem
}

@media screen and (min-width:1280px) {
    .ft-newsletter .newsletter-messages {
        margin-bottom: 1rem
    }
}

.ft-newsletter #newsletter-message-error {
    background: #3284cb;
    border: 1px solid #3284cb;
    color: #fff;
    padding: .5em;
    white-space: normal;
    display: none;
    margin-top: .5em
}

.ft-newsletter #newsletter-message-ok {
    color: #333;
    padding: .5em;
    white-space: normal;
    display: none;
    margin-top: .5em;
    text-align: center
}

.newsletter-info {
    justify-content: flex-end;
    align-items: center;
    margin: 4px 0 0 0;
    cursor: pointer
}

.newsletter-info>i {
    margin: -1px 0 0 0
}

.ml-shipping-lightbox .lightbox__container {
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .ml-shipping-lightbox .lightbox__container {
        max-width: 1080px
    }
}

.ml-shipping-lightbox .m-dc {
    padding: 1rem;
    overflow: auto;
    width: 100%
}

@media (min-width:768px) {
    .ml-shipping-lightbox .m-dc {
        padding: 2rem
    }
}

.show-fullscreen-overlay .footer,
.show-fullscreen-overlay .ft-country {
    z-index: -1
}

.sprd-footer {
    position: relative
}

.sprd-footer .sprd-responsive-cnt {
    color: #737373;
    font-size: .875rem
}

.sprd-footer i {
    margin-right: 7px
}

.sprd-footer .h3 {
    display: block;
    font-size: 1rem
}

.ft-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:767px) {
    .ft-body {
        margin: 0 -12px
    }
}

@media (min-width:768px) {
    .ft-body {
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .ft-body {
        padding-bottom: 1rem
    }
}

@media (min-width:768px) {
    .ft-body .ft-newsletter-country {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .ft-body .ft-newsletter-country {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (max-width:767px) {

    .ft-body .ft-company .h3,
    .ft-body .ft-customer-service .h3 {
        display: none
    }
}

@media (min-width:768px) {

    .ft-body .ft-company,
    .ft-body .ft-customer-service {
        padding-left: .75rem;
        padding-right: .75rem;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width:768px) and (min-width:1280px) {

    .ft-body .ft-company,
    .ft-body .ft-customer-service {
        padding-left: 1rem
    }
}

@media screen and (min-width:768px) and (min-width:1280px) {

    .ft-body .ft-company,
    .ft-body .ft-customer-service {
        padding-right: 1rem
    }
}

.ft-body .ft-external .h3 {
    display: none
}

@media (min-width:1024px) {
    .ft-body .ft-external {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .ft-body .ft-external .h3 {
        display: block
    }
}

.ft-body-wrapper {
    background-color: #fff
}

@media screen and (min-width:768px) {

    .ft-company,
    .ft-country,
    .ft-customer-service,
    .ft-external,
    .ft-newsletter {
        margin-top: 2rem
    }
}

#footer-lightboxes {
    margin-bottom: 0 !important
}

.ft-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
    color: #333
}

@media (min-width:768px) {
    .ft-head {
        flex-direction: row
    }

    .ft-head>div {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.ft-head-wrapper {
    background-color: #f2f2f2
}

.ft-head a {
    color: #00b2a5
}

.ft-head-headline {
    margin-bottom: .875em
}

.ft-head-headline svg {
    width: 28px;
    height: 28px;
    margin: 0 0 2px 0
}

.ft-head-headline .h1 {
    font-size: 1rem
}

@media screen and (min-width:768px) {
    .ft-head-headline .h1 {
        font-size: 1.125rem
    }
}

@media screen and (min-width:1920px) {
    .ft-head-headline .h1 {
        font-size: 1.3125rem
    }
}

.ft-head .ft-delivery,
.ft-head .ft-payment,
.ft-head .ft-return {
    padding-top: 35px;
    padding-bottom: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ft-head .ft-delivery-methods,
.ft-head .ft-payment-methods,
.ft-head .ft-return-details {
    margin-bottom: .875em
}

.ft-head .ft-delivery-methods,
.ft-head .ft-payment-methods {
    display: flex;
    justify-content: space-evenly
}

.ft-head .ft-delivery-methods svg,
.ft-head .ft-payment-methods svg {
    fill: #7f7f7f;
    width: 25%;
    max-width: 80px;
    max-height: 36px;
    margin: 0 8px
}

.ft-head .ft-delivery-link,
.ft-head .ft-payment-link,
.ft-head .ft-return-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

@media (max-width:767px) {

    .ft-head .ft-delivery-link,
    .ft-head .ft-payment-link,
    .ft-head .ft-return-link {
        margin-bottom: .5em
    }
}

.ft-head .ft-delivery-link:hover,
.ft-head .ft-payment-link:hover,
.ft-head .ft-return-link:hover {
    text-decoration: none;
    color: #00877e
}

.ft-head .ft-delivery-link:hover .icon,
.ft-head .ft-payment-link:hover .icon,
.ft-head .ft-return-link:hover .icon {
    fill: #00877e
}

.ft-head .ft-delivery-link .icon,
.ft-head .ft-payment-link .icon,
.ft-head .ft-return-link .icon {
    width: 16px;
    height: 16px;
    fill: #00b2a5;
    margin: 0 0 0 4px
}

@media (max-width:767px) {

    .ft-head .ft-delivery,
    .ft-head .ft-payment {
        border-top: 1px solid #fff
    }

    .ft-head .ft-payment {
        order: 2
    }

    .ft-head .ft-return {
        order: 1
    }

    .ft-head .ft-delivery {
        order: 3
    }
}

.ft-hiring-wrapper {
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff
}

@media (max-width:767px) {
    .ft-hiring-wrapper {
        display: none
    }
}

.ft-hiring a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 0;
    color: #333
}

.ft-hiring a:hover {
    color: #00b2a5;
    text-decoration: none
}

.ft-hiring a:hover .icon {
    fill: #00b2a5
}

@media (max-width:767px) {
    .ft-hiring--head {
        display: none
    }
}

.ft-hiring--head a {
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: center
}

.ft-hiring--head .icon {
    width: 20px;
    height: 20px
}

.ft-hiring--head .icon--briefcase {
    margin: 0 12px 0 0
}

.ft-hiring--head .icon--right {
    margin: 0 0 0 8px
}

.ft-hiring--body {
    border-bottom: 1px solid #d9d9d9
}

@media (min-width:768px) {
    .ft-hiring--body {
        display: none
    }
}

.ft-hiring--body a {
    position: relative;
    padding: 1rem .75rem
}

.ft-hiring--body .icon {
    width: 16px;
    height: 16px
}

.ft-hiring--body .icon--briefcase {
    margin: 0 12px 0 0;
    fill: #7f7f7f
}

.ft-hiring--body .icon--right {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%)
}

.ft-country {
    color: #333;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px #d9d9d9 solid;
    padding-left: .75rem;
    padding-right: .75rem
}

@media screen and (min-width:768px) {
    .ft-country {
        border: none
    }
}

@media screen and (min-width:1280px) {
    .ft-country {
        padding-left: 1rem
    }
}

@media screen and (min-width:1280px) {
    .ft-country {
        padding-right: 1rem
    }
}

.ft-country ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width:767px) {
    .ft-country .h3 {
        display: none
    }
}

.ft-country #country-indicator {
    position: relative;
    cursor: pointer
}

.ft-country #country-indicator .flag:before {
    vertical-align: text-top
}

@media screen and (min-width:768px) {
    .ft-country {
        padding: 0
    }

    .ft-country #country-indicator {
        padding: 5px;
        border: 1px solid #999;
        border-radius: 2px;
        max-width: 100%
    }
}

.ft-customer-service {
    padding: 0
}

.ft-customer-service ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ft-customer-service li {
    border-bottom: 1px #d9d9d9 solid;
    padding: 1rem 0;
    padding-left: .75rem;
    padding-right: .75rem
}

@media screen and (min-width:1280px) {
    .ft-customer-service li {
        padding-left: 1rem
    }
}

@media screen and (min-width:1280px) {
    .ft-customer-service li {
        padding-right: 1rem
    }
}

.sprd-responsive-cnt .ft-customer-service li {
    margin: 0
}

.ft-customer-service li:last-child {
    padding-top: .468rem;
    padding-bottom: .468rem
}

.ft-customer-service li a {
    display: flex;
    align-items: center;
    color: #333;
    position: relative
}

.ft-customer-service li a .icon {
    width: 16px;
    height: 16px;
    fill: #7f7f7f;
    margin: 0 12px 0 0
}

.ft-customer-service li a .icon--right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    fill: #333
}

@media (min-width:768px) {
    .ft-customer-service li a .icon--right {
        display: none
    }
}

.ft-customer-service .phone-block span {
    display: block
}

.ft-customer-service .phone-block span:last-child {
    font-size: .75rem;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .ft-customer-service .h3 {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:768px) and (min-width:1280px) {
    .ft-customer-service .h3 {
        padding-left: 1rem
    }
}

@media screen and (min-width:768px) and (min-width:1280px) {
    .ft-customer-service .h3 {
        padding-right: 1rem
    }
}

@media screen and (min-width:768px) {
    .ft-customer-service li {
        border: none;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .ft-customer-service li a:after {
        display: none
    }
}

.ft-company {
    padding: 0
}

.ft-company ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .ft-company ul {
        display: block
    }
}

.ft-company ul li {
    width: 50%;
    float: left;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #d9d9d9
}

.ft-company ul li:nth-child(odd) {
    border-right: 1px solid #d9d9d9
}

.ft-company ul li a {
    color: #333;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

@media (min-width:768px) {
    .ft-company ul li a {
        justify-content: flex-start
    }
}

.ft-company ul li a:hover {
    color: #00b2a5
}

.ft-company ul li a .icon {
    width: 20px;
    height: 20px;
    fill: #7f7f7f;
    margin: 0 8px 0 0
}

@media screen and (min-width:768px) {
    .ft-company ul li {
        width: 100%;
        border: none;
        text-align: left
    }

    .ft-company ul li:nth-child(odd) {
        border-right: none
    }

    .ft-company ul li a {
        padding: .5rem 0
    }
}

.ft-external__wrapper {
    display: flex;
    flex-wrap: wrap
}

.ft-external-channel {
    padding: 1rem;
    width: 25%;
    display: flex;
    justify-content: center
}

.ft-external-channel span {
    align-self: center
}

@media (max-width:767px) {
    .ft-external-channel span {
        display: none
    }
}

.ft-external-channel a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333
}

.ft-external-channel a svg {
    fill: #7f7f7f;
    width: 24px;
    height: 24px
}

@media (min-width:768px) {
    .ft-external-channel a svg {
        width: 16px;
        height: 16px;
        margin: 0 8px 0 0
    }
}

@media screen and (min-width:768px) {
    .ft-external {
        border-top: 1px solid #d9d9d9
    }

    .ft-external-channel {
        justify-content: flex-start
    }
}

@media screen and (min-width:1024px) {
    .ft-external {
        border-top: none;
        padding-top: 0
    }

    .ft-external__wrapper {
        flex-direction: column
    }

    .ft-external-channel {
        padding: .5rem 0;
        width: 100%
    }
}

.ft-seo {
    padding-top: 1rem;
    padding-bottom: .75rem
}

.ft-seo p {
    text-align: center
}

.ft-seo-wrapper {
    border-top: 1px solid #d9d9d9;
    background-color: #f5f5f5
}

.ft-seo-google {
    justify-content: center
}

.sprd-cyo-footer>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    background-color: #f2f2f2;
    padding: 8px 0
}

.sprd-cyo-footer>ul>li:first-child:after,
.sprd-cyo-footer>ul>li:last-child:before {
    content: "|";
    padding: 0 4px
}

.sticky-footer-button {
    display: flex
}