html {
    box-sizing: border-box;
    font-size: 62.5%;
    background: #fff;
    overflow-x: hidden
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    font-size: 1.4rem;
    font-display: swap;
}

button,
input,
select,
textarea {
    font-family: inherit
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

@media (min-width:64em) and (max-width:79.99em) {
    .cs-hide-laptop {
        display: none !important
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-hide-tablet {
        display: none !important
    }
}

.cs-no-display {
    display: none !important
}

.cs-aspect-ratio {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.cs-aspect-ratio__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

body,
html {
    height: 100%;
    max-width: 100vw
}

.no-scroll {
    position: fixed;
    width: 100vw;
    height: 100vh
}

.no-scroll-child {
    overflow-y: hidden !important
}

#maincontent {
    flex: 1 0 auto
}

.page-wrapper {
    display: block !important;
    min-height: 100%
}

@media (min-width:48em) {
    .page-wrapper {
        display: flex !important;
        flex-direction: column !important
    }
}

.columns .column.main {
    width: auto;
    padding: 4rem 0 0;
    max-width: 100%;
    min-height: 10rem
}

@media (min-width:48em) {
    .columns .column.main {
        padding: 4rem 0 0
    }
}

.cms-home .columns .column.main {
    padding: 0
}

@media (min-width:48em) {
    .cms-home .columns .column.main {
        padding: 0
    }
}

.page-layout-1column .product-info-wrapper {
    width: 100%
}

@media (min-width:48em) {
    .page-layout-1column .product-info-wrapper {
        position: absolute;
        right: 0;
        height: 100%;
        width: 40%
    }
}

@media (min-width:64em) {
    .page-layout-1column .product-info-wrapper {
        width: 30%
    }
}

@media (min-width:48em) {

    .page-layout-2columns-left .sidebar-additional,
    .page-layout-2columns-left .sidebar-main {
        width: 22.5%;
        padding-right: 40px;
        border-right: 1px solid #f0f0f0
    }
}

.ie11 .page-wrapper {
    display: block !important
}

.gift-options-cart-item {
    display: none
}

@media (min-width:48em) {
    .paypal-express-review .page-title-wrapper {
        padding: 0 1.5rem
    }
}

@media (max-width:63.99em) {
    .paypal-review.view .cs-cart-item__price {
        padding-left: 0 !important
    }

    .paypal-review.view .cs-cart-item__subtotal {
        padding-right: 0 !important
    }
}

@media (min-width:48em) {
    .paypal-review.view {
        padding: 0 1.5rem
    }
}

.paypal-express-in-context-mini-cart-container {
    margin-top: 1rem
}

.paypal-review-discount {
    border-bottom: none
}

.amazon-button-container {
    max-width: 25rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 303
}

@media (min-width:48em) {
    .amazon-button-container {
        max-width: 32rem
    }
}

.amazon-button-container img {
    margin-left: auto;
    margin-right: auto
}

.amazon-button-container__cell:nth-child(2) {
    position: absolute;
    min-width: 3rem;
    left: calc(100% + .6rem);
    top: 1.9rem
}

@media (max-width:23.115em) {
    .amazon-button-container__cell:nth-child(2) {
        left: calc(100% + .8rem)
    }
}

.amazon-button-container__cell .field-tooltip-content {
    width: 25rem;
    box-sizing: border-box;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .17);
    border: none;
    font-size: 1.3rem;
    padding: .8rem
}

@media (min-width:30em) {
    .amazon-button-container__cell .field-tooltip-content {
        width: 28rem
    }
}

.amazon-button-container__cell .field-tooltip-content:before {
    border-right-color: #ebebeb
}

.amazon-minicart-container .amazon-button-container__cell .field-tooltip-content,
.cs-cart-summary .amazon-button-container__cell .field-tooltip-content {
    top: auto;
    bottom: 42px;
    left: -210px;
    right: auto
}

@media (min-width:48em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content {
        left: -250px
    }
}

@media (min-width:64em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content {
        left: -232px
    }
}

.amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:after,
.amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
.cs-cart-summary .amazon-button-container__cell .field-tooltip-content:after,
.cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
    top: calc(100% + 2rem);
    left: 210px;
    transform: rotate(-180deg)
}

@media (min-width:48em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:after,
    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:after,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        bottom: -10px;
        top: 100%;
        left: 250px;
        transform: rotate(-90deg)
    }
}

@media (min-width:64em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:after,
    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:after,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        left: 232px
    }
}

.amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
.cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
    left: 210px
}

@media (max-width:47.99em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        border-right-color: transparent
    }
}

@media (min-width:48em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        left: 251px;
        transform: rotate(-90deg)
    }
}

@media (min-width:64em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:before,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        left: 233px
    }
}

@media (min-width:64em) {

    .amazon-minicart-container .amazon-button-container__cell .field-tooltip-content:after,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:after {
        transform: rotate(-90deg)
    }
}

@media (min-width:48em) {

    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:after,
    .cs-cart-summary .amazon-button-container__cell .field-tooltip-content:before {
        top: calc(100% + 2rem);
        transform: rotate(180deg)
    }
}

.ie11 source {
    height: 0 !important
}

.cs-authorization-link {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: .9rem;
    padding: 0 0 0 .3rem
}

@media (min-width:64em) {
    .cs-authorization-link {
        padding: 0 0 0 1.3rem;
        margin-left: 1.7rem
    }
}

.cs-authorization-link:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-left: .2rem solid #fff;
    transform: skew(-18deg)
}

.cs-authorization-link__link {
    display: flex;
    align-items: center
}

.cs-authorization-link__link,
.cs-authorization-link__link:focus,
.cs-authorization-link__link:hover,
.cs-authorization-link__link:visited,
.cs-authorization-link__link:visited:focus,
.cs-authorization-link__link:visited:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-authorization-link__link:hover .cs-authorization-link__icon path {
    fill: #ebebeb
}

.cs-authorization-link__icon {
    width: 1.8rem;
    height: 1rem;
    padding-right: .5rem
}

.cs-authorization-link__icon path {
    fill: #ebebeb
}

.cs-addtocart__wrapper {
    overflow: hidden;
    order: 1
}

@supports ((-webkit-clip-path:inset(0 0 0 0 round 3px)) or (clip-path:inset(0 0 0 0 round 3px))) {
    .cs-addtocart__wrapper {
        -webkit-clip-path: inset(0 0 0 0 round 3px);
        clip-path: inset(0 0 0 0 round 3px)
    }
}

.cs-addtocart__button {
    will-change: unset;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-addtocart__button:active,
.cs-addtocart__button:focus,
.cs-addtocart__button:hover {
    background-color: #ff6101 !important
}

.cs-addtocart__button:after,
.cs-addtocart__button:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-addtocart__button:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-addtocart__button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-addtocart__button:hover:after {
    width: calc(100% + 2px)
}

.cs-addtocart__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-addtocart__button,
.cs-addtocart__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-addtocart__button *,
.cs-addtocart__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-addtocart__button:active:not([disabled]),
.cs-addtocart__button:focus:not([disabled]),
.cs-addtocart__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-addtocart__button:active:not([disabled]) *,
.cs-addtocart__button:focus:not([disabled]) *,
.cs-addtocart__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-addtocart__button[disabled] {
    opacity: .65;
    cursor: auto;
    opacity: 1
}

.cs-addtocart__button .cs-addtocart__success-label,
.cs-addtocart__button:active .cs-addtocart__success-label,
.cs-addtocart__button:focus .cs-addtocart__success-label,
.cs-addtocart__button:hover .cs-addtocart__success-label {
    color: #fff
}

.cs-addtocart__button .cs-addtocart__success-icon *,
.cs-addtocart__button:active .cs-addtocart__success-icon *,
.cs-addtocart__button:focus .cs-addtocart__success-icon *,
.cs-addtocart__button:hover .cs-addtocart__success-icon * {
    fill: #fff
}

.cs-addtocart__button .cs-addtocart__fail-label,
.cs-addtocart__button:active .cs-addtocart__fail-label,
.cs-addtocart__button:focus .cs-addtocart__fail-label,
.cs-addtocart__button:hover .cs-addtocart__fail-label {
    color: #fff
}

.cs-addtocart__button .cs-addtocart__fail-icon *,
.cs-addtocart__button:active .cs-addtocart__fail-icon *,
.cs-addtocart__button:focus .cs-addtocart__fail-icon *,
.cs-addtocart__button:hover .cs-addtocart__fail-icon * {
    fill: #fff
}

.cs-addtocart__button-label,
.cs-addtocart__fail-label,
.cs-addtocart__success-label {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em;
    white-space: nowrap
}

.cs-addtocart__button-icon,
.cs-addtocart__configure-icon,
.cs-addtocart__fail-icon,
.cs-addtocart__success-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em;
    max-width: none;
    max-height: none;
    width: 2.2rem;
    height: 2.2rem;
    right: .8em
}

.cs-addtocart__fail-icon {
    transition: none
}

.cs-addtocart__button-label,
.cs-addtocart__success-label {
    transition: opacity .15s linear, transform 1s cubic-bezier(0, .77, .18, 1)
}

.cs-addtocart__button-label {
    display: inline-block;
    transform: translateZ(0)
}

.cs-addtocart__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0) translate3d(-50%, -50%, 0);
    width: 40px;
    height: 10px;
    opacity: 0;
    transition: opacity .15s linear, transform 1s cubic-bezier(0, .77, .18, 1);
    transition-delay: .2s
}

.cs-addtocart__loading-ball {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    bottom: 0;
    background: #fff;
    border-radius: 50%
}

.cs-addtocart__loading-ball--1 {
    left: 0
}

.cs-addtocart__loading-ball--2 {
    left: 15px;
    -webkit-animation-delay: .15s !important;
    animation-delay: .15s !important
}

.cs-addtocart__loading-ball--3 {
    left: 30px;
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.cs-addtocart__feedback-bg,
.cs-addtocart__feedback-bg:after {
    content: "";
    position: absolute;
    left: -1em;
    top: -1px;
    bottom: -1px;
    width: calc(100% + 2.5em);
    transform: skew(-18deg) translate3d(-100%, 0, 0);
    transform-origin: 0 0;
    transition: transform .45s cubic-bezier(.01, .65, .38, 1);
    background: #31a43a
}

.cs-addtocart--no-transitions .cs-addtocart__feedback-bg,
.cs-addtocart--no-transitions .cs-addtocart__feedback-bg:after {
    transition: none
}

.cs-addtocart__feedback-bg:after {
    background: #37b841;
    z-index: 2;
    left: 0;
    width: 100%;
    transform: translate3d(-100%, 0, 0);
    transition-delay: .3s
}

.cs-addtocart__fail-icon,
.cs-addtocart__fail-label,
.cs-addtocart__success-icon,
.cs-addtocart__success-label {
    opacity: 0
}

.cs-addtocart__fail-icon,
.cs-addtocart__success-icon {
    height: 1.725em;
    transition-delay: .2s
}

.cs-addtocart__fail-label,
.cs-addtocart__success-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) translateX(-2em);
    transition-delay: .2s;
    white-space: nowrap;
    padding-right: -1rem
}

.cs-addtocart__minicart {
    width: 100%;
    text-align: center
}

.cs-addtocart__minicart--sticky,
.cs-addtocart__minicart--unstick {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 400;
    padding: 0;
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.cs-addtocart__minicart--sticky .ui-dialog,
.cs-addtocart__minicart--unstick .ui-dialog {
    right: 0 !important
}

.cs-addtocart__minicart--sticky .block-minicart:after,
.cs-addtocart__minicart--unstick .block-minicart:after {
    right: 3.2rem !important
}

.cs-addtocart__minicart--sticky .cs-addtocart__minicart-link,
.cs-addtocart__minicart--unstick .cs-addtocart__minicart-link {
    text-align: center;
    padding: 2.5rem 1rem;
    background: #fff;
    box-shadow: 1px 3px 4.5rem 0 rgba(30, 48, 67, .34);
    -webkit-animation: minicart-in 1s cubic-bezier(0, .77, .18, 1);
    animation: minicart-in 1s cubic-bezier(0, .77, .18, 1);
    position: relative
}

.cs-addtocart__minicart--unstick .cs-addtocart__minicart-link {
    -webkit-animation: minicart-out .5s cubic-bezier(.55, .2, .89, .45);
    animation: minicart-out .5s cubic-bezier(.55, .2, .89, .45)
}

.cs-addtocart__minicart-link:before {
    content: none !important
}

.cs-addtocart__minicart-qty-badge-wrapper {
    position: absolute;
    opacity: 0;
    z-index: 600;
    transition: top .9s cubic-bezier(.42, .31, .34, .93), left .9s cubic-bezier(.42, .31, .34, .93);
    pointer-events: none
}

.cs-addtocart__minicart-qty-badge-wrapper--animating {
    -webkit-animation: move-qty-badge 1.2s cubic-bezier(.42, .31, .34, .93);
    animation: move-qty-badge 1.2s cubic-bezier(.42, .31, .34, .93);
    position: fixed;
    top: .5rem
}

@media (min-width:48em) {
    .cs-addtocart__minicart-qty-badge-wrapper--animating {
        top: 1.3rem
    }
}

@media (min-width:64em) {
    .cs-addtocart__minicart-qty-badge-wrapper--animating {
        position: absolute;
        top: 5.3rem
    }
}

.cs-addtocart__minicart-qty-badge-wrapper--animating.cs-addtocart__minicart-qty-badge-wrapper--minicart-sticky {
    position: fixed;
    top: 1.8rem
}

.cs-addtocart__minicart-qty-badge-wrapper .cs-addtocart__minicart-qty-badge {
    position: static;
    visibility: visible
}

.cs-addtocart--done .cs-addtocart__button-label,
.cs-addtocart--loading .cs-addtocart__button-label {
    opacity: 0;
    transform: translate3d(2em, 0, 0)
}

.cs-addtocart--loading .cs-addtocart__loading {
    opacity: 1;
    transform: scale(1) translate3d(-50%, -50%, 0) translateX(-1.25em)
}

.cs-addtocart--loading .cs-addtocart__loading-ball {
    -webkit-animation: ball-in 1s infinite;
    animation: ball-in 1s infinite
}

.cs-addtocart--done .cs-addtocart__button-icon {
    opacity: 0
}

.cs-addtocart--done .cs-addtocart__feedback-bg {
    transform: skew(-18deg) translateZ(0)
}

.cs-addtocart--done .cs-addtocart__feedback-bg:after {
    transform: translate3d(-5.3rem, 0, 0)
}

.cs-addtocart--success .cs-addtocart__success-icon {
    opacity: 1
}

.cs-addtocart--success .cs-addtocart__success-label {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0)
}

.cs-addtocart--animation-done .cs-addtocart__button-icon,
.cs-addtocart--animation-done .cs-addtocart__button-label {
    transition-delay: .5s
}

.cs-addtocart--animation-done .cs-addtocart__feedback-bg {
    transition-delay: .2s
}

.cs-addtocart--animation-done .cs-addtocart__feedback-bg,
.cs-addtocart--animation-done .cs-addtocart__feedback-bg:after {
    transition: transform .4s cubic-bezier(.86, .01, .83, .51)
}

.cs-addtocart--animation-done .cs-addtocart__feedback-bg:after {
    transition-delay: 0
}

.cs-addtocart--animation-done .cs-addtocart__fail-icon,
.cs-addtocart--animation-done .cs-addtocart__success-label {
    transition: opacity .6s linear, transform .6s cubic-bezier(.86, .01, .83, .51);
    transition-delay: 0
}

.cs-addtocart--animation-done .cs-addtocart__fail-icon,
.cs-addtocart--animation-done .cs-addtocart__success-icon {
    transition-delay: 0
}

@-webkit-keyframes ball-in {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes ball-in {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes minicart-in {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes minicart-in {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes minicart-out {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes minicart-out {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes move-qty-badge {
    0% {
        opacity: 1
    }

    15% {
        transform: scale(1)
    }

    80% {
        opacity: 1;
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes move-qty-badge {
    0% {
        opacity: 1
    }

    15% {
        transform: scale(1)
    }

    80% {
        opacity: 1;
        transform: scale(1.5)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.cs-addtocart .block-minicart {
    margin-bottom: 0
}

.cs-autocomplete {
    width: 100%;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17);
    z-index: 200;
    margin-top: -1px
}

.cs-autocomplete .autocomplete-list dd,
.cs-autocomplete__item {
    background: #fff;
    padding: .5rem 1rem;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    transition: background-color .15s linear;
    font-size: 1.29rem
}

@media (min-width:48em) and (max-width:63.99em) {

    .cs-autocomplete .autocomplete-list dd,
    .cs-autocomplete__item {
        padding: 1rem
    }
}

.cs-autocomplete .autocomplete-list dd.selected,
.cs-autocomplete .autocomplete-list dd:hover,
.cs-autocomplete__item.selected,
.cs-autocomplete__item:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.cs-autocomplete .autocomplete-list dd:last-child,
.cs-autocomplete__item:last-child {
    border-bottom: none
}

.cs-autocomplete .autocomplete-list dd-image-container,
.cs-autocomplete__item-image-container {
    padding: 0;
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.cs-autocomplete .autocomplete-list dd-image,
.cs-autocomplete__item-image {
    width: 4.5rem;
    height: 4.5rem
}

.cs-autocomplete .autocomplete-list dd-details,
.cs-autocomplete__item-details {
    flex: 1 1 100%;
    margin: 0
}

.cs-autocomplete .autocomplete-list dd-details .f-fix,
.cs-autocomplete__item-details .f-fix {
    height: 5.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cs-autocomplete .autocomplete-list dd-details img,
.cs-autocomplete__item-details img {
    display: block
}

.cs-autocomplete .autocomplete-list dd-brand,
.cs-autocomplete__item-brand {
    font-size: 1.2rem;
    color: #ebebeb
}

.cs-autocomplete .autocomplete-list dd-name,
.cs-autocomplete__item-name {
    font-size: 1.29rem;
    color: #000;
    font-weight: 700
}

.cs-autocomplete .autocomplete-list dd-price,
.cs-autocomplete__item-price {
    margin: .3rem 0 0
}

.cs-autocomplete .price-box {
    display: flex
}

.cs-autocomplete .price-box>.price {
    color: #ff6101;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 0
}

.cs-autocomplete .price-box .old-price>.price {
    text-decoration: line-through;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700
}

.cs-autocomplete .price-box .special-price>.price {
    color: #ff6101;
    font-size: 1.5rem;
    font-weight: 700
}

.cs-autocomplete .price-box .minimal-price-link {
    display: none
}

.cs-autocomplete .price-box .old-price {
    order: -1
}

.cs-autocomplete .price-box .old-price .price {
    margin-right: 1rem
}

.cs-autocomplete__badges {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 1rem
}

.cs-autocomplete__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transform: skew(-15deg);
    background-color: #ff6101;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 0 .7rem 0 .3rem;
    font-size: 1.1rem;
    font-weight: 700;
    min-height: 2em;
    text-transform: uppercase
}

.cs-autocomplete__badge:before {
    content: "";
    width: 1rem;
    position: absolute;
    min-height: inherit;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    transform: skew(15deg);
    border-radius: 3px 0 0 3px;
    border: inherit;
    border-right: 0;
    transform-origin: bottom left
}

.ie11 .cs-autocomplete__badge:after {
    content: "";
    min-height: auto;
    font-size: 0
}

.cs-autocomplete__badge+.cs-autocomplete__badge {
    margin-top: .5rem
}

.cs-autocomplete__badge--popular {
    background-color: #37b841;
    color: #fff
}

.cs-autocomplete__badge--popular .cs-autocomplete__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-autocomplete__badge--popular .cs-autocomplete__badge-text+.cs-autocomplete__badge--popular .cs-autocomplete__badge-text {
    margin-left: .5rem
}

.cs-autocomplete__badge--free-shipping {
    background-color: #37b841;
    color: #fff
}

.cs-autocomplete__badge--free-shipping .cs-autocomplete__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-autocomplete__badge--free-shipping .cs-autocomplete__badge-text+.cs-autocomplete__badge--free-shipping .cs-autocomplete__badge-text {
    margin-left: .5rem
}

.cs-autocomplete__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-autocomplete__badge-text+.cs-autocomplete__badge-text {
    margin-left: .5rem
}

@media (min-width:23.125em) {
    .cs-autocomplete__badge-text {
        white-space: nowrap
    }
}

.autocomplete-list {
    margin: -1px 0 1rem;
    border-top: 1px solid #dcdcdc
}

.autocomplete-list:first-child {
    border-top: 0
}

.autocomplete-list:last-child {
    margin-bottom: 0
}

.autocomplete-list .amount {
    color: #ebebeb;
    font-size: 1.29rem;
    font-weight: 700;
    margin-left: .5rem
}

.autocomplete-list .amount:not(:empty):after {
    content: ")"
}

.autocomplete-list .amount:not(:empty):before {
    content: "("
}

.autocomplete-list-title {
    padding: 1.2rem 3rem 1rem 1rem;
    border-bottom: none;
    color: #ebebeb;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.29rem;
    letter-spacing: 1px;
    margin: 0
}

.autocomplete-list-title.selected,
.autocomplete-list-title:hover {
    background-color: transparent
}

.autocomplete-list-title:not(:empty):first-child {
    border-top: transparent
}

.cs-breadcrumbs {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    font-weight: 400
}

.cs-breadcrumbs__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-breadcrumbs__item {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 1.95em 0 0;
    cursor: pointer;
    font-size: 1.2rem
}

.cs-breadcrumbs__item:last-child {
    padding: 0;
    color: #212121;
    cursor: default;
	font-weight: bold;
}

.cs-breadcrumbs__item:not(:last-child):after {
    position: absolute;
    top: 50%;
    right: .8em;
    content: "" !important;
    transform: translateY(-50%);
    line-height: 1;
    color: #696969
}

.cs-breadcrumbs__item--back {
    padding-right: 0 !important
}

.cs-breadcrumbs__item--back:after {
    display: none !important
}

.cs-breadcrumbs__link {
    position: relative;
    display: inline-block;
    color: #696969
}

.cs-breadcrumbs__link:visited {
    color: #696969
}

.cs-breadcrumbs__link:hover {
    text-decoration: none;
    color: #212121
}

.cs-breadcrumbs__separator-icon {
    position: absolute;
    top: 50%;
    right: .5em;
    transform: translateY(-50%);
    width: .8em;
    height: .8em;
    fill: #696969
}

.cs-breadcrumbs__back {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    color: #000
}

.cs-breadcrumbs__back:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: #000
}

.cs-container--breadcrumbs {
    background: #f0f0f0
}

@media (min-width:48em) {
    .cs-container--breadcrumbs {
        display: block;
        background: #f0f0f0 url(../images/breadcrumbs.png) no-repeat 100%/auto 6.8rem
    }
}

.cs-button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-button:active,
.cs-button:focus,
.cs-button:hover {
    background-color: #ff6101 !important
}

.cs-button:after,
.cs-button:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-button:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-button:hover:after {
    width: calc(100% + 2px)
}

.cs-button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-button,
.cs-button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-button *,
.cs-button:visited * {
    color: #fff;
    fill: #fff
}

.cs-button:active:not([disabled]),
.cs-button:focus:not([disabled]),
.cs-button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-button:active:not([disabled]) *,
.cs-button:focus:not([disabled]) *,
.cs-button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-button__span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-button__icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-button-component {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.275em;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    margin: 0 0 3rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.cs-button-component:active,
.cs-button-component:focus,
.cs-button-component:hover {
    background-color: #ff6101 !important
}

.cs-button-component:after,
.cs-button-component:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-button-component:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-button-component:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-button-component:hover:after {
    width: calc(100% + 2px)
}

.cs-button-component::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-button-component,
.cs-button-component:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-button-component *,
.cs-button-component:visited * {
    color: #fff;
    fill: #fff
}

.cs-button-component:active:not([disabled]),
.cs-button-component:focus:not([disabled]),
.cs-button-component:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-button-component:active:not([disabled]) *,
.cs-button-component:focus:not([disabled]) *,
.cs-button-component:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-button-component[disabled] {
    opacity: .65;
    cursor: auto
}

@media (min-width:48em) {
    .cs-button-component {
        margin: 0 0 4rem
    }
}

.cs-button-component--skip-spacing {
    margin: 0
}

.cs-button-component__span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-button-component__icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-button-component__amount:before {
    content: "("
}

.cs-button-component__amount:after {
    content: ")"
}

.cs-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box
}

.cs-container__inner,
.cs-container__reviews {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.cs-container__inner:after,
.cs-container__inner:before,
.cs-container__reviews:after,
.cs-container__reviews:before {
    content: "";
    display: table;
    clear: both
}

.cs-container__inner--flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:48em) {
    .cs-container__inner--flex {
        flex-wrap: nowrap
    }
}

.cs-container__inner--flex:after {
    display: none
}

.cs-container__aside {
    width: 100%
}

@media (min-width:48em) {
    .cs-container__aside {
        width: 40%
    }
}

@media (min-width:64em) {
    .cs-container__aside {
        width: 32%
    }
}

@media (min-width:90em) {
    .cs-container__aside {
        width: 30%
    }
}

.cs-container__main-column {
    width: 56%;
    position: relative
}

@media (min-width:64em) {
    .cs-container__main-column {
        width: 65%
    }
}

@media (min-width:90em) {
    .cs-container__main-column {
        width: 67%
    }
}

@media (max-width:47.99em) {
    .cs-container__main-column {
        max-width: 100% !important;
        width: 100% !important
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .page-product-bundle .cs-container__main-column {
        width: 100%;
        margin-right: 0
    }
}

@media (min-width:64em) {
    .cs-container__main-column--space-top {
        padding-top: 3rem
    }
}

.cs-container__reviews {
    padding-bottom: 2rem
}

@media (min-width:48em) {
    .cs-container__reviews {
        background: #fff;
        margin-top: 3rem;
        padding: 0 2rem
    }
}

@media (min-width:90em) {
    .cs-container__reviews {
        padding: 2rem 0 0
    }
}

.cs-container__reviews:after {
    content: "";
    display: table;
    clear: both
}

.cs-container__cart-coupons {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:64em) {
    .cs-container__cart-coupons {
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.cs-container--contrast {
    background-color: #f0f0f0
}

@media (min-width:64em) {
    .cs-container--contrast {
        background-image: url(../images/background.png);
        background-size: cover;
        background-repeat: no-repeat
    }
}

.cs-container--top-bar {
    background-color: #f0f0f0;
    max-width: none
}

.cs-container--spacious {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width:64em) {
    .cs-container--spacious {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (min-width:48em) {

    .catalog-category-view .cs-container--spacious,
    .catalogsearch-result-index .cs-container--spacious {
        padding-top: 0
    }
}

.cs-container--image-teaser-window-width,
.cs-container--store-locator {
    padding-left: 0;
    padding-right: 0
}

.cs-container--grid-teaser {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.cs-container--hero-teaser {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.cs-container--noscroll {
    overflow: hidden
}

@media (min-width:64em) {
    .cs-container--pdp {
        padding-top: 0
    }
}

.cs-container--usps .cs-container--headline {
    padding: 0
}

.cs-container--create-account-page,
.cs-container--login-page,
.cs-container--logout-page,
.cs-container--success-page {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media (min-width:64em) {

    .cs-container--create-account-page,
    .cs-container--login-page,
    .cs-container--logout-page,
    .cs-container--success-page {
        padding-top: 3rem;
        padding-bottom: 5rem
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-container--my-account-page {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.cs-container--ontop {
    z-index: 301
}

.cs-container--viewport-width {
    max-width: none
}

@media (max-width:47.99em) {
    .cs-container--page-pdp-details-aw_pq_ajax_container {
        padding: 0
    }
}

.cs-container--cart-page .cs-container--headline,
.cs-container--cart-page .cs-container--products-carousel {
    padding-left: 0;
    padding-right: 0
}

.cs-container--cms-teaser {
    margin-top: 2rem
}

@supports (display:grid) and (grid-auto-flow:row) {
    .cs-container--grid-teaser {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: visible
    }
}

.cs-container--footer-usps .cs-image-teaser__content {
    margin: 0 !important
}

.cs-container--header {
    padding: 0;
    background: #222;
    border-top: 1px solid #ff6101
}

.cs-container--header .cs-container__inner,
.cs-container--header .cs-container__reviews {
    max-width: 1140px
}

.cs-container--navigation {
    padding: 0;
    background: #333;
    border-top: 1px solid #ff6101;
    border-bottom: 3px solid #ff6101
}

.cs-container--navigation .cs-container__inner,
.cs-container--navigation .cs-container__reviews {
    max-width: 1140px
}

.cs-container--breadcrumbs,
.cs-container--breadcrumbs__inner {
    background: #fff
}

.cs-container--login-page .cs-container__inner .cs-dashboard__login,
.cs-container--login-page .cs-container__reviews .cs-dashboard__login {
    padding: 30px;
    border: 1px solid #ddd;
    border-top: 3px solid #ff6101;
    border-radius: 5px
}

.cs-cookie-message {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1.2rem;
    background-color: #fff;
    color: #000;
    box-shadow: 0 -.3rem .5rem 0 rgba(0, 0, 0, .15);
    font-size: 85%;
    z-index: 98;
    transform: translate3d(0, 110%, 0);
    opacity: 0;
    transition: transform .25s ease-out, opacity .18s linear;
    display: flex;
    justify-content: center;
    align-items: center
}

.cs-cookie-message--shown {
    z-index: 99;
    transform: translateZ(0);
    opacity: 1
}

.cs-cookie-message__inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-left: 8rem
}

@media (min-width:48em) {
    .cs-cookie-message__inner {
        flex-direction: row
    }
}

.cs-cookie-message__button-wrapper {
    align-self: flex-start
}

@media (min-width:48em) {
    .cs-cookie-message__button-wrapper {
        align-self: unset
    }
}

.cs-cookie-message__text {
    position: relative;
    margin: 0
}

.cs-cookie-message__text .block-cms-link.widget,
.cs-cookie-message__text p {
    margin: 0;
    display: inline
}

.cs-cookie-message__text a,
.cs-cookie-message__text a:focus,
.cs-cookie-message__text a:hover,
.cs-cookie-message__text a:visited,
.cs-cookie-message__text a:visited:focus,
.cs-cookie-message__text a:visited:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-cookie-message__icon {
    position: absolute;
    left: .5rem;
    width: 5.5rem;
    height: 5.5rem;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:48em) {
    .cs-cookie-message__icon {
        top: -3.5rem;
        transform: translateY(0)
    }
}

.cs-cookie-message__button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    white-space: nowrap;
    margin: 1.2rem 0 0
}

.cs-cookie-message__button:active,
.cs-cookie-message__button:focus,
.cs-cookie-message__button:hover {
    background-color: #ff6101 !important
}

.cs-cookie-message__button:after,
.cs-cookie-message__button:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-cookie-message__button:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-cookie-message__button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-cookie-message__button:hover:after {
    width: calc(100% + 2px)
}

.cs-cookie-message__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-cookie-message__button,
.cs-cookie-message__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-cookie-message__button *,
.cs-cookie-message__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-cookie-message__button:active:not([disabled]),
.cs-cookie-message__button:focus:not([disabled]),
.cs-cookie-message__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-cookie-message__button:active:not([disabled]) *,
.cs-cookie-message__button:focus:not([disabled]) *,
.cs-cookie-message__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-cookie-message__button[disabled] {
    opacity: .65;
    cursor: auto
}

@media (min-width:48em) {
    .cs-cookie-message__button {
        margin-top: 0;
        margin-left: 1.2rem
    }
}

.cs-cookie-message__button-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-cookie-message__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

@media (max-width:47.99em) {
    .cs-display-controller--hidden-mobile {
        display: none
    }
}

@media (min-width:48em) {
    .cs-display-controller--hidden-desktop {
        display: none
    }
}

.cs-dropdown-switcher {
    white-space: nowrap;
    cursor: pointer;
    width: 100%
}

@media (min-width:64em) {
    .cs-dropdown-switcher .mage-dropdown-dialog {
        position: absolute;
        top: 100%;
        right: -1rem;
        left: 1rem
    }
}

.cs-dropdown-switcher--currency .mage-dropdown-dialog {
    right: -1rem
}

@media (min-width:64em) {
    .cs-dropdown-switcher {
        position: relative;
        display: inline-flex;
        align-items: center;
        flex-shrink: 0
    }

    .cs-dropdown-switcher:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 1.3rem;
        content: "";
        border-left: .2rem solid #fff;
        transform: skew(-18deg);
        display: block
    }
}

@media (min-width:64em) {
    .cs-dropdown-switcher--stores:before {
        display: none
    }
}

.cs-dropdown-switcher__option-icon {
    min-width: 1.5rem;
    height: 1.5rem;
    margin-right: .6rem;
    margin-bottom: .2rem;
    display: inline-block
}

@media (min-width:64em) {
    .cs-dropdown-switcher--language .cs-dropdown-switcher__option-icon {
        width: 1.5rem
    }
}

@media (min-width:64em) {
    .cs-dropdown-switcher .switcher-options {
        display: flex
    }
}

.cs-dropdown-switcher__trigger {
    padding: 2.4rem 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

.cs-dropdown-switcher__trigger:after,
.cs-dropdown-switcher__trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .7rem;
    height: .1rem;
    left: auto;
    background-color: #ff6101;
    transition: transform .15s linear, right .15s linear, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-dropdown-switcher__trigger:before {
    transform: rotate(45deg) translateZ(0);
    right: 3rem
}

.cs-dropdown-switcher__trigger:after {
    transform: rotate(-45deg) translateZ(0);
    right: 2.5rem
}

.cs-dropdown-switcher__trigger.active:before {
    transform: rotate(-45deg)
}

.cs-dropdown-switcher__trigger.active:after {
    transform: rotate(45deg)
}

@media (min-width:64em) {
    .cs-dropdown-switcher__trigger {
        height: 100%;
        display: inline-flex;
        align-items: center;
        margin-left: 2rem;
        font-size: 1.1rem;
        font-weight: 400;
        padding: 0 1.5rem 0 0;
        border-bottom: none;
        position: relative
    }

    .cs-dropdown-switcher__trigger:after,
    .cs-dropdown-switcher__trigger:before {
        content: "";
        position: absolute;
        top: 50%;
        width: .7rem;
        height: .1rem;
        left: auto;
        background-color: #000;
        transition: transform .15s linear, right .15s linear, background-color .15s linear;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .cs-dropdown-switcher__trigger:before {
        transform: rotate(45deg) translateZ(0);
        right: .5rem
    }

    .cs-dropdown-switcher__trigger:after {
        transform: rotate(-45deg) translateZ(0);
        right: 0
    }

    .cs-dropdown-switcher__trigger.active:before {
        transform: rotate(-45deg)
    }

    .cs-dropdown-switcher__trigger.active:after {
        transform: rotate(45deg)
    }
}

.cs-dropdown-switcher__trigger.active {
    background: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: none;
    position: relative;
    width: 100%
}

@media (max-width:63.99em) {
    .cs-dropdown-switcher__trigger.active {
        padding: 2.4rem 2rem;
        border-style: none
    }
}

.cs-dropdown-switcher__trigger-span {
    display: flex;
    align-items: center
}

.cs-dropdown-switcher__list {
    margin: 0;
    padding: 0;
    display: none;
    list-style: none;
    font-size: 1.1rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #f0f0f0;
    border-top: 0 solid #f0f0f0;
    width: 100%
}

@media (min-width:64em) {
    .cs-dropdown-switcher__list {
        background: #fff;
        min-width: 100%
    }
}

.cs-dropdown-switcher__list-item {
    margin: 0;
    white-space: nowrap
}

.cs-dropdown-switcher__list-item-link {
    width: 100%;
    color: #212121 !important;
    display: flex;
    align-items: center
}

.cs-dropdown-switcher__list-item-link:hover {
    background-color: #f0f0f0;
    text-decoration: none
}

@media (max-width:63.99em) {
    .cs-dropdown-switcher__list-item-link {
        padding: 1.4rem 2rem;
        font-size: 1.4rem
    }
}

@media (min-width:64em) {
    .cs-dropdown-switcher__list-item-link {
        padding: .6rem 1.8rem;
        font-size: 1.1rem
    }
}

.cs-field,
.cs-input {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%
}

.cs-field__control,
.cs-input__control {
    width: 100%
}

.cs-field__label,
.cs-input__label {
    font-weight: 700;
    font-size: .85em;
    width: 100%;
    text-transform: none;
    color: inherit
}

.required .cs-field__label:after,
.required .cs-input__label:after {
    content: " *";
    color: #e41f12
}

.cs-field__input,
.cs-field__textarea,
.cs-input__input,
.cs-input__textarea {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    margin: 0 0 .2em;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit
}

.cs-field__input:focus:not([disabled]),
.cs-field__input:hover:not([disabled]),
.cs-field__textarea:focus:not([disabled]),
.cs-field__textarea:hover:not([disabled]),
.cs-input__input:focus:not([disabled]),
.cs-input__input:hover:not([disabled]),
.cs-input__textarea:focus:not([disabled]),
.cs-input__textarea:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.cs-field__input::-moz-placeholder,
.cs-field__textarea::-moz-placeholder,
.cs-input__input::-moz-placeholder,
.cs-input__textarea::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-field__input:-ms-input-placeholder,
.cs-field__textarea:-ms-input-placeholder,
.cs-input__input:-ms-input-placeholder,
.cs-input__textarea:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-field__input::placeholder,
.cs-field__textarea::placeholder,
.cs-input__input::placeholder,
.cs-input__textarea::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-field__input[disabled],
.cs-field__textarea[disabled],
.cs-input__input[disabled],
.cs-input__textarea[disabled] {
    opacity: .65
}

.cs-field__input.mage-error,
.cs-field__input.mage-error:hover:not(:focus),
.cs-field__textarea.mage-error,
.cs-field__textarea.mage-error:hover:not(:focus),
.cs-input__input.mage-error,
.cs-input__input.mage-error:hover:not(:focus),
.cs-input__textarea.mage-error,
.cs-input__textarea.mage-error:hover:not(:focus) {
    border: 1px solid #e41f12
}

.cs-field__select,
.cs-input__select {
    display: block;
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 2.3em .75em 1em;
    color: #212121;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 .2em;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent);
    background-repeat: no-repeat, repeat;
    background-position: right .8em top 52%, 0 0;
    background-size: .7em auto, 100%;
    transition: border-color .5s
}

.cs-field__select:-moz-focusring,
.cs-field__select::-moz-focus-inner,
.cs-input__select:-moz-focusring,
.cs-input__select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-field__select::-ms-expand,
.cs-input__select::-ms-expand {
    display: none
}

.cs-field__select:focus:not([disabled]),
.cs-field__select:hover:not([disabled]),
.cs-input__select:focus:not([disabled]),
.cs-input__select:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent)
}

.ie11 .cs-field__select:focus:not([disabled]),
.ie11 .cs-field__select:hover:not([disabled]),
.ie11 .cs-input__select:focus:not([disabled]),
.ie11 .cs-input__select:hover:not([disabled]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E")
}

.cs-field__select[disabled],
.cs-input__select[disabled] {
    opacity: .65
}

.cs-field__select option,
.cs-input__select option {
    font-weight: 500;
    padding: 0;
    color: initial
}

.ie11 .cs-field__select,
.ie11 .cs-input__select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E");
    background-size: .7em .7em, 100%
}

.cs-field__radio,
.cs-input__radio {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: -.0625em calc(.5em + 1px) 0 0;
    font-size: 1em;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1em 1em;
    outline: 0;
    border-radius: 50%;
    transition: background-color .5s, border-color .5s
}

.cs-field__radio::-ms-check,
.cs-input__radio::-ms-check {
    color: transparent;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1em 1em;
    outline: 0;
    border-radius: 50%;
    -ms-transition: background-color .5s, border-color .5s;
    transition: background-color .5s, border-color .5s;
    background-color: transparent
}

.cs-field__radio:-moz-focusring,
.cs-field__radio::-moz-focus-inner,
.cs-input__radio:-moz-focusring,
.cs-input__radio::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-field__radio:focus:not([disabled]),
.cs-field__radio:hover:not([disabled]),
.cs-input__radio:focus:not([disabled]),
.cs-input__radio:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.cs-field__radio:checked,
.cs-input__radio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='7' cx='7'/%3E%3C/svg%3E")
}

.cs-field__radio:checked::-ms-check,
.cs-input__radio:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='6.5' cx='6.5'/%3E%3C/svg%3E")
}

.cs-field__radio:checked,
.cs-field__radio:checked:focus,
.cs-field__radio:checked:hover,
.cs-input__radio:checked,
.cs-input__radio:checked:focus,
.cs-input__radio:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.cs-field__radio[disabled],
.cs-field__radio[disabled]+.cs-input__label,
.cs-field__radio[disabled]+.label,
.cs-input__radio[disabled],
.cs-input__radio[disabled]+.cs-input__label,
.cs-input__radio[disabled]+.label {
    opacity: .65
}

.cs-field__checkbox,
.cs-input__checkbox {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: -.0625em calc(.5em + 1px) 0 0;
    font-size: 1em;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    transition: background-color .5s, border-color .5s;
    border-radius: 3px;
    background-size: 1em 1em
}

.cs-field__checkbox::-ms-check,
.cs-input__checkbox::-ms-check {
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    -ms-transition: background-color .5s, border-color .5s;
    transition: background-color .5s, border-color .5s;
    background-color: transparent
}

.cs-field__checkbox:-moz-focusring,
.cs-field__checkbox::-moz-focus-inner,
.cs-input__checkbox:-moz-focusring,
.cs-input__checkbox::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-field__checkbox:focus:not([disabled]),
.cs-field__checkbox:hover:not([disabled]),
.cs-input__checkbox:focus:not([disabled]),
.cs-input__checkbox:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.cs-field__checkbox:checked,
.cs-input__checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='7' cx='7'/%3E%3C/svg%3E")
}

.cs-field__checkbox:checked::-ms-check,
.cs-input__checkbox:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='6.5' cx='6.5'/%3E%3C/svg%3E")
}

.cs-field__checkbox:checked,
.cs-field__checkbox:checked:focus,
.cs-field__checkbox:checked:hover,
.cs-input__checkbox:checked,
.cs-input__checkbox:checked:focus,
.cs-input__checkbox:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.cs-field__checkbox[disabled],
.cs-field__checkbox[disabled]+.cs-input__label,
.cs-field__checkbox[disabled]+.label,
.cs-input__checkbox[disabled],
.cs-input__checkbox[disabled]+.cs-input__label,
.cs-input__checkbox[disabled]+.label {
    opacity: .65
}

.cs-field__checkbox::-ms-check,
.cs-input__checkbox::-ms-check {
    color: transparent;
    border-radius: 3px;
    background-size: 1em 1em
}

.cs-field__checkbox:checked,
.cs-input__checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.cs-field__checkbox:checked::-ms-check,
.cs-input__checkbox:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.cs-field__checkbox.mage-error,
.cs-field__checkbox.mage-error:hover:not(:focus),
.cs-input__checkbox.mage-error,
.cs-input__checkbox.mage-error:hover:not(:focus) {
    border: 1px solid #e41f12
}

.cs-field__icon,
.cs-input__icon {
    position: absolute;
    width: 1.3em;
    height: 1.3em;
    right: .8em;
    top: .8em;
    display: none
}

.cs-field__note,
.cs-input__note {
    display: block;
    font-size: .85em;
    padding: .3em 0 0;
    color: #696969
}

.cs-field__error,
.cs-input__error {
    display: block;
    font-size: .85em;
    padding: .3em 0 0;
    color: #696969;
    color: #e41f12
}

.field {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%
}

.field._success:not(._warn) .control {
    position: relative
}

.field._success:not(._warn) .control:after {
    position: absolute;
    width: 1.3em;
    height: 1.3em;
    right: .8em;
    top: .8em;
    display: none;
    background: url(../images/check-green.svg) no-repeat 50%/contain;
    content: ""
}

.field .control {
    width: 100%
}

.field .control>textarea {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    margin: 0 0 .2em;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit
}

.field .control>textarea:focus:not([disabled]),
.field .control>textarea:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.field .control>textarea::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .control>textarea:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .control>textarea::placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .control>textarea[disabled] {
    opacity: .65
}

.field .label {
    font-weight: 700;
    font-size: .85em;
    width: 100%;
    text-transform: none;
    color: inherit
}

.field._required>.label:after,
.field.required>.label:after {
    content: " *";
    color: #e41f12
}

.field.required ._required>.label:after {
    display: none
}

.field .input-text {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    margin: 0 0 .2em;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit
}

.field .input-text:focus:not([disabled]),
.field .input-text:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.field .input-text::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .input-text:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .input-text::placeholder {
    opacity: 1;
    color: #ebebeb
}

.field .input-text[disabled] {
    opacity: .65
}

.field .input-text.mage-error,
.field .input-text.mage-error:hover:not(:focus) {
    border: 1px solid #e41f12
}

.field .input-text.required-entry {
    margin-bottom: 1rem
}

.field .select {
    display: block;
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 2.3em .75em 1em;
    color: #212121;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 .2em;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent);
    background-repeat: no-repeat, repeat;
    background-position: right .8em top 52%, 0 0;
    background-size: .7em auto, 100%;
    transition: border-color .5s
}

.field .select:-moz-focusring,
.field .select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.field .select::-ms-expand {
    display: none
}

.field .select:focus:not([disabled]),
.field .select:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent)
}

.ie11 .field .select:focus:not([disabled]),
.ie11 .field .select:hover:not([disabled]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E")
}

.field .select[disabled] {
    opacity: .65
}

.field .select option {
    font-weight: 500;
    padding: 0;
    color: initial
}

.ie11 .field .select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E");
    background-size: .7em .7em, 100%
}

.field .checkbox {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: -.0625em calc(.5em + 1px) 0 0;
    font-size: 1em;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    transition: background-color .5s, border-color .5s;
    border-radius: 3px;
    background-size: 1em 1em
}

.field .checkbox::-ms-check {
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    -ms-transition: background-color .5s, border-color .5s;
    transition: background-color .5s, border-color .5s;
    background-color: transparent
}

.field .checkbox:-moz-focusring,
.field .checkbox::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.field .checkbox:focus:not([disabled]),
.field .checkbox:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.field .checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='7' cx='7'/%3E%3C/svg%3E")
}

.field .checkbox:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='6.5' cx='6.5'/%3E%3C/svg%3E")
}

.field .checkbox:checked,
.field .checkbox:checked:focus,
.field .checkbox:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.field .checkbox[disabled],
.field .checkbox[disabled]+.cs-input__label,
.field .checkbox[disabled]+.label {
    opacity: .65
}

.field .checkbox::-ms-check {
    color: transparent;
    border-radius: 3px;
    background-size: 1em 1em
}

.field .checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.field .checkbox:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.field .checkbox.mage-error,
.field .checkbox.mage-error:hover:not(:focus) {
    border: 1px solid #e41f12
}

.field .radio {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: -.0625em calc(.5em + 1px) 0 0;
    font-size: 1em;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1em 1em;
    outline: 0;
    border-radius: 50%;
    transition: background-color .5s, border-color .5s
}

.field .radio::-ms-check {
    color: transparent;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1em 1em;
    outline: 0;
    border-radius: 50%;
    -ms-transition: background-color .5s, border-color .5s;
    transition: background-color .5s, border-color .5s;
    background-color: transparent
}

.field .radio:-moz-focusring,
.field .radio::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.field .radio:focus:not([disabled]),
.field .radio:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.field .radio:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='7' cx='7'/%3E%3C/svg%3E")
}

.field .radio:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='6.5' cx='6.5'/%3E%3C/svg%3E")
}

.field .radio:checked,
.field .radio:checked:focus,
.field .radio:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.field .radio[disabled],
.field .radio[disabled]+.cs-input__label,
.field .radio[disabled]+.label {
    opacity: .65
}

.field.customer-name-prefix select {
    display: block;
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 2.3em .75em 1em;
    color: #212121;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 .2em;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent);
    background-repeat: no-repeat, repeat;
    background-position: right .8em top 52%, 0 0;
    background-size: .7em auto, 100%;
    transition: border-color .5s
}

.field.customer-name-prefix select:-moz-focusring,
.field.customer-name-prefix select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.field.customer-name-prefix select::-ms-expand {
    display: none
}

.field.customer-name-prefix select:focus:not([disabled]),
.field.customer-name-prefix select:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E"), linear-gradient(0deg, transparent, transparent)
}

.ie11 .field.customer-name-prefix select:focus:not([disabled]),
.ie11 .field.customer-name-prefix select:hover:not([disabled]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23ff6101'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E")
}

.field.customer-name-prefix select[disabled] {
    opacity: .65
}

.field.customer-name-prefix select option {
    font-weight: 500;
    padding: 0;
    color: initial
}

.ie11 .field.customer-name-prefix select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9' fill='%23dcdcdc'%3E%3Cpath d='M0 1.2C0 .5.6 0 1.2 0c.3 0 .6.1.8.3l6 5.9 6-5.9c.5-.4 1.2-.3 1.7.1.4.4.4 1.1 0 1.5L8.9 8.7c-.5.4-1.2.4-1.7 0L.4 2a.9.9 0 01-.4-.8z'/%3E%3C/svg%3E");
    background-size: .7em .7em, 100%
}

.field.field-dob input {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    margin: 0 0 .2em;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit
}

.field.field-dob input:focus:not([disabled]),
.field.field-dob input:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.field.field-dob input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field.field-dob input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.field.field-dob input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.field.field-dob input[disabled] {
    opacity: .65
}

.field.field-dob input.mage-error,
.field.field-dob input.mage-error:hover:not(:focus) {
    border: 1px solid #e41f12
}

.field.field-dob button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.field.field-dob button:after,
.field.field-dob button:before {
    content: none
}

.field.field-dob button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.field.field-dob button,
.field.field-dob button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.field.field-dob button *,
.field.field-dob button:visited * {
    color: #ff6101;
    fill: #ff6101
}

.field.field-dob button:active:not([disabled]),
.field.field-dob button:focus:not([disabled]),
.field.field-dob button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.field.field-dob button:active:not([disabled]) *,
.field.field-dob button:focus:not([disabled]) *,
.field.field-dob button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.field.field-dob button[disabled] {
    opacity: .65;
    cursor: auto
}

.field.field-dob button span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.field._error .checkbox,
.field._error .checkbox:hover:not(:focus),
.field._error .input-text,
.field._error .input-text:hover:not(:focus) {
    border: 1px solid #e41f12
}

.field .control._with-tooltip input {
    width: 100%;
    margin-right: 0
}

.field .field-tooltip {
    position: static
}

.field .field-tooltip .field-tooltip-action,
.field .field-tooltip .label {
    display: none
}

.field .field-tooltip .field-tooltip-content {
    position: static;
    background: none;
    border: none;
    display: block;
    font-size: .85em;
    padding: .3em 0 0;
    color: #696969
}

.field .field-tooltip .field-tooltip-content:after,
.field .field-tooltip .field-tooltip-content:before {
    display: none
}

.field .note {
    color: #696969
}

.field .note,
div.field-error,
div.mage-error {
    display: block;
    font-size: .85em;
    padding: .3em 0 0
}

div.field-error,
div.mage-error {
    color: #696969;
    color: #e41f12
}

.cs-footer {
    font-size: 1rem;
    color: #fff;
    background: #333;
    overflow: hidden;
    padding: 0 0 2rem
}

@media (min-width:48em) {
    .cs-footer {
        padding: 0 1.5rem
    }
}

.cs-footer__content {
    padding: 0
}

@media (min-width:48em) {
    .cs-footer__content {
        display: flex;
        flex-wrap: wrap;
        padding-top: 4rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width:64em) {
    .cs-footer__content {
        flex-wrap: nowrap
    }
}

@media (min-width:64em) {
    .cs-footer__item {
        flex: 1 1
    }
}

.cs-footer__item--promo {
    flex-basis: 100%
}

@media (max-width:47.99em) {
    .cs-footer__item--promo {
        display: none
    }
}

@media (max-width:63.99em) {
    .cs-footer__item--promo {
        margin-bottom: 1.5rem
    }
}

@media (min-width:64em) {
    .cs-footer__item--promo {
        flex-basis: auto;
        flex-grow: 1;
        max-width: 25%;
        margin-right: 3em
    }
}

.cs-footer__item--promo a,
.cs-footer__item--promo a:visited {
    color: #fff;
    text-decoration: none
}

.cs-footer__item--promo a:focus,
.cs-footer__item--promo a:hover,
.cs-footer__item--promo a:visited:focus,
.cs-footer__item--promo a:visited:hover {
    color: #fff;
    text-decoration: underline
}

.cs-footer__item--links {
    flex-direction: column
}

@media (min-width:48em) {
    .cs-footer__item--links {
        display: flex;
        flex-basis: 100%;
        margin-top: 1.5em;
        margin-top: 0
    }
}

@media (min-width:64em) {
    .cs-footer__item--links {
        flex-basis: auto;
        flex-grow: 5;
        flex-wrap: wrap;
        flex-direction: row
    }
}

@media (min-width:48em) {
    .cs-footer__item--extras {
        display: flex;
        flex-basis: 100%
    }
}

@media (min-width:64em) {
    .cs-footer__item--extras {
        display: block;
        flex-basis: 25%;
        flex-grow: 2
    }
}

@media (min-width:48em) {
    .cs-footer__section {
        flex: 1 1
    }
}

.cs-footer__section--last {
    flex-basis: 100%
}

.cs-footer [data-role=title],
.cs-footer__section-title {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.5rem;
    color: #212121;
    font-weight: 700;
    position: relative;
    margin: 0;
    padding: 1.5em 1.5rem;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .08rem
}

@media (max-width:47.99em) {

    .cs-footer__section[data-collapsible] .cs-footer [data-role=title],
    .cs-footer__section[data-collapsible] .cs-footer__section-title,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title],
    .cs-footer__section[data-mage-init] .cs-footer__section-title {
        cursor: pointer;
        position: relative
    }

    .cs-footer__section[data-collapsible] .cs-footer [data-role=title]:after,
    .cs-footer__section[data-collapsible] .cs-footer [data-role=title]:before,
    .cs-footer__section[data-collapsible] .cs-footer__section-title:after,
    .cs-footer__section[data-collapsible] .cs-footer__section-title:before,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title]:after,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title]:before,
    .cs-footer__section[data-mage-init] .cs-footer__section-title:after,
    .cs-footer__section[data-mage-init] .cs-footer__section-title:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 1.2rem;
        height: .2rem;
        left: auto;
        background-color: #ebebeb;
        transition: transform .3s ease-out, opacity .15s ease-out, background-color .15s linear;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        right: 1.5rem;
        transform: translate3d(0, -50%, 0) !important
    }

    .cs-footer__section[data-collapsible] .cs-footer [data-role=title]:after,
    .cs-footer__section[data-collapsible] .cs-footer__section-title:after,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title]:after,
    .cs-footer__section[data-mage-init] .cs-footer__section-title:after {
        transform: translate3d(0, -50%, 0) rotate(90deg) !important
    }

    .cs-footer__section[data-collapsible] .cs-footer [data-role=title][aria-expanded=true]:before,
    .cs-footer__section[data-collapsible] .cs-footer__section-title[aria-expanded=true]:before,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title][aria-expanded=true]:before,
    .cs-footer__section[data-mage-init] .cs-footer__section-title[aria-expanded=true]:before {
        transform: translate3d(0, -50%, 0) rotate(-90deg) !important;
        opacity: 0
    }

    .cs-footer__section[data-collapsible] .cs-footer [data-role=title][aria-expanded=true]:after,
    .cs-footer__section[data-collapsible] .cs-footer__section-title[aria-expanded=true]:after,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=title][aria-expanded=true]:after,
    .cs-footer__section[data-mage-init] .cs-footer__section-title[aria-expanded=true]:after {
        transform: translate3d(0, -50%, 0) rotate(0) !important
    }

    .cs-footer__section--socials .cs-footer [data-role=title],
    .cs-footer__section--socials .cs-footer__section-title {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

@media (min-width:48em) {

    .cs-footer [data-role=title],
    .cs-footer__section-title {
        border-top: none;
        padding-left: 0
    }
}

@media (min-width:64em) {

    .cs-footer [data-role=title],
    .cs-footer__section-title {
        padding-top: 0;
        padding-right: 0
    }
}

.cs-footer [data-role=content],
.cs-footer__section-content {
    padding: 0 1.5rem 1.5rem;
    font-size: 1.2em
}

@media (max-width:47.99em) {

    .cs-footer__section[data-collapsible] .cs-footer [data-role=content],
    .cs-footer__section[data-collapsible] .cs-footer__section-content,
    .cs-footer__section[data-mage-init] .cs-footer [data-role=content],
    .cs-footer__section[data-mage-init] .cs-footer__section-content {
        display: none
    }
}

@media (min-width:48em) {

    .cs-footer [data-role=content],
    .cs-footer__section-content {
        padding-left: 0
    }
}

@media (min-width:64em) {

    .cs-footer [data-role=content],
    .cs-footer__section-content {
        padding-right: 0;
        padding-bottom: 0
    }
}

.cs-footer__shop-logo {
    display: block;
    width: 25.5em;
    height: 6.1em;
    min-width: 25.5em;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 2rem
}

.cs-footer-top {
    background-color: #fff;
    margin: 0 -1.5rem;
    padding: 0 1.5rem
}

.cs-footer-top__image {
    display: none
}

@media (min-width:80em) {
    .cs-footer-top__image {
        display: block;
        min-width: 30rem
    }
}

.cs-footer-top__section {
    background-color: #f0fbff;
    margin: 2rem 0;
    display: flex
}

.cs-footer-top__content {
    padding: 2.9rem 4rem;
    color: #333;
    font-size: 1.8rem;
    line-height: 2.8rem
}

.cs-footer-top__content h3 {
    margin: 1rem 0;
    font-size: 1.6rem
}

.cs-footer-top__content a {
    color: #ff6101
}

.cs-footer-top__content a:hover {
    color: #ff6101;
    text-decoration: underline
}

.cs-footer-top__content p {
    margin: 1.5rem 0
}

.cs-footer-top__content p img {
    display: inline-block;
    vertical-align: middle
}

.cs-container--footer {
    max-width: none
}

.cs-container__inner {
    max-width: 114rem
}

.contact-row {
    margin-bottom: 2rem
}

.contact-row__headline {
    font-size: 1.4rem
}

.contact-row__paragraph {
    font-size: 1.5rem
}

.contact-row__paragraph--small {
    font-size: 1.1rem
}

.contact-row__paragraph--small a {
    float: right
}

.cs-footer-payments {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.cs-footer-payments__item {
    list-style: none;
    margin-right: 1em;
    margin-bottom: 1em
}

.info-side-bar {
    cursor: pointer;
    position: fixed;
    right: 0;
    display: none;
    color: #fff;
    background: #333;
    transition: background .3s ease-in, font .3s ease-in;
    opacity: .8;
    z-index: 1000;
    bottom: 20.5rem;
    transform: translateY(-50%)
}

@media (min-width:80em) {
    .info-side-bar {
        display: block
    }
}

.info-side-bar:hover {
    opacity: 1
}

.info-side-bar>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.info-side-bar>ul>li {
    width: 9.2rem;
    height: 8.4rem
}

.info-side-bar>ul>li.expandable {
    overflow: hidden;
    position: relative
}

.info-side-bar>ul>li.expandable .icon-container {
    width: 9.2rem;
    height: 8.4rem;
    background-color: #333
}

.info-side-bar>ul>li.expandable .icon-container i {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin-left: 2.1rem
}

.info-side-bar>ul>li.expandable .icon-container span.title {
    display: block;
    text-align: center;
    width: 8rem;
    font-size: 1.2rem;
    margin: 0 6px;
    padding-bottom: 4px;
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .7)
}

.info-side-bar>ul>li.expandable.last .icon-container>span.title {
    border: 0
}

.info-side-bar>ul>li.expandable>div.hover-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in;
    width: 30rem;
    margin-left: 0
}

.info-side-bar>ul>li.expandable>div.hover-menu span.desc {
    position: absolute;
    top: 5px;
    left: 50px;
    display: none;
    width: 250px;
    z-index: -1
}

@media (min-width:80em) {
    .info-side-bar>ul>li.expandable>div.hover-menu span.desc {
        display: block
    }
}

.info-side-bar>ul>li.expandable>div.hover-menu a {
    cursor: pointer;
    color: #fff;
    display: block;
    position: relative;
    z-index: -1
}

.info-side-bar>ul>li.expandable>div.hover-menu a strong {
    font-weight: 500
}

.info-side-bar>ul>li.expandable>div.hover-menu i {
    display: inline-block;
    width: 50px;
    height: 50px;
    transition: margin .3s ease-in
}

.info-side-bar>ul>li.expandable:hover {
    overflow: visible
}

.info-side-bar>ul>li.expandable:hover>div.hover-menu {
    display: block;
    width: 300px;
    z-index: -1;
    position: absolute;
    margin-left: -300px;
    background: #333
}

.info-side-bar>ul>li.expandable:hover>.icon-container {
    height: 50px;
    width: 50px;
    position: relative;
    z-index: 1001;
    background-color: #333
}

.info-side-bar>ul>li.expandable:hover>div span.desc {
    display: inline-block
}

.info-side-bar>ul>li i.icon:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50%
}

.info-side-bar>ul>li span.top-span {
    line-height: 40px
}

.info-side-bar>ul>li>div i.icon.mail:before {
    background-image: url(../images/sidebar/side-bar-mail.png)
}

.info-side-bar>ul>li>div i.icon.top:before {
    background-image: url(../images/sidebar/side-bar-top.png)
}

.info-side-bar>ul>li>div i.icon.fax:before {
    background-image: url(../images/sidebar/side-bar-fax.png)
}

.info-side-bar>ul>li>div i.icon.phone:before {
    background-image: url(../images/sidebar/side-bar-phone.png)
}

.info-side-bar>ul>li>div i.icon.knowledge-2:before {
    background-image: url(../images/sidebar/side-bar-knowledge-2.png);
    background-size: 30px auto
}

.info-side-bar>ul>li i.icon.knowledge:before {
    background-image: url(../images/sidebar/side-bar-knowledge.png);
    background-size: 30px auto
}

.info-side-bar>ul>li li i.icon.knowledge-1:before {
    background-image: url(../images/sidebar/side-bar-knowledge-1.png);
    background-size: 30px auto
}

.cs-footer-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-footer-links__item {
    margin: 0 0 .3em
}

.cs-footer-links a,
.cs-footer-links a:visited {
    color: #fff;
    text-decoration: none
}

.cs-footer-links a:focus,
.cs-footer-links a:hover,
.cs-footer-links a:visited:focus,
.cs-footer-links a:visited:hover {
    color: #fff;
    text-decoration: underline
}

.cs-footer-links a,
.cs-footer-links a:visited {
    display: block;
    padding: .5em 0;
    font-size: 1.2rem;
    line-height: 1.2rem
}

@media (min-width:48em) {

    .cs-footer-links a,
    .cs-footer-links a:visited {
        padding: .35em 0;
        display: inline-block
    }
}

.cs-headline {
    font-size: 1rem;
    clear: both;
    padding: 0;
    margin: 0 0 3rem
}

@media (min-width:48em) {
    .cs-headline {
        margin: 0 0 4rem
    }
}

.cs-headline--skip-spacing {
    margin: 0
}

.cs-headline__title {
    display: block;
    text-align: center;
    align-items: center;
    margin: 0;
    font-size: 2.6em;
    font-weight: 700;
    color: #212121;
    text-transform: uppercase
}

@media (min-width:48em) {
    .cs-headline__title {
        display: flex
    }
}

.cs-headline__subtitle {
    color: #ebebeb;
    font-size: 1.3em;
    font-weight: 400;
    text-transform: none;
    margin: 0;
    display: none;
    text-align: center
}

@media (min-width:48em) {
    .cs-headline__subtitle {
        display: block
    }
}

.cs-header {
    font-size: 1rem
}

@media (min-width:80em) {
    .cs-header {
        height: 11rem
    }
}

.cs-header__content {
    z-index: 300;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    will-change: z-index, height, position;
    background-color: #fff;
    position: relative;
    max-width: 100vw;
    top: 0
}

@media (min-width:48em) {
    .cs-header__content {
        height: 8rem
    }
}

@media (min-width:64em) {
    .cs-header__content {
        border-bottom: 1px solid #f0f0f0;
        flex-wrap: nowrap
    }
}

@media (min-width:80em) {
    .cs-header__content {
        height: 11rem
    }
}

.cs-header__offcanvas-toggle {
    height: 100%;
    flex: 0 1 4rem
}

.cs-header__logo {
    flex: 1 1;
    height: 100%
}

.page-print .cs-header__logo {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
    padding: 2rem 0
}

.page-print .cs-header__logo:after {
    content: "";
    display: table;
    clear: both
}

.cs-header__search {
    display: none;
    padding: 1rem
}

@media (min-width:64em) {
    .cs-header__search {
        flex-grow: 1;
        width: auto;
        padding: 0;
        position: static;
        margin-left: 2rem !important;
        justify-content: center
    }

    .ie11 .cs-header__search {
        position: inherit;
        top: inherit
    }
}

.cs-header__back-button {
    border-right: 1px solid #dcdcdc;
    height: 100%;
    display: flex;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
    min-width: 4rem
}

@media (min-width:23.125em) {
    .cs-header__back-button {
        padding: 0 1.5rem
    }
}

@media (min-width:48em) {
    .cs-header__back-button {
        display: none
    }
}

.cs-header__back-button-icon {
    fill: #ebebeb;
    height: 2.5rem
}

@media (max-width:23.115em) {
    .cs-header__back-button-icon {
        height: 2rem
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-header {
        margin-bottom: 50px
    }
}

@media (max-width:47.99em) {
    .cs-header {
        margin-bottom: 38px
    }
}

.cs-header__content {
    height: 6rem;
    background-color: #222;
    border: 0
}

@media (min-width:48em) {
    .cs-header__content {
        height: 8rem;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:80em) {
    .cs-header__content {
        height: 11rem;
        border: 0
    }
}

.cs-header__logo {
    display: flex;
    flex: inherit;
    margin-bottom: 0;
    height: 90%;
    padding: .7rem 0 .7rem .7rem
}

@media (min-width:23.125em) {
    .cs-header__logo {
        padding: .7rem 0 .7rem 1.5rem
    }
}

@media (min-width:48em) {
    .cs-header__logo {
        flex: 0 1 auto;
        padding: 0
    }
}

.cs-header__offcanvas-toggle {
    position: absolute;
    width: 80px;
    height: 50px;
    left: 0;
    top: 100%;
    margin-top: 2px;
    z-index: 350
}

@media (min-width:64em) {
    .cs-header__offcanvas-toggle {
        display: none
    }
}

@media (max-width:47.99em) {
    .cs-header__offcanvas-toggle {
        height: 38px;
        width: 60px
    }
}

.cs-header__search {
    display: flex;
    width: 100%;
    background-color: #fff;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 300;
    border-top: 2px solid #ff6101;
    border-bottom: 2px solid #ff6101;
    top: 100%
}

@media (min-width:64em) {
    .cs-header__search {
        flex-grow: 1;
        width: auto;
        position: static;
        margin-left: 2rem !important;
        justify-content: center;
        border: 0
    }

    .ie11 .cs-header__search {
        position: inherit;
        top: inherit
    }
}

.cs-header__search--active {
    display: flex
}

@media (min-width:64em) {
    .cs-header__search {
        display: flex;
        position: relative;
        padding: 0;
        top: auto
    }
}

.cs-header__user-nav {
    display: flex;
    justify-content: flex-end;
    flex: 0 1 30%
}

@media (min-width:64em) {
    .cs-header__user-nav {
        flex: 0 1 25%
    }
}

@media (max-width:63.99em) {
    .cs-container--header {
        padding-left: 0;
        padding-right: 0
    }
}

.amquote-cart-wrapper {
    order: 10;
    max-width: 70px;
    height: 30px
}

.amquote-cart-wrapper.-active .block-quotecart {
    position: relative !important;
    width: 100%;
    margin-bottom: 0
}

.amquote-cart-wrapper #quotecart-content-wrapper {
    background: #fff
}

.amquote-cart-wrapper .block-title,
.amquote-cart-wrapper .subtitle {
    display: none
}

.amquote-cart-wrapper .minicart-items {
    list-style: none;
    padding: 0;
    margin: 0
}

.amquote-cart-wrapper .minicart-items-wrapper {
    height: auto !important
}

.amquote-cart-wrapper #btn-quotecart-close {
    font-size: 0;
    position: absolute;
    top: 5px;
    right: -15px;
    background: #fff;
    border: 0;
    width: 10px;
    height: 10px
}

.amquote-cart-wrapper #btn-quotecart-close:after,
.amquote-cart-wrapper #btn-quotecart-close:before {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #bbb;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.amquote-cart-wrapper #btn-quotecart-close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.amquote-cart-wrapper .actions button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.amquote-cart-wrapper .actions button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.amquote-cart-wrapper .actions button,
.amquote-cart-wrapper .actions button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.amquote-cart-wrapper .actions button *,
.amquote-cart-wrapper .actions button:visited * {
    color: #fff;
    fill: #fff
}

.amquote-cart-wrapper .actions button:active:not([disabled]),
.amquote-cart-wrapper .actions button:focus:not([disabled]),
.amquote-cart-wrapper .actions button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.amquote-cart-wrapper .actions button:active:not([disabled]) *,
.amquote-cart-wrapper .actions button:focus:not([disabled]) *,
.amquote-cart-wrapper .actions button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.amquote-cart-wrapper .actions button[disabled] {
    opacity: .65;
    cursor: auto
}

.amquote-cart-wrapper .actions button#top-quotecart-button {
    width: 100%
}

.amquote-cart-wrapper .items-total,
.amquote-cart-wrapper .subtotal {
    font-size: 12px
}

.amquote-cart-wrapper .quotecart__top {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    justify-content: space-between
}

.amquote-cart-wrapper .quotecart__top .price {
    font-size: 12px;
    padding-left: 3px
}

.amquote-cart-wrapper .items-total {
    order: 2;
    text-align: right
}

.amquote-cart-wrapper .subtotal {
    order: 1;
    display: flex;
    flex-direction: row
}

.amquote-cart-wrapper .cs-qty-increment .cs-qty-increment__button {
    display: none
}

.amquote-cart-wrapper .cart-item-qty {
    border: 1px solid #ddd
}

.amquote-cart-wrapper .cart-item-qty:hover {
    border: 1px solid #ddd !important
}

.amquote-cart-wrapper .cs-minicart-product__qty-button {
    width: auto;
    max-width: none;
    padding: 5px !important
}

.amquote-cart-wrapper .cs-minicart-product__qty-button span {
    display: block;
    font-size: 10px
}

@media (min-width:64em) {
    .cs-header-search {
        width: 50%
    }
}

.cs-header-search--in-offcanvas {
    position: relative
}

.cs-header-search__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-header-search__field {
    position: relative
}

.cs-header-search__field:after,
.cs-header-search__field:before {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity .3s;
    left: -.5rem;
    right: -.5rem;
    background: #fff
}

.cs-header-search__field:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17);
    top: -.5rem;
    bottom: -.5rem;
    border-radius: 5px 5px 0 0
}

.cs-header-search__field:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    top: 100%;
    z-index: 209
}

.active-popup .cs-header-search__field:after,
.active-popup .cs-header-search__field:before {
    opacity: 1
}

.cs-header-search__input {
    padding: .75em 1em;
    border: 1px solid #dcdcdc;
    font-size: 1.4rem
}

.cs-header-search__action {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 220;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cs-header-search__close-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
    display: block;
    opacity: .6;
    transition: opacity .3s linear
}

.cs-header-search__close-icon:hover {
    cursor: pointer;
    opacity: 1
}

@media (min-width:64em) {
    .cs-header-search__close-icon {
        display: none
    }
}

.cs-header-search__close-icon path {
    fill: #ebebeb
}

.cs-header-search__close-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-header-search__button-container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform .5s cubic-bezier(0, .66, .32, .99), opacity .15s linear
}

.cs-header-search__button-container--search {
    transform: translateX(0)
}

.cs-header-search__button-container--loader {
    transform: translateX(100%)
}

.cs-header-search__button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    width: 5rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: skew(-18deg) translateX(.7rem)
}

.cs-header-search__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-header-search__button,
.cs-header-search__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-header-search__button *,
.cs-header-search__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-header-search__button:active:not([disabled]),
.cs-header-search__button:focus:not([disabled]),
.cs-header-search__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-header-search__button:active:not([disabled]) *,
.cs-header-search__button:focus:not([disabled]) *,
.cs-header-search__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-header-search__button[disabled] {
    opacity: .65;
    cursor: auto;
    opacity: 1
}

.cs-header-search__button-icon {
    transform: skew(18deg) translateX(-.3rem)
}

.cs-header-search__button-icon--search path {
    fill: #fff
}

.cs-header-search__button-icon--loader {
    stroke: #fff;
    width: 3.2rem;
    height: 3.2rem
}

.cs-header-search__button-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-header-search__autocomplete {
    width: calc(100% - 1rem);
    left: .5rem;
    right: .5rem
}

@media (max-width:47.99em) {
    .cs-header-search__autocomplete {
        max-height: calc(100vh - 6rem - 1.275em - 7rem);
        overflow-y: auto
    }
}

@media (min-width:64em) {
    .cs-header-search__autocomplete {
        margin-top: .5rem;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .17);
        border: 0;
        width: 100%
    }
}

.cs-header-search {
    width: 100%
}

@media (min-width:64em) {
    .cs-header-search {
        width: 100%
    }
}

@media (max-width:63.99em) {
    .cs-header-search {
        padding-left: 80px
    }
}

#maincontent table {
    max-width: 500px
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 0.5rem 1rem
}

@media (max-width:47.99em) {
    .cs-header-search {
        padding-left: 60px
    }

    #maincontent table {
        max-width: 340px;
        overflow-x: auto;
    }

    .cs-header-search__field:after,
    .cs-header-search__field:before {
        display: none
    }
}

@media (max-width:63.99em) {
    .cs-header-search__field {
        border-left: 2px solid #ff6101
    }
}

.cs-header-search__input {
    font-size: 1em;
    line-height: 1.275em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    box-shadow: none;
    transition: border-color .5s;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit;
    font-size: 16px;
    position: relative;
    z-index: 210;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    padding: 15px 140px 15px 10px;
    height: 50px
}

.cs-header-search__input:focus:not([disabled]),
.cs-header-search__input:hover:not([disabled]) {
    border: 1px solid #ff6101
}

.cs-header-search__input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-header-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-header-search__input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-header-search__input[disabled] {
    opacity: .65
}

@media (max-width:63.99em) {
    .cs-header-search__input {
        padding: 15px 60px 15px 10px
    }
}

@media (max-width:47.99em) {
    .cs-header-search__input {
        height: 38px
    }
}

.cs-header-search__input:focus:not([disabled]),
.cs-header-search__input:hover:not([disabled]) {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.cs-header-search__input:focus {
    border: 0;
    border-radius: 0
}

.ajax-loading .cs-header-search__input:focus+.cs-header-search__action .cs-header-search__button-container--search {
    transform: translateX(100%);
    opacity: 0
}

.ajax-loading .cs-header-search__input:focus+.cs-header-search__action .cs-header-search__button-container--loader {
    transform: translateX(0);
    opacity: 1
}

.cs-header-search__action {
    border-radius: 0
}

.cs-header-search__button {
    border-radius: 0;
    background: #ff6101;
    width: auto;
    min-width: 130px;
    transform: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300
}

.cs-header-search__button:focus,
.cs-header-search__button:hover {
    background: #ff6101
}

@media (max-width:63.99em) {
    .cs-header-search__button {
        background: none;
        min-width: 50px
    }

    .cs-header-search__button * {
        color: #000;
        fill: #000 !important
    }
}

.cs-header-search__button-icon {
    transform: none
}

.cs-header-search__button-icon--search {
    width: 2rem;
    height: 2rem;
    margin-right: 5px
}

.cs-header-search__button-label {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: static;
    width: auto;
    white-space: normal;
    position: relative
}

@media (max-width:63.99em) {
    .cs-header-search__button-label {
        display: none
    }
}

.lazyload,
.lazyloading,
.swiper-lazy {
    opacity: .001
}

.lazyloaded,
.swiper-lazy-loaded {
    opacity: 1;
    transition: opacity .2s
}

.cs-links-block-addto {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.page-product-bundle .cs-links-block-addto {
    margin-top: 1rem
}

.cs-product-tile__addon .cs-links-block-addto {
    padding-top: 0
}

.cs-links-block-addto--centered {
    justify-content: center
}

.cs-links-block-addto__item {
    margin: 0
}

.cs-links-block-addto__item+.cs-links-block-addto__item {
    margin-top: .5rem
}

.cs-links-block-addto__item:nth-child(2n) {
    text-align: right
}

.cs-links-block-addto__item:nth-child(2n) .cs-links-block-addto__icon {
    order: 2;
    margin-left: .5rem
}

.cs-links-block-addto__link {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #ff6101;
    transition: color .15s linear
}

.cs-links-block-addto__link:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-links-block-addto__icon {
    width: 1.375em;
    height: 1.375em;
    margin-right: .4rem
}

.cs-links-block-addto__icon path {
    fill: #ebebeb
}

.cs-links-block-addto__icon--wishlist path {
    fill: #e41f12
}

.cs-links-block-addto__icon--compare path {
    fill: #ff6101
}

.cs-logo,
.cs-logo__image {
    height: 100%
}

.cs-logo__image--desktop {
    display: none
}

.checkout-index-index .cs-logo__image--desktop {
    display: block
}

@media (min-width:48em) {
    .cs-logo__image--desktop {
        display: block
    }
}

.cs-logo__image--mobile {
    display: block
}

@media (min-width:48em) {
    .cs-logo__image--mobile {
        display: none
    }
}

.checkout-index-index .cs-logo__image--mobile {
    display: none
}

.cs-logo {
    height: auto;
    margin: auto
}

.cs-logo__image {
    height: 56px;
    width: auto
}

@media (max-width:47.99em) {
    .cs-logo__image {
        height: 40px
    }
}

.messages {
    max-width: 120rem;
    margin: 0 auto
}

.cs-messages__message,
.message {
    margin: 1rem 0;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 1.2rem;
    background-size: 2rem 2rem;
    padding: 1.2rem 1rem 1rem 4.3rem
}

.cs-messages__message--success,
.message.success {
    background-color: #d5efd7;
    background-image: url(../images/icons/messages/icon-success.svg);
    border: none
}

.cs-messages__message--notice,
.message.warning {
    background-color: #fdf4ca;
    background-image: url(../images/icons/messages/icon-warning.svg);
    border: none
}

.cs-messages__message--info,
.message.info,
.message.notice {
    background-color: #fdf4ca;
    background-image: url(../images/icons/messages/icon-info.svg);
    border: none
}

.cs-messages__message--error,
.message.error {
    background-color: #f8d0ce;
    background-image: url(../images/icons/messages/icon-error.svg);
    border: none
}

.cs-messages__text,
.message span {
    color: #696969;
    font-size: 1.4rem
}

.cs-messages--space-top {
    margin-top: 1.5rem
}

.cs-minicart__close {
    display: inline-block;
    background: none;
    box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    font-weight: 400;
    position: absolute;
    right: -1.5rem;
    width: 5rem;
    height: 5rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.cs-minicart__close:active,
.cs-minicart__close:focus,
.cs-minicart__close:hover {
    background: transparent;
    border: none;
    color: inherit
}

.cs-minicart__close-icon {
    position: relative;
    position: absolute;
    top: 15px;
    right: -8px;
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    display: inline-block
}

.cs-minicart__close-icon:after,
.cs-minicart__close-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 2px;
    left: auto;
    background-color: #484848;
    transition: transform .3s ease-out, opacity .15s ease-out, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-minicart__close-icon:hover:after,
.cs-minicart__close-icon:hover:before {
    background-color: #696969
}

.cs-minicart__close-icon[aria-expanded=true]:after,
.cs-minicart__close-icon[aria-expanded=true]:before {
    background-color: #ebebeb
}

.cs-minicart__close-icon:after,
.cs-minicart__close-icon:before {
    right: 1.5rem;
    transform: translate3d(0, -50%, 0) !important
}

.cs-minicart__close-icon:after {
    transform: translate3d(0, -50%, 0) rotate(90deg) !important
}

.cs-minicart__close-icon[aria-expanded=true]:before {
    transform: translate3d(0, -50%, 0) rotate(-90deg) !important;
    opacity: 0
}

.cs-minicart__close-icon[aria-expanded=true]:after {
    transform: translate3d(0, -50%, 0) rotate(0) !important
}

.cs-minicart__close-text {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.cs-minicart__title {
    display: none
}

.cs-minicart__title-wrapper {
    position: relative;
    padding: 2rem 0;
    display: flex;
    color: #212121;
    font-weight: 700;
    font-size: 1.8rem;
    margin: 0
}

.cs-minicart__items-total {
    margin-left: .5rem
}

.cs-minicart__items-total:before {
    content: "("
}

.cs-minicart__items-total:after {
    content: ")"
}

.cs-minicart__edit-link {
    font-weight: 700
}

.cs-minicart__edit-link .cs-link__icon {
    padding: 0 0 0 1rem
}

.cs-minicart__content {
    height: auto !important;
    background-color: #fff;
    position: relative
}

.cs-minicart__content .load.indicator:before {
    height: unset
}

.cs-minicart__list {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.cs-minicart__list--scroll {
    height: auto !important;
    max-height: calc(100vh - 36rem);
    overflow-y: auto
}

.cs-minicart__list--scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.cs-minicart__list--scroll::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 4px
}

.cs-minicart__list--scroll::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 4px
}

.cs-minicart__list--scroll::-webkit-scrollbar-thumb:hover {
    background: #bbb
}

@media (min-width:48em) {
    .cs-minicart__list--scroll {
        max-height: calc(100vh - 38rem)
    }

    .is-tablet .cs-minicart__list--scroll {
        max-height: calc(100vh - 43rem)
    }
}

.cs-minicart__list-item {
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 0
}

.cs-minicart__list-item:last-child {
    border-bottom: none
}

.cs-minicart__actions-wrapper {
    padding: 2rem 0;
    position: relative
}

.cs-minicart__actions-wrapper--empty {
    display: none
}

.cs-minicart__actions {
    margin-top: 1rem
}

.cs-minicart__actions:first-child {
    margin-top: 0
}

.cs-minicart__empty {
    padding: 2rem 0;
    display: inline-block;
    font-size: 1.4rem;
    text-align: center
}

.cs-minicart__subtotal {
    font-weight: 700;
    font-size: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem
}

.cs-minicart__subtotal-price .price {
    font-weight: 700;
    font-size: 1.5rem !important
}

.cs-minicart__button-checkout {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    width: 100%;
    display: none
}

.cs-minicart__button-checkout:active,
.cs-minicart__button-checkout:focus,
.cs-minicart__button-checkout:hover {
    background-color: #ff6101 !important
}

.cs-minicart__button-checkout:after,
.cs-minicart__button-checkout:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-minicart__button-checkout:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-minicart__button-checkout:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-minicart__button-checkout:hover:after {
    width: calc(100% + 2px)
}

.cs-minicart__button-checkout::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-minicart__button-checkout,
.cs-minicart__button-checkout:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart__button-checkout *,
.cs-minicart__button-checkout:visited * {
    color: #fff;
    fill: #fff
}

.cs-minicart__button-checkout:active:not([disabled]),
.cs-minicart__button-checkout:focus:not([disabled]),
.cs-minicart__button-checkout:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart__button-checkout:active:not([disabled]) *,
.cs-minicart__button-checkout:focus:not([disabled]) *,
.cs-minicart__button-checkout:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-minicart__button-checkout[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-minicart__button-checkout-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-minicart__button-checkout-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-minicart__button-viewcart {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    width: 100%
}

.cs-minicart__button-viewcart:after,
.cs-minicart__button-viewcart:before {
    content: none
}

.cs-minicart__button-viewcart::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-minicart__button-viewcart,
.cs-minicart__button-viewcart:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.cs-minicart__button-viewcart *,
.cs-minicart__button-viewcart:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-minicart__button-viewcart:active:not([disabled]),
.cs-minicart__button-viewcart:focus:not([disabled]),
.cs-minicart__button-viewcart:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart__button-viewcart:active:not([disabled]) *,
.cs-minicart__button-viewcart:focus:not([disabled]) *,
.cs-minicart__button-viewcart:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-minicart__button-viewcart[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-minicart__button-viewcart-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-minicart__button-viewcart-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-minicart__button-carousel {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-minicart__button-carousel-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 3rem;
    margin: 3rem 0;
    border-top: 1px solid #dcdcdc
}

.cs-minicart__button-carousel:after,
.cs-minicart__button-carousel:before {
    content: none
}

.cs-minicart__button-carousel::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-minicart__button-carousel,
.cs-minicart__button-carousel:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.cs-minicart__button-carousel *,
.cs-minicart__button-carousel:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-minicart__button-carousel:active:not([disabled]),
.cs-minicart__button-carousel:focus:not([disabled]),
.cs-minicart__button-carousel:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart__button-carousel:active:not([disabled]) *,
.cs-minicart__button-carousel:focus:not([disabled]) *,
.cs-minicart__button-carousel:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-minicart__button-carousel[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-minicart__button-carousel-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-minicart__button-carousel-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-minicart__messages {
    padding: 0 2rem
}

.cs-minicart-offcanvas__wrapper {
    padding: 0
}

.cs-minicart__empty-info {
    font-size: 1.4rem;
    padding-bottom: 10px
}

.cs-minicart__carousel-spinner {
    display: none
}

.minicart-wrapper .ui-dialog {
    display: block;
    position: absolute;
    background: #fff;
    width: 350px;
    right: 0;
    border-top: 5px solid #ff6101;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0 20px 15px;
    z-index: 350
}

.minicart-wrapper .ui-dialog:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: -9px;
    right: 20px;
    transform: rotate(-45deg);
    background: #ff6101
}

@media (max-width:47.99em) {
    .minicart-wrapper .ui-dialog:before {
        right: 25px
    }
}

@media (max-width:23.115em) {
    .minicart-wrapper .ui-dialog {
        width: 100vw
    }
}

.cs-minicart-product__image-container {
    flex-shrink: 0;
    margin-right: 1rem
}

.cs-minicart-product__image-container img {
    width: auto !important;
    height: auto !important
}

.cs-minicart-product__image {
    max-height: 100%;
    width: auto
}

.cs-minicart-product__overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline
}

.cs-minicart-product__details {
    width: 100%
}

.cs-minicart-product__brand-wrapper {
    text-align: left
}

.cs-minicart-product__brand {
    font-size: 1.2rem;
    color: #ebebeb
}

@media (min-width:30em) {
    .cs-minicart-product__name-wrapper {
        flex-basis: 70%
    }
}

.cs-minicart-product__name {
    font-size: inherit;
    font-weight: 600
}

.cs-minicart-product__price .price {
    font-size: 1.3rem
}

.cs-minicart-product__options-subtitle,
.cs-minicart-product__price-label {
    display: none
}

.cs-minicart-product__options-title {
    font-size: 1.2rem;
    color: #484848;
    cursor: pointer
}

.cs-minicart-product__options-title[aria-expanded=true]>.cs-minicart-product__options-title-svg {
    transform: rotate(180deg);
    vertical-align: initial
}

.cs-minicart-product__options-title-svg {
    width: 1rem;
    height: 1rem;
    margin-left: .5rem;
    transition: transform .3s cubic-bezier(0, .66, .32, .99);
    vertical-align: middle
}

.cs-minicart-product__options-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-top: -.4rem;
    flex-basis: 100%
}

.cs-minicart-product__options-group {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center
}

.cs-minicart-product__options-group--qty {
    margin-top: .5rem
}

.cs-minicart-product__options-wrapper+.cs-minicart-product__options-group--qty {
    margin-top: 1.5rem
}

.cs-minicart-product__options-content {
    width: 100%
}

.cs-minicart-product__options-label {
    font-size: 1.2rem;
    color: #ebebeb;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
    padding-right: .5rem
}

.cs-minicart-product__options-label:after {
    content: ":"
}

.cs-minicart-product__options-value {
    font-size: 1.2rem;
    color: #ebebeb;
    margin-bottom: 0;
    width: 100%
}

.cs-minicart-product__options-value__value {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cs-minicart-product__options-value__value .price {
    color: #212121
}

.cs-minicart-product__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1.2rem
}

.cs-minicart-product__action-wrapper {
    margin-left: 1rem
}

.cs-minicart-product .cs-qty-increment,
.cs-minicart-product__qty {
    display: flex;
    flex: 1 0 9rem;
    flex-wrap: nowrap
}

.cs-minicart-product__qty-label {
    display: none
}

.cs-minicart-product__qty-input {
    font-size: 1em;
    line-height: 1.275em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    height: 3rem;
    width: 4rem;
    max-width: 4rem;
    font-size: 1.2rem
}

.cs-minicart-product__qty-input:focus:not([disabled]),
.cs-minicart-product__qty-input:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.cs-minicart-product__qty-input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-minicart-product__qty-input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-minicart-product__qty-input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-minicart-product__qty-input[disabled] {
    opacity: .65
}

.cs-minicart-product__qty-button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    text-transform: none;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    padding: 0;
    width: 3rem;
    height: 3rem;
    margin: 0 0 0 .5rem
}

.cs-minicart-product__qty-button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-minicart-product__qty-button,
.cs-minicart-product__qty-button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart-product__qty-button *,
.cs-minicart-product__qty-button:visited * {
    color: #fff;
    fill: #fff
}

.cs-minicart-product__qty-button:active:not([disabled]),
.cs-minicart-product__qty-button:focus:not([disabled]),
.cs-minicart-product__qty-button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-minicart-product__qty-button:active:not([disabled]) *,
.cs-minicart-product__qty-button:focus:not([disabled]) *,
.cs-minicart-product__qty-button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-minicart-product__qty-button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-minicart-product__qty-button-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    display: none
}

.cs-minicart-product__qty-button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: relative;
    top: .1em
}

.cs-minicart-product__action:hover .cs-minicart-product__action-icon *,
.cs-minicart-product__action:hover .cs-minicart-product__options-title-svg *,
.cs-minicart-product__options-title:hover .cs-minicart-product__action-icon *,
.cs-minicart-product__options-title:hover .cs-minicart-product__options-title-svg * {
    fill: #ff6101
}

.cs-minicart-product__action-icon {
    width: 1.6rem;
    height: 1.6rem
}

.cs-minicart-product__action-icon *,
.cs-minicart-product__options-title-svg * {
    fill: #ff6101
}

.cs-minicart-product__action-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-minicart-product {
    display: flex
}

.cs-minicart-product__name-wrapper {
    flex-basis: 55%;
    padding-bottom: 1.2rem;
    text-align: left;
    font-size: 1.3rem
}

@media (min-width:30em) {
    .cs-minicart-product__name-wrapper {
        flex-basis: 100%
    }
}

.cs-minicart-product__name {
    width: 100%;
    padding: 0;
    margin-top: 0;
    font-weight: 300;
    font-size: 1.1rem
}

.cs-minicart-product__name,
.cs-minicart-product__name:hover,
.cs-minicart-product__name:visited {
    text-decoration: none;
    color: #212121
}

.cs-minicart-product__price .price {
    font-size: 2rem;
    font-weight: 700;
    color: #212121
}

.cs-free-shipping-indicator__content {
    border-top: 1px solid #dcdcdc;
    padding: 1.5rem 2rem 2rem;
    color: #696969;
    font-size: 1.4rem;
    text-align: left
}

.cs-free-shipping-indicator__cell {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    padding-right: 0 !important
}

.cs-free-shipping-indicator__total-left-text span {
    font-weight: 700
}

.cs-free-shipping-indicator__total-fulfilled {
    padding-left: 2.8rem;
    background: url(../images/icons/messages/icon-success.svg) 0 50% no-repeat;
    background-size: 2rem
}

.cs-free-shipping-indicator__bar-wrapper {
    display: flex;
    align-items: center
}

.cs-free-shipping-indicator__bar-label {
    flex-shrink: 0;
    color: #37b841;
    font-weight: 700
}

.cs-free-shipping-indicator__bar-label--start {
    margin-right: 1rem
}

.cs-free-shipping-indicator__bar-label--end {
    margin-left: 1rem
}

.cs-free-shipping-indicator__bar {
    width: 100%;
    height: 2rem;
    padding: .4rem;
    border: 1px solid #b0b0b0;
    border-radius: 4.2px
}

.cs-free-shipping-indicator__bar-progress-wrapper {
    height: 100%;
    background: transparent;
    border-radius: 3px
}

.cs-free-shipping-indicator__bar-progress {
    height: 100%;
    width: 0;
    background: #37b841;
    border-radius: 3px;
    transition: width .55s cubic-bezier(0, .66, .32, .99)
}

.cs-free-shipping-indicator__icon {
    flex-shrink: 0;
    width: 3.4rem;
    height: 2rem;
    margin: 0 0 0 2.5rem;
    fill: #ebebeb;
    transition: fill .3s
}

.cs-free-shipping-indicator__bar-wrapper--free-shipping-active .cs-free-shipping-indicator__icon {
    fill: #37b841
}

.modal-custom.confirm .modal-inner-wrap,
.modal-popup.confirm .modal-inner-wrap,
.modal-slide.confirm .modal-inner-wrap {
    max-width: 50rem
}

.modal-custom .modal-inner-wrap,
.modal-popup .modal-inner-wrap,
.modal-slide .modal-inner-wrap {
    background: #fff;
    box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28);
    border-radius: 0;
    border: none
}

.modal-custom .modal-content,
.modal-popup .modal-content,
.modal-slide .modal-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.4rem
}

.modal-custom .modal-header,
.modal-popup .modal-header,
.modal-slide .modal-header {
    padding: 0;
    margin: 0
}

.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    margin: 1.5rem;
    background-image: url(../images/icons/close.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem 1rem;
    width: 3rem;
    height: 3rem
}

.ie11 .modal-custom .action-close,
.ie11 .modal-popup .action-close,
.ie11 .modal-slide .action-close {
    background-size: 10px 10px
}

.modal-custom .action-close span,
.modal-popup .action-close span,
.modal-slide .action-close span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.modal-custom .modal-footer,
.modal-popup .modal-footer,
.modal-slide .modal-footer {
    padding: 2rem;
    border-top: 1px solid #dcdcdc;
    display: flex;
    justify-content: space-between
}

@media (max-width:29.99em) {

    .modal-custom .modal-footer,
    .modal-popup .modal-footer,
    .modal-slide .modal-footer {
        flex-wrap: wrap
    }
}

.modal-custom .modal-footer .action-primary,
.modal-custom .modal-footer .primary,
.modal-popup .modal-footer .action-primary,
.modal-popup .modal-footer .primary,
.modal-slide .modal-footer .action-primary,
.modal-slide .modal-footer .primary {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    min-width: 12rem
}

.modal-custom .modal-footer .action-primary::-moz-focus-inner,
.modal-custom .modal-footer .primary::-moz-focus-inner,
.modal-popup .modal-footer .action-primary::-moz-focus-inner,
.modal-popup .modal-footer .primary::-moz-focus-inner,
.modal-slide .modal-footer .action-primary::-moz-focus-inner,
.modal-slide .modal-footer .primary::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.modal-custom .modal-footer .action-primary,
.modal-custom .modal-footer .action-primary:visited,
.modal-custom .modal-footer .primary,
.modal-custom .modal-footer .primary:visited,
.modal-popup .modal-footer .action-primary,
.modal-popup .modal-footer .action-primary:visited,
.modal-popup .modal-footer .primary,
.modal-popup .modal-footer .primary:visited,
.modal-slide .modal-footer .action-primary,
.modal-slide .modal-footer .action-primary:visited,
.modal-slide .modal-footer .primary,
.modal-slide .modal-footer .primary:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.modal-custom .modal-footer .action-primary *,
.modal-custom .modal-footer .action-primary:visited *,
.modal-custom .modal-footer .primary *,
.modal-custom .modal-footer .primary:visited *,
.modal-popup .modal-footer .action-primary *,
.modal-popup .modal-footer .action-primary:visited *,
.modal-popup .modal-footer .primary *,
.modal-popup .modal-footer .primary:visited *,
.modal-slide .modal-footer .action-primary *,
.modal-slide .modal-footer .action-primary:visited *,
.modal-slide .modal-footer .primary *,
.modal-slide .modal-footer .primary:visited * {
    color: #fff;
    fill: #fff
}

.modal-custom .modal-footer .action-primary:active:not([disabled]),
.modal-custom .modal-footer .action-primary:focus:not([disabled]),
.modal-custom .modal-footer .action-primary:hover:not([disabled]),
.modal-custom .modal-footer .primary:active:not([disabled]),
.modal-custom .modal-footer .primary:focus:not([disabled]),
.modal-custom .modal-footer .primary:hover:not([disabled]),
.modal-popup .modal-footer .action-primary:active:not([disabled]),
.modal-popup .modal-footer .action-primary:focus:not([disabled]),
.modal-popup .modal-footer .action-primary:hover:not([disabled]),
.modal-popup .modal-footer .primary:active:not([disabled]),
.modal-popup .modal-footer .primary:focus:not([disabled]),
.modal-popup .modal-footer .primary:hover:not([disabled]),
.modal-slide .modal-footer .action-primary:active:not([disabled]),
.modal-slide .modal-footer .action-primary:focus:not([disabled]),
.modal-slide .modal-footer .action-primary:hover:not([disabled]),
.modal-slide .modal-footer .primary:active:not([disabled]),
.modal-slide .modal-footer .primary:focus:not([disabled]),
.modal-slide .modal-footer .primary:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.modal-custom .modal-footer .action-primary:active:not([disabled]) *,
.modal-custom .modal-footer .action-primary:focus:not([disabled]) *,
.modal-custom .modal-footer .action-primary:hover:not([disabled]) *,
.modal-custom .modal-footer .primary:active:not([disabled]) *,
.modal-custom .modal-footer .primary:focus:not([disabled]) *,
.modal-custom .modal-footer .primary:hover:not([disabled]) *,
.modal-popup .modal-footer .action-primary:active:not([disabled]) *,
.modal-popup .modal-footer .action-primary:focus:not([disabled]) *,
.modal-popup .modal-footer .action-primary:hover:not([disabled]) *,
.modal-popup .modal-footer .primary:active:not([disabled]) *,
.modal-popup .modal-footer .primary:focus:not([disabled]) *,
.modal-popup .modal-footer .primary:hover:not([disabled]) *,
.modal-slide .modal-footer .action-primary:active:not([disabled]) *,
.modal-slide .modal-footer .action-primary:focus:not([disabled]) *,
.modal-slide .modal-footer .action-primary:hover:not([disabled]) *,
.modal-slide .modal-footer .primary:active:not([disabled]) *,
.modal-slide .modal-footer .primary:focus:not([disabled]) *,
.modal-slide .modal-footer .primary:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.modal-custom .modal-footer .action-primary[disabled],
.modal-custom .modal-footer .primary[disabled],
.modal-popup .modal-footer .action-primary[disabled],
.modal-popup .modal-footer .primary[disabled],
.modal-slide .modal-footer .action-primary[disabled],
.modal-slide .modal-footer .primary[disabled] {
    opacity: .65;
    cursor: auto
}

@media (max-width:29.99em) {

    .modal-custom .modal-footer .action-primary,
    .modal-custom .modal-footer .primary,
    .modal-popup .modal-footer .action-primary,
    .modal-popup .modal-footer .primary,
    .modal-slide .modal-footer .action-primary,
    .modal-slide .modal-footer .primary {
        width: 100%
    }
}

.modal-custom .modal-footer .action-primary span,
.modal-custom .modal-footer .primary span,
.modal-popup .modal-footer .action-primary span,
.modal-popup .modal-footer .primary span,
.modal-slide .modal-footer .action-primary span,
.modal-slide .modal-footer .primary span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.modal-custom .modal-footer .action-secondary,
.modal-custom .modal-footer .secondary,
.modal-popup .modal-footer .action-secondary,
.modal-popup .modal-footer .secondary,
.modal-slide .modal-footer .action-secondary,
.modal-slide .modal-footer .secondary {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    min-width: 12rem
}

.modal-custom .modal-footer .action-secondary::-moz-focus-inner,
.modal-custom .modal-footer .secondary::-moz-focus-inner,
.modal-popup .modal-footer .action-secondary::-moz-focus-inner,
.modal-popup .modal-footer .secondary::-moz-focus-inner,
.modal-slide .modal-footer .action-secondary::-moz-focus-inner,
.modal-slide .modal-footer .secondary::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.modal-custom .modal-footer .action-secondary,
.modal-custom .modal-footer .action-secondary:visited,
.modal-custom .modal-footer .secondary,
.modal-custom .modal-footer .secondary:visited,
.modal-popup .modal-footer .action-secondary,
.modal-popup .modal-footer .action-secondary:visited,
.modal-popup .modal-footer .secondary,
.modal-popup .modal-footer .secondary:visited,
.modal-slide .modal-footer .action-secondary,
.modal-slide .modal-footer .action-secondary:visited,
.modal-slide .modal-footer .secondary,
.modal-slide .modal-footer .secondary:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.modal-custom .modal-footer .action-secondary *,
.modal-custom .modal-footer .action-secondary:visited *,
.modal-custom .modal-footer .secondary *,
.modal-custom .modal-footer .secondary:visited *,
.modal-popup .modal-footer .action-secondary *,
.modal-popup .modal-footer .action-secondary:visited *,
.modal-popup .modal-footer .secondary *,
.modal-popup .modal-footer .secondary:visited *,
.modal-slide .modal-footer .action-secondary *,
.modal-slide .modal-footer .action-secondary:visited *,
.modal-slide .modal-footer .secondary *,
.modal-slide .modal-footer .secondary:visited * {
    color: #ff6101;
    fill: #ff6101
}

.modal-custom .modal-footer .action-secondary:active:not([disabled]),
.modal-custom .modal-footer .action-secondary:focus:not([disabled]),
.modal-custom .modal-footer .action-secondary:hover:not([disabled]),
.modal-custom .modal-footer .secondary:active:not([disabled]),
.modal-custom .modal-footer .secondary:focus:not([disabled]),
.modal-custom .modal-footer .secondary:hover:not([disabled]),
.modal-popup .modal-footer .action-secondary:active:not([disabled]),
.modal-popup .modal-footer .action-secondary:focus:not([disabled]),
.modal-popup .modal-footer .action-secondary:hover:not([disabled]),
.modal-popup .modal-footer .secondary:active:not([disabled]),
.modal-popup .modal-footer .secondary:focus:not([disabled]),
.modal-popup .modal-footer .secondary:hover:not([disabled]),
.modal-slide .modal-footer .action-secondary:active:not([disabled]),
.modal-slide .modal-footer .action-secondary:focus:not([disabled]),
.modal-slide .modal-footer .action-secondary:hover:not([disabled]),
.modal-slide .modal-footer .secondary:active:not([disabled]),
.modal-slide .modal-footer .secondary:focus:not([disabled]),
.modal-slide .modal-footer .secondary:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.modal-custom .modal-footer .action-secondary:active:not([disabled]) *,
.modal-custom .modal-footer .action-secondary:focus:not([disabled]) *,
.modal-custom .modal-footer .action-secondary:hover:not([disabled]) *,
.modal-custom .modal-footer .secondary:active:not([disabled]) *,
.modal-custom .modal-footer .secondary:focus:not([disabled]) *,
.modal-custom .modal-footer .secondary:hover:not([disabled]) *,
.modal-popup .modal-footer .action-secondary:active:not([disabled]) *,
.modal-popup .modal-footer .action-secondary:focus:not([disabled]) *,
.modal-popup .modal-footer .action-secondary:hover:not([disabled]) *,
.modal-popup .modal-footer .secondary:active:not([disabled]) *,
.modal-popup .modal-footer .secondary:focus:not([disabled]) *,
.modal-popup .modal-footer .secondary:hover:not([disabled]) *,
.modal-slide .modal-footer .action-secondary:active:not([disabled]) *,
.modal-slide .modal-footer .action-secondary:focus:not([disabled]) *,
.modal-slide .modal-footer .action-secondary:hover:not([disabled]) *,
.modal-slide .modal-footer .secondary:active:not([disabled]) *,
.modal-slide .modal-footer .secondary:focus:not([disabled]) *,
.modal-slide .modal-footer .secondary:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.modal-custom .modal-footer .action-secondary[disabled],
.modal-custom .modal-footer .secondary[disabled],
.modal-popup .modal-footer .action-secondary[disabled],
.modal-popup .modal-footer .secondary[disabled],
.modal-slide .modal-footer .action-secondary[disabled],
.modal-slide .modal-footer .secondary[disabled] {
    opacity: .65;
    cursor: auto
}

@media (max-width:29.99em) {

    .modal-custom .modal-footer .action-secondary,
    .modal-custom .modal-footer .secondary,
    .modal-popup .modal-footer .action-secondary,
    .modal-popup .modal-footer .secondary,
    .modal-slide .modal-footer .action-secondary,
    .modal-slide .modal-footer .secondary {
        width: 100%;
        margin-bottom: 1.5rem !important
    }
}

.modal-custom .modal-footer .action-secondary span,
.modal-custom .modal-footer .secondary span,
.modal-popup .modal-footer .action-secondary span,
.modal-popup .modal-footer .secondary span,
.modal-slide .modal-footer .action-secondary span,
.modal-slide .modal-footer .secondary span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary,
body.checkout-index-index .modal-custom .modal-footer .secondary,
body.checkout-index-index .modal-popup .modal-footer .action-secondary,
body.checkout-index-index .modal-popup .modal-footer .secondary,
body.checkout-index-index .modal-slide .modal-footer .action-secondary,
body.checkout-index-index .modal-slide .modal-footer .secondary {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    min-width: 12rem
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary::-moz-focus-inner,
body.checkout-index-index .modal-custom .modal-footer .secondary::-moz-focus-inner,
body.checkout-index-index .modal-popup .modal-footer .action-secondary::-moz-focus-inner,
body.checkout-index-index .modal-popup .modal-footer .secondary::-moz-focus-inner,
body.checkout-index-index .modal-slide .modal-footer .action-secondary::-moz-focus-inner,
body.checkout-index-index .modal-slide .modal-footer .secondary::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary,
body.checkout-index-index .modal-custom .modal-footer .action-secondary:visited,
body.checkout-index-index .modal-custom .modal-footer .secondary,
body.checkout-index-index .modal-custom .modal-footer .secondary:visited,
body.checkout-index-index .modal-popup .modal-footer .action-secondary,
body.checkout-index-index .modal-popup .modal-footer .action-secondary:visited,
body.checkout-index-index .modal-popup .modal-footer .secondary,
body.checkout-index-index .modal-popup .modal-footer .secondary:visited,
body.checkout-index-index .modal-slide .modal-footer .action-secondary,
body.checkout-index-index .modal-slide .modal-footer .action-secondary:visited,
body.checkout-index-index .modal-slide .modal-footer .secondary,
body.checkout-index-index .modal-slide .modal-footer .secondary:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary *,
body.checkout-index-index .modal-custom .modal-footer .action-secondary:visited *,
body.checkout-index-index .modal-custom .modal-footer .secondary *,
body.checkout-index-index .modal-custom .modal-footer .secondary:visited *,
body.checkout-index-index .modal-popup .modal-footer .action-secondary *,
body.checkout-index-index .modal-popup .modal-footer .action-secondary:visited *,
body.checkout-index-index .modal-popup .modal-footer .secondary *,
body.checkout-index-index .modal-popup .modal-footer .secondary:visited *,
body.checkout-index-index .modal-slide .modal-footer .action-secondary *,
body.checkout-index-index .modal-slide .modal-footer .action-secondary:visited *,
body.checkout-index-index .modal-slide .modal-footer .secondary *,
body.checkout-index-index .modal-slide .modal-footer .secondary:visited * {
    color: #ff6101;
    fill: #ff6101
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary:active:not([disabled]),
body.checkout-index-index .modal-custom .modal-footer .action-secondary:focus:not([disabled]),
body.checkout-index-index .modal-custom .modal-footer .action-secondary:hover:not([disabled]),
body.checkout-index-index .modal-custom .modal-footer .secondary:active:not([disabled]),
body.checkout-index-index .modal-custom .modal-footer .secondary:focus:not([disabled]),
body.checkout-index-index .modal-custom .modal-footer .secondary:hover:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .action-secondary:active:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .action-secondary:focus:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .action-secondary:hover:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .secondary:active:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .secondary:focus:not([disabled]),
body.checkout-index-index .modal-popup .modal-footer .secondary:hover:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .action-secondary:active:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .action-secondary:focus:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .action-secondary:hover:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .secondary:active:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .secondary:focus:not([disabled]),
body.checkout-index-index .modal-slide .modal-footer .secondary:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary:active:not([disabled]) *,
body.checkout-index-index .modal-custom .modal-footer .action-secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-custom .modal-footer .action-secondary:hover:not([disabled]) *,
body.checkout-index-index .modal-custom .modal-footer .secondary:active:not([disabled]) *,
body.checkout-index-index .modal-custom .modal-footer .secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-custom .modal-footer .secondary:hover:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .action-secondary:active:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .action-secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .action-secondary:hover:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .secondary:active:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-popup .modal-footer .secondary:hover:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .action-secondary:active:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .action-secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .action-secondary:hover:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .secondary:active:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .secondary:focus:not([disabled]) *,
body.checkout-index-index .modal-slide .modal-footer .secondary:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary[disabled],
body.checkout-index-index .modal-custom .modal-footer .secondary[disabled],
body.checkout-index-index .modal-popup .modal-footer .action-secondary[disabled],
body.checkout-index-index .modal-popup .modal-footer .secondary[disabled],
body.checkout-index-index .modal-slide .modal-footer .action-secondary[disabled],
body.checkout-index-index .modal-slide .modal-footer .secondary[disabled] {
    opacity: .65;
    cursor: auto
}

body.checkout-index-index .modal-custom .modal-footer .action-secondary span,
body.checkout-index-index .modal-custom .modal-footer .secondary span,
body.checkout-index-index .modal-popup .modal-footer .action-secondary span,
body.checkout-index-index .modal-popup .modal-footer .secondary span,
body.checkout-index-index .modal-slide .modal-footer .action-secondary span,
body.checkout-index-index .modal-slide .modal-footer .secondary span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.modal-custom .modal-footer button:only-child,
.modal-popup .modal-footer button:only-child,
.modal-slide .modal-footer button:only-child {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    min-width: 12rem
}

.modal-custom .modal-footer button:only-child::-moz-focus-inner,
.modal-popup .modal-footer button:only-child::-moz-focus-inner,
.modal-slide .modal-footer button:only-child::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.modal-custom .modal-footer button:only-child,
.modal-custom .modal-footer button:only-child:visited,
.modal-popup .modal-footer button:only-child,
.modal-popup .modal-footer button:only-child:visited,
.modal-slide .modal-footer button:only-child,
.modal-slide .modal-footer button:only-child:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.modal-custom .modal-footer button:only-child *,
.modal-custom .modal-footer button:only-child:visited *,
.modal-popup .modal-footer button:only-child *,
.modal-popup .modal-footer button:only-child:visited *,
.modal-slide .modal-footer button:only-child *,
.modal-slide .modal-footer button:only-child:visited * {
    color: #fff;
    fill: #fff
}

.modal-custom .modal-footer button:only-child:active:not([disabled]),
.modal-custom .modal-footer button:only-child:focus:not([disabled]),
.modal-custom .modal-footer button:only-child:hover:not([disabled]),
.modal-popup .modal-footer button:only-child:active:not([disabled]),
.modal-popup .modal-footer button:only-child:focus:not([disabled]),
.modal-popup .modal-footer button:only-child:hover:not([disabled]),
.modal-slide .modal-footer button:only-child:active:not([disabled]),
.modal-slide .modal-footer button:only-child:focus:not([disabled]),
.modal-slide .modal-footer button:only-child:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.modal-custom .modal-footer button:only-child:active:not([disabled]) *,
.modal-custom .modal-footer button:only-child:focus:not([disabled]) *,
.modal-custom .modal-footer button:only-child:hover:not([disabled]) *,
.modal-popup .modal-footer button:only-child:active:not([disabled]) *,
.modal-popup .modal-footer button:only-child:focus:not([disabled]) *,
.modal-popup .modal-footer button:only-child:hover:not([disabled]) *,
.modal-slide .modal-footer button:only-child:active:not([disabled]) *,
.modal-slide .modal-footer button:only-child:focus:not([disabled]) *,
.modal-slide .modal-footer button:only-child:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.modal-custom .modal-footer button:only-child[disabled],
.modal-popup .modal-footer button:only-child[disabled],
.modal-slide .modal-footer button:only-child[disabled] {
    opacity: .65;
    cursor: auto
}

.modal-custom .modal-footer button:only-child span,
.modal-popup .modal-footer button:only-child span,
.modal-slide .modal-footer button:only-child span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.modal-custom .modal-title,
.modal-popup .modal-title,
.modal-slide .modal-title {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.8rem;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2rem;
    border-bottom: 1px solid #dcdcdc;
    margin: 0
}

@media (max-width:47.99em) {
    .modal-popup.modal-slide .modal-inner-wrap[class] {
        background-color: #fff
    }
}

@media (max-width:29.99em) {
    .modal-slide .modal-footer {
        flex-wrap: wrap
    }
}

@media (max-width:29.99em) {

    .modal-slide .modal-footer .action-primary,
    .modal-slide .modal-footer .primary {
        width: 100%
    }
}

@media (max-width:29.99em) {

    .modal-slide .modal-footer .action-secondary,
    .modal-slide .modal-footer .secondary {
        width: 100%;
        margin-bottom: 1.5rem !important
    }
}

.ie11 .modal-popup:not(.cs-video-player__modal) .modal-content {
    max-height: calc(100vh - 33rem)
}

.page-layout-checkout .modal-popup {
    pointer-events: auto
}

@media (min-width:48em) {
    .page-layout-checkout .modal-slide {
        width: 80%;
        max-width: 65rem;
        left: 50%;
        transform: translateX(-50%)
    }
}

.modals-overlay {
    background-color: rgba(0, 0, 0, .7)
}

.cs-navigation-teaser__figure {
    display: block;
    max-height: 100%;
    overflow: hidden
}

.cs-navigation-teaser__image {
    display: block
}

.cs-navigation-teaser__content-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 6rem 3rem
}

.cs-navigation-teaser__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    color: #212121;
    text-align: center
}

.cs-navigation-teaser__headline {
    margin: 0 0 1rem;
    font-size: 3rem;
    line-height: 1.15;
    font-weight: 700;
    color: #212121
}

@media (min-width:64em) {
    .cs-navigation-teaser__headline {
        font-size: 4.3rem;
        line-height: 1
    }
}

.cs-navigation-teaser__subheadline {
    margin: 0 0 1rem;
    font-size: 1.65rem;
    line-height: 1.15;
    font-weight: 400;
    color: #212121
}

@media (min-width:64em) {
    .cs-navigation-teaser__subheadline {
        font-size: 2.8rem;
        line-height: 1.25
    }
}

.cs-navigation-teaser__text {
    margin: 0 0 1rem;
    font-size: 1rem;
    line-height: 1.15;
    font-weight: 300;
    color: #212121
}

@media (min-width:64em) {
    .cs-navigation-teaser__text {
        font-size: 1.4rem
    }
}

.cs-navigation-teaser__cta {
    margin-top: 2rem
}

.cs-navigation-teaser__button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-navigation-teaser__button:active,
.cs-navigation-teaser__button:focus,
.cs-navigation-teaser__button:hover {
    background-color: #ff6101 !important
}

.cs-navigation-teaser__button:after,
.cs-navigation-teaser__button:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

.cs-navigation-teaser__button:before {
    width: 3.8em;
    border-radius: 0 3px 3px 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent, transparent 15%, #ff6101 0, #ff6101)
}

.cs-navigation-teaser__button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-navigation-teaser__button:hover:after {
    width: calc(100% + 2px)
}

.cs-navigation-teaser__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-navigation-teaser__button,
.cs-navigation-teaser__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-navigation-teaser__button *,
.cs-navigation-teaser__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-navigation-teaser__button:active:not([disabled]),
.cs-navigation-teaser__button:focus:not([disabled]),
.cs-navigation-teaser__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-navigation-teaser__button:active:not([disabled]) *,
.cs-navigation-teaser__button:focus:not([disabled]) *,
.cs-navigation-teaser__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-navigation-teaser__button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-navigation-teaser__button-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding-left: 0;
    padding-right: 4em
}

.cs-navigation-teaser__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-right: 0;
    right: 1em
}

.cs-navigation__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.cs-navigation__list--main {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.cs-navigation__list--all-categories,
.cs-navigation__list--level_1 {
    width: 100%;
    -moz-columns: auto 1;
    columns: 1;
    -moz-column-gap: 0;
    column-gap: 0;
    flex: 1 0 auto
}

.cs-navigation__list--level_2 {
    flex-wrap: wrap
}

.cs-navigation__list--hidden,
.cs-navigation__list--hidden+.cs-navigation__extras {
    display: none
}

.cs-navigation__list .cs-navigation__item--no-children:nth-child(2) {
    padding-top: 1rem
}

.cs-navigation__list .cs-navigation__item--no-children:last-of-type {
    padding-bottom: 1rem
}

.cs-navigation__item {
    font-size: .9em;
    margin: 0;
    width: 100%
}

.cs-navigation__item--main {
    width: auto;
    font-size: 1.4em
}

.cs-navigation__item--main:first-of-type>.cs-navigation__link:not(.cs-navigation__link--with-icon) {
    padding-left: 0
}

.cs-navigation__item--main:last-of-type>.cs-navigation__link {
    padding-right: 0
}

.cs-navigation__item--all-categories,
.cs-navigation__item--level_1 {
    padding: 1rem;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: table
}

.cs-navigation__item--hidden {
    display: none
}

.cs-navigation__link {
    display: block;
    text-transform: uppercase;
    padding: .9em 1.05em;
    width: 100%
}

.cs-navigation__link,
.cs-navigation__link:visited {
    color: #484848
}

.cs-navigation__link:hover {
    text-decoration: none;
    color: #ff6101
}

.cs-navigation__link:hover .cs-navigation__link-icon--svg path {
    fill: #ff6101
}

.cs-navigation__link--main {
    font-weight: 700
}

.cs-navigation__link--all-categories,
.cs-navigation__link--level_1 {
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 1.6em
}

.cs-navigation__link--level_2 {
    text-transform: none;
    font-size: 1.25em
}

.cs-navigation__link--with-icon {
    position: relative;
    padding-left: 3rem
}

.cs-navigation__link-icon-wrapper {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 0;
    left: 0;
    margin-top: .8em
}

.cs-navigation__link-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 2rem;
    width: 2rem
}

.cs-navigation__link--category .cs-navigation__link-icon {
    margin-top: -.5rem
}

.cs-navigation__link-icon--svg path {
    fill: #484848
}

.cs-navigation__link-products-qty:before {
    content: "("
}

.cs-navigation__link-products-qty:after {
    content: ")"
}

.cs-navigation .cs-navigation__item--no-children {
    padding: 0
}

.cs-navigation .cs-navigation__item--no-children>.cs-navigation__link--level_1 {
    text-transform: none;
    font-size: 1.12em;
    font-weight: 400;
    padding: .9em 1.5em;
    border: none;
    color: #484848
}

.cs-navigation__flyout {
    position: absolute;
    display: none;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1001;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
    margin-top: -1px
}

.cs-navigation__flyout--visible {
    display: flex
}

.cs-navigation__flyout svg {
    pointer-events: none
}

@supports (-ms-ime-align:auto) {
    .cs-navigation__flyout li {
        list-style: none;
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
        list-style-type: none
    }
}

.cs-navigation__extras {
    margin: 0
}

.cs-navigation__teaser {
    position: relative;
    max-height: 100%;
    padding: 1em 0;
    overflow: hidden;
    margin-bottom: 0 !important
}

.cs-navigation__teaser--hidden {
    display: none
}

.cs-navigation__teaser .cs-image-teaser__figure {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cs-navigation__products {
    padding: .5em 1em;
    min-width: 24rem
}

.cs-navigation__products-header {
    display: block;
    color: #484848;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 1.1em 1.05em 1.55em;
    font-size: .9em
}

.cs-navigation__products-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-navigation__product {
    position: relative
}

.cs-navigation__product:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 170%
}

.cs-navigation__product .cs-product-tile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cs-navigation__overlay {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #000;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 0;
    transform: translate3d(0, 3rem, 0);
    transition: opacity .15s linear, transform .2s cubic-bezier(0, .97, .05, .99)
}

.cs-navigation__overlay--visible {
    opacity: .8;
    transform: translateZ(0)
}

.page-print .cs-navigation {
    display: none
}

@supports (display:grid) and (grid-auto-flow:row) {
    .cs-navigation__product {
        position: relative
    }

    .cs-navigation__product:before {
        content: none
    }

    .cs-navigation__product .cs-product-tile {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}

.cs-navigation {
    box-sizing: border-box;
    font-size: 1rem
}

.cs-navigation__list--main {
    justify-content: flex-start
}

.cs-navigation__list--level_1 {
    display: flex;
    flex-direction: row
}

.cs-navigation__list--level_1 .cs-navigation__item--level_1 {
    width: 25%
}

@media (min-width:48em) {
    .cs-navigation__list--level_3 {
        display: none
    }
}

.cs-navigation__item--with-flyout .cs-navigation__link--main {
    position: relative;
    padding-right: 20px
}

.cs-navigation__item--with-flyout .cs-navigation__link--main:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 50%;
    right: 0;
    margin-top: -2px;
    transform: translateY(-50%) rotate(45deg)
}

.cs-navigation__item--active:not([data-category-identifier=all-categories])>.cs-navigation__link,
.cs-navigation__item.active:not([data-category-identifier=all-categories])>.cs-navigation__link,
.cs-navigation__item:hover:not([data-category-identifier=all-categories])>.cs-navigation__link {
    color: #ff6101
}

.cs-navigation__link {
    color: #fff;
    padding: 5px
}

.cs-navigation__link:visited,
.cs-navigation__link:visited:focus,
.cs-navigation__link:visited:hover {
    color: #fff
}

.cs-navigation__link--main {
    color: #fff;
    padding: 15px
}

.cs-navigation__link--main:visited,
.cs-navigation__link--main:visited:focus,
.cs-navigation__link--main:visited:hover {
    color: #fff
}

.cs-navigation__link--level_1 {
    border: 0
}

.cs-navigation__flyout {
    left: 0;
    box-shadow: none;
    margin-top: 0;
    padding-top: 10px;
    width: 100%;
    background: #333;
    border-top: 3px solid #ff6101
}

.cs-navigation__home-link {
    display: flex;
    height: 100%;
    align-items: center
}

.cs-container--navigation {
    display: none
}

@media (min-width:64em) {
    .cs-container--navigation {
        display: block
    }
}

.tuv-badge {
    max-height: 3.4rem;
    max-width: 11.5rem;
    margin-top: -.7rem !important
}

.tuv-badge div:last-child {
    transform: scale(.68);
    transform-origin: left
}

.trusted-icons {
    display: inline-block;
    vertical-align: middle;
    margin: -.1rem 0 0;
    padding: 0
}

.trusted-icons ul {
    display: flex;
    flex-wrap: nowrap
}

.trusted-icons ul>li {
    margin: .8rem .5rem;
    padding: 0
}

.trusted-icons ul img {
    max-height: 3.4rem;
    width: auto;
    max-width: 3.4rem;
    display: block
}

.trusted-icons .header-siegel {
    margin: 0;
    padding: 0
}

.cs-newsletter {
    margin: 0;
    width: 100%
}

@media (max-width:47.99em) {
    .cs-newsletter {
        padding: 0 1.5rem
    }
}

.cs-newsletter__form {
    position: relative;
    display: flex;
    overflow: hidden
}

@media (min-width:48em) {
    .cs-newsletter__form {
        max-width: 34rem
    }
}

@media (min-width:64em) {
    .cs-newsletter__form {
        max-width: 100%
    }
}

.cs-newsletter__field {
    flex-basis: 100%
}

.cs-newsletter__input {
    margin-top: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.cs-newsletter__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-newsletter__actions {
    display: flex;
    align-items: stretch;
    height: 4rem
}

.cs-newsletter__button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.cs-newsletter__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-newsletter__button,
.cs-newsletter__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-newsletter__button *,
.cs-newsletter__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-newsletter__button:active:not([disabled]),
.cs-newsletter__button:focus:not([disabled]),
.cs-newsletter__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-newsletter__button:active:not([disabled]) *,
.cs-newsletter__button:focus:not([disabled]) *,
.cs-newsletter__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-newsletter__button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-newsletter__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: relative;
    top: .1em;
    width: .8em;
    height: .8em;
    margin-right: 0
}

.cs-header-user-nav__icon {
    height: 2.6rem
}

.cs-header-user-nav {
    list-style: none;
    margin: 0;
    padding: 0 1rem;
    height: 100%
}

@media (max-width:23.115em) {
    .cs-header-user-nav {
        padding: 0 .7rem
    }
}

.cs-header-user-nav__item {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 1 1 25%
}

@media (min-width:64em) {
    .cs-header-user-nav__item {
        flex: 1 1 33.33333%
    }
}

@media (min-width:64em) {
    .cs-header-user-nav__item--search {
        display: none
    }
}

.cs-header-user-nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 1rem
}

.cs-header-user-nav__link:hover {
    text-decoration: none
}

.cs-header-user-nav__link:hover .cs-header-user-nav__icon path {
    fill: #ff6101
}

.cs-header-user-nav__link:hover .cs-header-user-nav__label {
    color: #696969
}

.cs-header-user-nav__link--search:hover {
    cursor: pointer
}

.cs-header-user-nav__icon-wrapper {
    position: relative
}

.cs-header-user-nav__icon {
    width: 2.6rem;
    height: 38px;
    display: block;
    margin: 0 auto
}

.cs-header-user-nav__icon path {
    fill: #ff6101
}

.cs-header-user-nav__label {
    font-size: 1rem;
    font-weight: 300;
    color: #696969;
    text-decoration: none;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

@media (min-width:48em) {
    .cs-header-user-nav__label {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: static;
        width: auto;
        white-space: normal
    }
}

.cs-header-user-nav__qty-counter {
    display: inline-flex;
    background-color: #ff6101;
    color: #fff;
    transform: skew(-15deg);
    border: 0;
    border-radius: .2rem;
    padding: 0 .6rem;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 100%;
    font-weight: 700;
    height: 1.8em;
    background-clip: padding-box;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    opacity: 0;
    transition: opacity .3s
}

@media (min-width:48em) {
    .cs-header-user-nav__qty-counter {
        right: -1rem
    }
}

.cs-header-user-nav__qty-counter--wishlist {
    background-color: #fed400;
    color: #000
}

.cs-header-user-nav__qty-counter--minicart {
    background-color: #e41f12;
    color: #fff
}

.cs-header-user-nav__qty-counter--have-items {
    opacity: 1
}

.cs-header-user-nav__qty-counter-span {
    transform: skew(15deg);
    min-width: 1ch
}

.cs-header-user-nav {
    flex: inherit
}

@media (max-width:23.115em) {
    .cs-header-user-nav {
        padding: 0
    }
}

.cs-header-user-nav__item {
    margin: auto 0;
    padding: 10px 0;
    flex: auto
}

.cs-header-user-nav__item--account {
    min-width: 180px
}

@media (max-width:47.99em) {
    .cs-header-user-nav__item--account {
        min-width: 10px
    }

    .cs-header-user-nav__item--account .cs-header-user-nav__link {
        pointer-events: none
    }
}

.cs-header-user-nav__item:hover .cs-header-user-nav__menu {
    display: block
}

.cs-header-user-nav__link {
    padding: 5px 5px 5px 50px;
    text-align: left;
    display: block;
    min-height: 40px;
    position: relative
}

.cs-header-user-nav__link:hover .cs-header-user-nav__label,
.cs-header-user-nav__link:hover .cs-header-user-nav__label--sub {
    color: #fff
}

.cs-header-user-nav__icon-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.cs-header-user-nav__icon {
    width: auto;
    height: auto;
    max-height: 38px
}

.cs-header-user-nav__icon--my-cart {
    max-height: 45px
}

.cs-header-user-nav__label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    text-align: left;
    display: block;
    margin-bottom: auto
}

.cs-header-user-nav__label--sub {
    text-transform: none;
    font-weight: 300;
    font-size: 13px;
    white-space: nowrap
}

.cs-header-user-nav__menu {
    display: none;
    position: absolute;
    width: 100%;
    height: auto;
    top: 100%;
    left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background: #fff;
    padding: 5px 0;
    z-index: 350
}

.cs-header-user-nav__menu:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    background: #fff
}

.cs-header-user-nav__menu a {
    display: block;
    padding: 7px 10px;
    font-size: 1.4rem;
    color: #212121
}

@media (max-width:47.99em) {
    .cs-header-user-nav__menu {
        width: 250px;
        left: auto;
        right: 0
    }

    .cs-header-user-nav__menu:before {
        left: auto;
        right: 25px
    }
}

.cs-header-user-nav__qty-counter--minicart {
    background: #ff6101
}

.cs-offcanvas-toggle {
    position: relative;
    display: flex;
    border: 0;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    align-self: stretch;
    height: 100%;
    width: 100%
}

.cs-offcanvas-toggle,
.cs-offcanvas-toggle:active,
.cs-offcanvas-toggle:focus,
.cs-offcanvas-toggle:hover {
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0
}

.cs-offcanvas-toggle:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    transform: scale(0);
    background: #ff6101;
    transition: transform .3s;
    bottom: 0;
    left: 0;
    transform-origin: left
}

.cs-offcanvas-toggle--active,
.cs-offcanvas-toggle--active:active,
.cs-offcanvas-toggle--active:focus,
.cs-offcanvas-toggle--active:hover {
    background: #ff6101
}

.cs-offcanvas-toggle--active:after {
    transform: scale(1)
}

.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon {
    transform: rotate(-45deg)
}

.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon,
.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon:after,
.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon:before {
    background: #fff
}

.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon:after,
.cs-offcanvas-toggle--active .cs-offcanvas-toggle__icon:before {
    transform: rotate(90deg)
}

.cs-offcanvas-toggle__icon {
    padding: 0;
    margin: 0;
    position: relative
}

.cs-offcanvas-toggle__icon,
.cs-offcanvas-toggle__icon:after,
.cs-offcanvas-toggle__icon:before {
    width: 1.8rem;
    height: .2rem;
    background: #ff6101;
    transition: background-color .3s, transform .3s
}

.cs-offcanvas-toggle__icon:before {
    transform: translateY(-250%);
    transform: translate3d(0, -250%, 0)
}

.cs-offcanvas-toggle__icon:after {
    transform: translateY(250%);
    transform: translate3d(0, 250%, 0)
}

.cs-offcanvas-toggle__text {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: .8rem;
    color: #212121;
    text-transform: uppercase;
    transition: color .3s
}

.cs-offcanvas-toggle--active .cs-offcanvas-toggle__text {
    color: #fff
}

@media (min-width:48em) {
    .cs-offcanvas-toggle__text {
        bottom: 2rem
    }
}

.cs-offcanvas-toggle__icon {
    width: 80%;
    background: #000
}

@media (max-width:47.99em) {
    .cs-offcanvas-toggle__icon {
        width: 90%
    }
}

.cs-offcanvas-toggle__icon:after,
.cs-offcanvas-toggle__icon:before {
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    background: #000
}

.cs-offcanvas-toggle__icon:before {
    transform: translateY(-450%);
    transform: translate3d(0, -450%, 0)
}

@media (max-width:47.99em) {
    .cs-offcanvas-toggle__icon:before {
        transform: translateY(-350%);
        transform: translate3d(0, -350%, 0)
    }
}

.cs-offcanvas-toggle__icon:after {
    transform: translateY(450%);
    transform: translate3d(0, 450%, 0)
}

@media (max-width:47.99em) {
    .cs-offcanvas-toggle__icon:after {
        transform: translateY(350%);
        transform: translate3d(0, 350%, 0)
    }
}

.cs-offcanvas-navigation {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.cs-offcanvas-navigation__list {
    z-index: 1;
    width: 100%;
    min-width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    display: none
}

.cs-offcanvas-navigation__list--active,
.cs-offcanvas-navigation__list--current,
.cs-offcanvas-navigation__list--level_0 {
    display: block
}

.cs-offcanvas-navigation__list--current,
.cs-offcanvas-navigation__list--level_0 {
    overflow-y: auto
}

.cs-offcanvas-navigation__list--current>.cs-offcanvas-navigation__item>.cs-offcanvas-navigation__list {
    display: block
}

.cs-offcanvas-navigation__list .cs-offcanvas-navigation__list {
    position: absolute;
    left: 105%;
    height: 100%;
    top: 0;
    transition: transform .3s
}

.cs-offcanvas-navigation__list .cs-offcanvas-navigation__list--active {
    transform: translateX(-105%);
    transform: translate3d(-105%, 0, 0)
}

.cs-offcanvas-navigation__item {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin: 0
}

.cs-offcanvas-navigation__item+.cs-offcanvas-navigation__item {
    border-top: 1px solid #dcdcdc
}

.cs-offcanvas-navigation__item:last-of-type {
    border-bottom: 1px solid #dcdcdc
}

.cs-offcanvas-navigation__item--with-icon .cs-offcanvas-navigation__text {
    position: relative;
    padding-left: 2rem
}

.cs-offcanvas-navigation__link {
    min-width: 100%;
    width: 100%;
    display: flex;
    padding: 2.4rem 2rem;
    font-size: 1.4rem;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    position: relative
}

.cs-offcanvas-navigation__link,
.cs-offcanvas-navigation__link:hover,
.cs-offcanvas-navigation__link:visited {
    color: #212121
}

.cs-offcanvas-navigation__link--sign-in,
.cs-offcanvas-navigation__link--sign-out {
    padding-right: 5rem
}

.cs-offcanvas-navigation__link--sign-in,
.cs-offcanvas-navigation__link--sign-in:hover,
.cs-offcanvas-navigation__link--sign-in:visited,
.cs-offcanvas-navigation__link--sign-out,
.cs-offcanvas-navigation__link--sign-out:hover,
.cs-offcanvas-navigation__link--sign-out:visited {
    color: #ff6101
}

.cs-offcanvas-navigation__link--sign-in:hover .cs-offcanvas-navigation__icon path,
.cs-offcanvas-navigation__link--sign-out:hover .cs-offcanvas-navigation__icon path {
    fill: #ff6101
}

.cs-offcanvas-navigation__link--sign-in .cs-offcanvas-navigation__icon,
.cs-offcanvas-navigation__link--sign-out .cs-offcanvas-navigation__icon {
    width: 2.3rem;
    height: 2.7rem;
    right: 2rem
}

.cs-offcanvas-navigation__link--sign-in .cs-offcanvas-navigation__icon path,
.cs-offcanvas-navigation__link--sign-out .cs-offcanvas-navigation__icon path {
    fill: #ff6101
}

.cs-offcanvas-navigation__link--parent .cs-offcanvas-navigation__icon,
.cs-offcanvas-navigation__link--return .cs-offcanvas-navigation__icon {
    width: .7rem;
    height: .7rem
}

.cs-offcanvas-navigation__link--parent {
    padding-right: 5rem
}

.cs-offcanvas-navigation__link--parent .cs-offcanvas-navigation__icon {
    right: 2rem
}

.cs-offcanvas-navigation__link--return {
    padding-left: 5rem
}

.cs-offcanvas-navigation__link--return .cs-offcanvas-navigation__icon {
    left: 2rem
}

.cs-offcanvas-navigation__link--next {
    position: relative
}

.cs-offcanvas-navigation__link--next:after,
.cs-offcanvas-navigation__link--next:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .7rem;
    height: .1rem;
    left: auto;
    background-color: #ff6101;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-offcanvas-navigation__link--next[aria-expanded=true]:after,
.cs-offcanvas-navigation__link--next[aria-expanded=true]:before {
    background-color: #ebebeb
}

.cs-offcanvas-navigation__link--next:before {
    transform: rotate(135deg) translate3d(50%, 0, 0);
    right: 2rem
}

.cs-offcanvas-navigation__link--next:after {
    right: 2rem;
    transform: rotate(-135deg) translate3d(50%, 0, 0)
}

.cs-offcanvas-navigation__link--next[aria-expanded=true]:before {
    transform: rotate(225deg) translateZ(0);
    right: 0
}

.cs-offcanvas-navigation__link--next[aria-expanded=true]:after {
    transform: rotate(-45deg) translateZ(0);
    right: 2rem
}

.cs-offcanvas-navigation__link--prev {
    position: relative
}

.cs-offcanvas-navigation__link--prev:after,
.cs-offcanvas-navigation__link--prev:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .7rem;
    height: .1rem;
    left: auto;
    background-color: #ff6101;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-offcanvas-navigation__link--prev[aria-expanded=true]:after,
.cs-offcanvas-navigation__link--prev[aria-expanded=true]:before {
    background-color: #ebebeb
}

.cs-offcanvas-navigation__link--prev:before {
    transform: rotate(45deg) translate3d(50%, -50%, 0);
    right: 0
}

.cs-offcanvas-navigation__link--prev:after {
    right: 0;
    transform: rotate(-45deg) translate3d(50%, 50%, 0)
}

.cs-offcanvas-navigation__link--prev[aria-expanded=true]:before {
    transform: rotate(-45deg) translateZ(0);
    right: auto
}

.cs-offcanvas-navigation__link--prev[aria-expanded=true]:after {
    transform: rotate(-135deg) translateZ(0);
    right: 0
}

.cs-offcanvas-navigation__link--prev:after,
.cs-offcanvas-navigation__link--prev:before {
    left: 2rem
}

.cs-offcanvas-navigation .active>.cs-offcanvas-navigation__link {
    color: #ff6101
}

.cs-offcanvas-navigation__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.cs-offcanvas-navigation__icon path {
    fill: #ff6101
}

.cs-offcanvas-navigation__category-icon-wrapper {
    position: relative;
    width: 2rem;
    margin-right: 1rem
}

.cs-offcanvas-navigation__category-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    max-height: 2rem
}

.cs-offcanvas__drawer,
.cs-offcanvas__overlay {
    top: 6rem
}

@media (min-width:48em) {

    .cs-offcanvas__drawer,
    .cs-offcanvas__overlay {
        top: 8rem;
        bottom: 0
    }
}

.cs-offcanvas__overlay {
    height: calc(100% - 6rem)
}

.cs-offcanvas .overlay--visible {
    transform: scale(1);
    background: rgba(0, 0, 0, .7);
    transition: background-color .3s
}

.cs-offcanvas__drawer {
    position: fixed;
    background: #fff;
    transition: transform .3s;
    width: 90%;
    max-width: 40rem
}

.cs-offcanvas--side_left .cs-offcanvas__drawer {
    left: 0;
    right: auto;
    transform: translate3d(-105%, 0, 0)
}

.cs-offcanvas--side_right .cs-offcanvas__drawer {
    left: auto;
    right: 0;
    transform: translate3d(105%, 0, 0)
}

.cs-offcanvas__drawer--navigation {
    left: 0;
    right: auto;
    transform: translate3d(-105%, 0, 0)
}

.cs-offcanvas .drawer--visible {
    transform: translateZ(0) !important
}

.cs-offcanvas__spinner {
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 50%;
    top: 20%;
    margin-left: -3rem
}

.cs-offcanvas {
    position: relative;
    z-index: 300
}

.cs-offcanvas__drawer,
.cs-offcanvas__overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0
}

@media (min-width:48em) {

    .cs-offcanvas__drawer,
    .cs-offcanvas__overlay {
        top: 0;
        bottom: 0
    }
}

@media (min-width:64em) {

    .cs-offcanvas__drawer,
    .cs-offcanvas__overlay {
        display: none
    }
}

.cs-offcanvas--mini-cart .cs-offcanvas__drawer,
.cs-offcanvas--mini-cart .cs-offcanvas__overlay {
    display: block;
    top: 0
}

.cs-offcanvas__overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: background-color .3s, transform 1ms .3s;
    transform: scale(0);
    cursor: pointer
}

@media (min-width:48em) {
    .cs-offcanvas__overlay {
        height: 100%
    }
}

.cs-offcanvas--mini-cart .cs-offcanvas__overlay {
    height: 100%
}

.page-title {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 2.6rem;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem;
    padding-bottom: 1rem;
    text-transform: none;
    font-weight: 600
}

.page-title__headline {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    display: inline
}

.page-title__span {
    color: #696969;
    font-weight: 300;
    padding: 0
}

.cs-page-title--page-category h1.page-title__headline {
    text-transform: none;
    font-weight: 500
}

.cs-page-title--page-category .page-title__span {
    display: none
}

.cs-page-bottom {
    padding: 1.5rem 0 4rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:48em) {
    .cs-page-bottom {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media (min-width:64em) {
    .cs-page-bottom {
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

.page-print .cs-page-bottom {
    display: none
}

.cs-page-bottom__image {
    height: 3rem;
    width: auto
}

.cs-page-bottom__image--circle {
    width: 4.7rem;
    height: 4.7rem;
    min-width: 4.7rem;
    min-height: 4.7rem;
    margin-right: 1rem
}

.cs-page-bottom__text {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1.5rem;
    margin-right: .6rem;
    flex-basis: 100%;
    text-align: center
}

@media (min-width:48em) {
    .cs-page-bottom__text {
        flex-basis: auto;
        text-align: left;
        margin-bottom: 0
    }
}

.cs-page-bottom__text--small {
    font-size: 1rem
}

.cs-page-bottom__group {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: space-between
}

@media (min-width:48em) {
    .cs-page-bottom__group {
        width: 100%;
        padding: 1rem 0
    }
}

@media (min-width:64em) {
    .cs-page-bottom__group {
        width: auto;
        padding: 0
    }
}

.cs-page-bottom__group--teamviewer {
    display: none
}

@media (min-width:64em) {
    .cs-page-bottom__group--teamviewer {
        display: flex
    }
}

.cs-page-bottom__group--quality {
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width:48em) {
    .cs-page-bottom__group--quality {
        justify-content: space-between
    }
}

.cs-page-bottom__group--quality img {
    margin: 0 1rem 1rem
}

@media (min-width:48em) {
    .cs-page-bottom__group--quality img {
        margin: 0
    }
}

.cs-page-bottom__logo {
    display: flex;
    flex-shrink: 1;
    height: 5rem
}

@media (max-width:63.99em) {
    .cs-page-bottom__logo {
        width: auto
    }
}

.cs-page-bottom__logo+.cs-page-bottom__logo {
    margin-left: .5rem
}

.cs-page-bottom-footer {
    background-color: #333;
    color: #fff;
    padding: 1.5rem 0;
    border-top: .3rem solid #ff6101
}

.cs-container--page-bottom {
    max-width: none;
    background-color: #333
}

.price-box {
    display: inline-block
}

.price-box .price {
    white-space: nowrap
}

.price-box .old-price .price {
    font-size: .65rem
}

.price-box .old-price.no-display {
    display: none
}

.price-box .special-price .price {
    padding-left: .4em
}

.price-box .price {
    color: #ff6101;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0
}

.price-box .price-label {
    color: #ff6101;
    display: none;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 .3rem .3rem 0
}

.price-box .price-label:after {
    content: ":"
}

body p .price-box .price-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.price-box .price-wrapper {
    display: flex
}

.price-box .price-from,
.price-box .price-to {
    display: inline-block;
    margin: 0;
    padding: 0
}

.price-box .price-from>.price-container,
.price-box .price-to>.price-container {
    font-size: 1.1rem
}

.price-box .price-from .price-label,
.price-box .price-to .price-label {
    display: inline-block;
    padding: 0
}

.price-box .old-price .price {
    text-decoration: line-through;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700
}

.price-box .special-price .price {
    padding-left: 0;
    color: #ff6101;
    font-size: 1.5rem;
    font-weight: 700
}

.price-box .special-price.active .price {
    color: #ff6101
}

.price-box .price-from {
    margin-right: 1rem
}

.cs-price--pdp_dailydeal-countdown .price-box:not(.price-final_price_without_daily_deal) {
    display: none
}

.price-box .price-container.price-final_price:not(:only-child) .price {
    color: #ff6101
}

.cs-bundle-box__add .price-as-configured {
    margin: 1rem 0 0
}

.minimal-price-link {
    margin-top: 0 !important;
    margin-right: 1.5rem;
    position: relative
}

.minimal-price-link:after {
    color: #ff6101;
    display: block;
    content: "-";
    right: -1rem;
    top: 0;
    position: absolute
}

.product-info-price .price-box {
    display: table-cell;
    vertical-align: top
}

.product-info-price .price-box .listenpreis {
    font-size: 1.4rem
}

.product-info-price .price-box .listenpreis .price {
    color: #000;
    font-size: 1.4rem;
    text-decoration: line-through;
    font-weight: 700
}

.product-info-price .price-box .price-final_price>span {
    display: block;
    margin-bottom: 4.5px
}

.product-info-price .price-box .price-excluding-tax,
.product-info-price .price-box .price-including-tax {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    white-space: nowrap
}

.product-info-price .price-box .tax.weee .price-label {
    display: none
}

.product-info-price .price-box .price-including-tax .price {
    font-size: 3.6rem !important;
    line-height: 3.6rem
}

.product-info-price .price-box .price-including-tax+.price-excluding-tax .price {
    font-size: 1.1rem !important
}

.listenpreis {
    font-size: 1.4rem !important;
    display: block;
    width: 100%;
    text-align: left
}

.listenpreis .price {
    color: #000 !important;
    font-size: 1.4rem !important;
    text-decoration: line-through;
    font-weight: 700
}

.cs-product-tile .listenpreis {
    min-height: 16px
}

.products-upsell .cs-product-tile__price {
    text-align: center
}

.cs-product-tile--grid.cs-product-tile--static .cs-product-tile__addons {
    display: none
}

.cs-product-tile__container {
    height: 100%
}

.cs-product-tile--grid .cs-product-tile__container {
    padding: 1.5rem
}

.cs-product-tile__figure {
    height: 100%
}

.cs-product-tile--grid .cs-product-tile__image {
    position: absolute;
    top: 0;
    left: 0
}

.cs-product-tile--list .cs-product-tile__image {
    max-height: 100%;
    position: relative !important;
    margin-top: 0
}

.cs-product-tile__badges {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.cs-product-tile--grid .cs-product-tile__badges--list,
.cs-product-tile--list .cs-product-tile__badges--grid {
    display: none
}

.cs-product-tile--grid .cs-product-tile__badges {
    position: absolute;
    z-index: 2;
    top: 0;
    left: .3rem;
    flex-direction: column
}

.cs-product-tile--list .cs-product-tile__badges {
    margin: 0 0 0 .3rem;
    justify-content: flex-start
}

.cs-product-tile__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transform: skew(-15deg);
    background-color: #ff6101;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 0 .7rem 0 .3rem;
    font-size: 1.1rem;
    font-weight: 700;
    min-height: 2em;
    text-transform: uppercase
}

.cs-product-tile__badge:before {
    content: "";
    width: 1rem;
    position: absolute;
    min-height: inherit;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    transform: skew(15deg);
    border-radius: 3px 0 0 3px;
    border: inherit;
    border-right: 0;
    transform-origin: bottom left
}

@media (min-width:23.125em) and (max-width:29.99em) {
    .cs-product-tile__badge {
        font-size: .9rem
    }
}

.cs-product-tile__badge--discount {
    background-color: #e41f12;
    color: #fff
}

.cs-product-tile__badge--discount .cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge--discount .cs-product-tile__badge-text+.cs-product-tile__badge--discount .cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__badge--new {
    background-color: #fed400;
    color: #000
}

.cs-product-tile__badge--new .cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge--new .cs-product-tile__badge-text+.cs-product-tile__badge--new .cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__badge--free-shipping {
    background-color: #37b841;
    color: #fff
}

.cs-product-tile__badge--free-shipping .cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge--free-shipping .cs-product-tile__badge-text+.cs-product-tile__badge--free-shipping .cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__badge--popular {
    background-color: #37b841;
    color: #fff
}

.cs-product-tile__badge--popular .cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge--popular .cs-product-tile__badge-text+.cs-product-tile__badge--popular .cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__badge--dailydeal {
    background-color: #e41f12;
    color: #fff
}

.cs-product-tile__badge--dailydeal .cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge--dailydeal .cs-product-tile__badge-text+.cs-product-tile__badge--dailydeal .cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__badge-item {
    display: flex
}

.cs-product-tile--grid .cs-product-tile__badge-item {
    margin: 0 0 .5rem;
    width: 100%
}

.cs-product-tile--list .cs-product-tile__badge-item {
    margin: 0 1rem .3rem 0
}

.cs-product-tile__badge-item:empty {
    display: none
}

.cs-product-tile__badge-text {
    line-height: normal;
    transform: skew(15deg)
}

.cs-product-tile__badge-text+.cs-product-tile__badge-text {
    margin-left: .5rem
}

.cs-product-tile__addons {
    position: absolute;
    left: 0;
    z-index: -1;
    overflow: hidden;
    background: #fff;
    border-radius: 3px
}

.cs-product-tile--list .cs-product-tile__addons {
    padding: 0;
    margin: 1rem 0 0;
    position: relative;
    z-index: 1;
    opacity: 1;
    box-shadow: none;
    transform: none;
    overflow: visible
}

@media (min-width:48em) {
    .cs-product-tile--list .cs-product-tile__addons {
        flex: 0 0 25rem;
        padding: 0 0 0 1.5rem;
        margin: 0;
        flex-direction: column;
        border-left: 1px solid #f0f0f0
    }
}

.cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__addons {
    padding: 0;
    margin: 1rem 0 0;
    flex: 1 0 auto;
    flex-direction: row;
    border-left: none
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__addons {
        padding: 0 0 0 1.5rem;
        margin: 0;
        flex: 0 0 25rem;
        flex-direction: column;
        border-left: 1px solid #f0f0f0
    }
}

.cs-product-tile--grid .cs-product-tile__addons {
    opacity: 0;
    top: 0;
    padding: calc(130% + 10rem) 1.5rem 1.5rem;
    box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28);
    transform: translate3d(0, -3rem, 0)
}

@media (min-width:64em) {
    .cs-product-tile:hover .cs-product-tile__addons {
        opacity: 1;
        transform: translateZ(0);
        transition: opacity .1s linear, transform .33s cubic-bezier(0, .66, .32, .99)
    }
}

.cs-product-tile__addons-right {
    padding-left: 1rem;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.ie11 .cs-product-tile__addons-right {
    width: 30%
}

.cs-product-tile--grid .cs-product-tile__addons-right {
    align-items: flex-end
}

.cs-product-tile--list .cs-product-tile__addons-right {
    align-items: flex-start;
    padding-left: 0;
    order: -1
}

.cs-product-tile__review--grid {
    margin: 1rem 0 0
}

.cs-product-tile--list .cs-product-tile__review--grid {
    display: none
}

.cs-product-tile__review--list {
    margin: 0 0 1rem
}

@media (min-width:48em) {
    .cs-product-tile__review--list {
        position: absolute;
        top: 0;
        right: 2rem
    }

    .cs-product-tile--list .cs-product-tile__review--list+.cs-product-tile__name {
        padding-right: 12rem
    }
}

.cs-products-list--with-sidebar .cs-product-tile__review--list {
    position: relative;
    top: auto;
    right: auto
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile__review--list {
        position: absolute;
        top: 0;
        right: 2rem;
        margin: 0 0 1rem
    }

    .cs-product-tile--list .cs-products-list--with-sidebar .cs-product-tile__review--list+.cs-product-tile__name {
        padding-right: 12rem
    }
}

.cs-product-tile--grid .cs-product-tile__review--list {
    display: none
}

.cs-product-tile__review:empty {
    margin: 0 !important
}

.cs-product-tile__swatches {
    display: flex
}

.cs-product-tile--grid .cs-product-tile__swatches {
    margin: 1.5rem 0 1rem;
    min-height: 2.6rem
}

.cs-product-tile--grid .cs-product-tile__swatches,
.cs-product-tile--grid .cs-product-tile__swatches .swatch-attribute-options {
    justify-content: center
}

.cs-product-tile--list .cs-product-tile__swatches {
    width: 100%;
    margin: 0 0 .5rem
}

.cs-product-tile--list .cs-product-tile__swatches:empty {
    margin: 0
}

.cs-product-tile--list .cs-product-tile__swatches,
.cs-product-tile--list .cs-product-tile__swatches .swatch-attribute-options {
    justify-content: flex-start
}

.cs-product-tile__swatches--list:empty {
    margin: 0 !important
}

.ie11 .cs-product-tile__swatches {
    width: 100%
}

.cs-product-tile__brand {
    height: 2rem;
    margin-top: 1.5rem;
    text-align: center
}

.cs-product-tile__brand--empty {
    height: 0
}

.cs-product-tile--list .cs-product-tile__brand {
    margin: 0;
    order: -2;
    text-align: left
}

.cs-product-tile__brand-text {
    font-size: 1.2rem;
    color: #ebebeb
}

.cs-product-tile__name {
    font-weight: 400
}

.cs-product-tile--grid .cs-product-tile__name {
    height: 3.8rem
}

.cs-product-tile--list .cs-product-tile__name {
    margin: 0 0 1rem;
    text-align: left;
    order: -1
}

.cs-product-tile__description {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.4;
    color: #696969;
    margin: 0 0 1rem
}

.cs-product-tile--grid .cs-product-tile__description {
    display: none
}

.cs-product-tile--list .cs-product-tile__description {
    width: 100%;
    text-align: left
}

.cs-product-tile__description:empty {
    margin: 0 !important
}

.cs-product-tile__additional--list {
    margin: auto 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media (min-width:48em) {
    .cs-product-tile__additional--list {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between
    }
}

.cs-products-list--with-sidebar .cs-product-tile__additional--list {
    flex-direction: column;
    align-items: flex-start
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile__additional--list {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between
    }
}

.cs-product-tile__wishlist-remove-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem
}

@media (pointer:fine) {
    .cs-product-tile__wishlist-remove-icon {
        display: none
    }
}

.cs-product-tile__wishlist-remove-icon-image {
    width: 1.2rem;
    height: 1.2rem;
    fill: #ebebeb
}

.cs-product-tile--list .cs-product-tile__wishlist-comment,
.cs-product-tile__wishlist-comment {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-product-tile__wishlist-actions {
    margin: 1rem 0 0;
    display: flex;
    justify-content: space-between
}

.cs-product-tile__price .price-box .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff6101
}

.cs-product-tile__price .price-box .old-price .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-decoration: line-through
}

.cs-product-tile__price .price-box .special-price .price {
    font-size: 1.5rem
}

.cs-product-tile__price .price-box .minimal-price {
    margin: 0;
    display: flex
}

.cs-product-tile--grid .cs-product-tile__price .price-box {
    margin: 0;
    align-items: center;
    justify-content: center
}

.cs-product-tile--grid .cs-product-tile__price .price-box .old-price {
    order: -1
}

.cs-product-tile--grid .cs-product-tile__price .price-box .minimal-price {
    align-items: center
}

.cs-product-tile--grid .cs-product-tile__price .price-box .old-price .price {
    margin-right: 1rem
}

.cs-product-tile--list .cs-product-tile__price .price-box {
    justify-content: flex-end;
    margin: 0;
    text-align: right;
    flex-direction: column
}

.cs-product-tile--list .cs-product-tile__price .price-box .price-wrapper {
    justify-content: flex-end
}

.cs-product-tile--list .cs-product-tile__price .price-box .old-price {
    order: -1
}

.cs-product-tile--list .cs-product-tile__price .price-box .price-from {
    margin-right: 0
}

.cs-product-tile--list .cs-product-tile__price .price-box .minimal-price {
    flex-direction: column
}

.cs-product-tile__price--dailydeal-countdown .price-box:not(.price-final_price_without_daily_deal) {
    display: none
}

.cs-product-tile__price--dailydeal-countdown .price-box.price-box--visible {
    display: flex
}

.cs-product-tile {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 3px;
    background-color: #fff
}

@media (min-width:64em) {
    .cs-product-tile:hover {
        z-index: 5;
        transition: z-index .1ms
    }
}

.cs-product-tile--clickable:hover {
    cursor: pointer
}

.cs-product-tile--hidden .cs-product-tile__addons,
.cs-product-tile--hidden .cs-product-tile__main {
    visibility: hidden !important
}

.cs-product-tile__container {
    display: flex;
    height: auto;
    width: 100%
}

.cs-product-tile--grid .cs-product-tile__container {
    flex-direction: column;
    padding: 0
}

.cs-product-tile--list .cs-product-tile__container {
    flex-direction: row;
    padding: 1.5rem 0
}

.cs-product-tile--list .cs-product-tile__link {
    display: flex;
    width: 100%
}

.cs-product-tile--grid .cs-product-tile__link {
    display: block;
    height: 100%
}

.cs-product-tile__thumbnail {
    padding: 0;
    display: flex
}

.cs-product-tile__thumbnail-link {
    display: block;
    position: relative;
    overflow: hidden
}

.cs-product-tile--grid .cs-product-tile__thumbnail-link {
    width: 100%
}

.cs-product-tile--list .cs-product-tile__thumbnail-link {
    padding: 0 1.5rem 0 0;
    height: 100%;
    flex-grow: 0
}

@media (min-width:48em) {
    .cs-product-tile--list .cs-product-tile__thumbnail-link {
        padding: 0
    }
}

.cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__thumbnail-link {
    padding: 0 1.5rem 0 0
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__thumbnail-link {
        padding: 0
    }
}

.cs-product-tile__thumbnail-link:hover,
.cs-product-tile__thumbnail-link:visited {
    color: inherit;
    text-decoration: inherit
}

.cs-product-tile__figure {
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 220px;
    overflow: hidden
}

@media (max-width:29.99em) {
    .cs-product-tile__figure {
        min-height: 45vw
    }
}

.cs-product-tile--grid .cs-product-tile__figure {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    top: 0;
    position: relative
}

.cs-product-tile--grid .cs-product-tile__figure:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}

.cs-product-tile--grid .cs-product-tile__figure .cs-product-tile__thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cs-product-tile--grid .cs-product-tile__figure:before {
    content: none
}

.cs-product-tile--list .cs-product-tile__figure {
    width: 10rem;
    justify-content: center;
    align-items: flex-start
}

@media (max-width:29.99em) {
    .cs-product-tile--list .cs-product-tile__figure {
        width: 5rem
    }
}

.cs-product-tile--list .cs-product-tile__figure:before {
    content: none
}

.cs-product-tile__figure img+img {
    position: absolute;
    left: 0;
    top: 0
}

.cs-product-tile__image {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto
}

.cs-product-tile--grid .cs-product-tile__image {
    position: relative;
    top: auto;
    left: auto
}

.cs-product-tile__image+.cs-product-tile__image,
.cs-product-tile__img+.cs-product-tile__image {
    position: absolute;
    left: 0;
    top: 0
}

.cs-product-tile--list .cs-product-tile__gallery {
    display: none !important
}

.cs-product-tile__content {
    padding: 0;
    display: flex;
    align-items: stretch
}

.cs-product-tile--grid .cs-product-tile__content {
    flex-direction: column;
    flex: 1 1
}

.cs-product-tile--list .cs-product-tile__content {
    position: relative;
    flex: 1 1 auto;
    flex-direction: column-reverse
}

@media (min-width:48em) {
    .cs-product-tile--list .cs-product-tile__content {
        flex-direction: row-reverse
    }
}

.cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__content {
    flex-direction: column-reverse
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__content {
        flex-direction: row-reverse
    }
}

.ie11 .cs-product-tile__addto {
    width: 100%
}

.cs-product-tile--grid .cs-product-tile__addto--list,
.cs-product-tile--list .cs-product-tile__addto--grid {
    display: none
}

.cs-product-tile--grid .cs-product-tile__addto,
.cs-product-tile--list .cs-product-tile__addto {
    margin: 1rem 0 0
}

.cs-product-tile__addto .cs-links-block-addto__link {
    font-size: 1.3rem
}

.cs-dashboard__bottom-wishlist .cs-product-tile__addto,
.cs-dashboard__wishlist-products-grid .cs-product-tile__addto {
    display: none
}

.cs-product-tile__addto:empty {
    margin: 0 !important
}

.ie11 .cs-product-tile__addto .cs-links-block-addto--grid,
.ie11 .cs-product-tile__addto .cs-links-block-addto__item--wishlist {
    width: 100%
}

.cs-product-tile--grid .cs-product-tile__addtocart {
    margin: 1rem 0 0
}

.cs-product-tile--list .cs-product-tile__addtocart {
    margin: .5rem 0 0
}

.cs-product-tile__addtocart-button {
    width: 100%;
    background-color: #fff;
    border: 2px solid #42c320;
    color: #42c320
}

.cs-product-tile__addtocart-button:after,
.cs-product-tile__addtocart-button:before {
    display: none
}

.cs-product-tile__addtocart-button .cs-addtocart__button-label {
    color: #42c320;
    padding-right: 0
}

.cs-product-tile__addtocart-button svg path {
    fill: #42c320
}

.cs-product-tile__addtocart-button:hover:not([disabled]) {
    background-color: #42c320 !important;
    border: 2px solid #42c320 !important
}

.cs-product-tile__addons {
    position: relative;
    left: auto;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    opacity: 1;
    order: 2
}

.cs-product-tile--grid .cs-product-tile__addons {
    align-items: flex-end;
    opacity: 1;
    top: auto;
    padding: 0;
    box-shadow: none;
    transform: translateZ(0)
}

@media (min-width:64em) {
    .cs-product-tile:hover .cs-product-tile__addons {
        opacity: 1
    }
}

@media (min-width:64em) and (pointer:coarse) {
    .cs-product-tile:hover .cs-product-tile__addons {
        opacity: 0;
        transform: none
    }
}

.cs-product-tile--static .cs-product-tile:hover .cs-product-tile__addons,
.cs-product-tile:hover .cs-product-tile__addons .cs-product-tile.no-transition {
    transition: none
}

.cs-product-tile__addons-top {
    width: 100%
}

.cs-product-tile--list .cs-product-tile__addons-top {
    flex: 1 1
}

.cs-product-tile__addons-sides {
    display: flex;
    width: 100%
}

.cs-product-tile__addons-right {
    padding-left: 0;
    justify-content: flex-start
}

.cs-product-tile--grid .cs-product-tile__addons-right {
    align-items: flex-start
}

.cs-product-tile__addons-bottom {
    width: 100%
}

.cs-product-tile--list .cs-product-tile__addons-bottom {
    display: none
}

@media (min-width:48em) {
    .cs-product-tile--list .cs-product-tile__addons-bottom {
        display: block
    }
}

.cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__addons-bottom {
    display: none
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__addons-bottom {
        display: block
    }
}

.cs-product-tile__addons-left {
    padding-right: 1rem;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.ie11 .cs-product-tile__addons-left {
    width: 70%
}

.cs-product-tile--grid .cs-product-tile__addons-left {
    align-items: flex-start
}

.cs-product-tile--list .cs-product-tile__addons-left {
    align-items: flex-end;
    padding-right: 0;
    order: 2
}

.cs-product-tile__stock {
    display: inline-block;
    white-space: nowrap;
    font-size: 1.3rem
}

.cs-product-tile__stock--in {
    color: #37b841
}

.cs-product-tile__stock--out {
    color: #e41f12
}

.cs-product-tile--grid .cs-product-tile__stock {
    margin: 0
}

.cs-product-tile--list .cs-product-tile__stock {
    margin: 0 1rem 0 0
}

.cs-product-tile--list .cs-product-tile__dailydeal--grid {
    display: none !important
}

.cs-product-tile__dailydeal--list {
    position: relative;
    width: auto;
    margin-bottom: 0
}

.cs-product-tile--grid .cs-product-tile__dailydeal--list {
    display: none !important
}

.cs-product-tile__dailydeal--list.cs-dailydeal--tile {
    position: relative;
    width: auto;
    bottom: 0
}

.cs-product-tile--grid .cs-product-tile__dailydeal {
    margin: 0
}

.cs-product-tile--list .cs-product-tile__dailydeal {
    margin: 1rem 0 0
}

.cs-product-tile__qty {
    margin-bottom: 1rem;
    width: 11rem;
    margin-left: auto
}

.cs-product-tile__main {
    position: relative;
    display: flex;
    align-items: stretch;
    order: 1
}

.cs-product-tile--grid .cs-product-tile__main {
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.cs-product-tile--list .cs-product-tile__main {
    flex-direction: row;
    flex: 1 1 100%
}

@media (min-width:48em) {
    .cs-product-tile--list .cs-product-tile__main {
        padding: 0 2rem
    }
}

.cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__main {
    padding: 0
}

@media (min-width:64em) {
    .cs-products-list--with-sidebar .cs-product-tile--list .cs-product-tile__main {
        padding: 0 2rem
    }
}

.cs-product-tile__details {
    flex-shrink: 0
}

.cs-product-tile--list .cs-product-tile__details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1;
    padding: 0
}

.cs-product-tile__swatches {
    display: none
}

.cs-product-tile__name {
    line-height: 1.8rem;
    font-weight: 600;
    font-size: 1.5rem;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.cs-product-tile--grid .cs-product-tile__name {
    height: 70px;
    margin: 0 0 1.5rem;
    text-align: center
}

.cs-product-tile--grid .cs-product-tile__details>.cs-product-tile__name {
    margin-top: 1.5rem
}

.cs-product-tile--grid .cs-product-tile__details>.cs-product-tile__brand+.cs-product-tile__name {
    margin-top: 0
}

.cs-product-tile--grid .cs-product-tile__details>.cs-product-tile__brand--empty+.cs-product-tile__name {
    height: 5.8rem
}

.cs-product-tile__name-link {
    color: #212121;
    text-align: left;
    transition: color .15s linear;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 100%
}

.cs-product-tile__name-link:visited {
    color: #212121
}

.cs-product-tile__name-link:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-product-tile__price {
    line-height: 1.2
}

.cs-product-tile__price .price-excluding-tax {
    display: block;
    width: 100%;
    font-size: 12px
}

.cs-product-tile__price .price-excluding-tax .price {
    font-size: 12px
}

.cs-product-tile--grid .cs-product-tile__price--list,
.cs-product-tile--list .cs-product-tile__price--grid {
    display: none
}

.cs-product-tile__price .price-container {
    display: block;
    width: 100%
}

.cs-product-tile__price .price-wrapper {
    display: inline-block
}

.cs-product-tile__price .price-box {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    min-height: 75px
}

.cs-product-tile__price .price-box>span {
    margin: 0 auto auto;
    text-align: left
}

.cs-product-tile__price .price-box .price {
    font-size: 18px
}

.cs-product-tile__price .price-box .old-price {
    display: block;
    width: 100%
}

.cs-product-tile__price .price-box .old-price .price {
    font-size: 12px
}

.cs-product-tile__price .price-box .old-price .price-label {
    display: inline-block;
    color: #000;
    text-transform: none;
    font-size: 12px;
    font-weight: 300
}

.cs-product-tile__price .price-box .special-price {
    display: block;
    width: 100%
}

.cs-product-tile__price .price-box .special-price .price {
    font-size: 18px;
    font-weight: 700;
    color: #ff6101
}

.cs-product-tile__price .price-box .special-price .price-excluding-tax .price {
    font-size: 12px
}

.cs-product-tile .product-qty {
    font-size: 12px;
    padding-left: 55px;
    min-height: 34px
}

.cs-product-tile .product-qty strong {
    color: #37b841;
    font-weight: 500;
    margin-left: -55px
}

.to-product {
    background: #000;
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-top: 10px
}

.to-product+.to-product {
    display: none
}

.block-products-list.widget {
    margin-bottom: 4.5rem
}

.block-products-list .block-title {
    margin: .5rem 0 1rem;
    line-height: 1.2;
    font-size: 1.6rem
}

.block-products-list .products-grid ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.block-products-list .products-grid .product-items.widget-product-grid {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between
}

.block-products-list .products-grid .product-item {
    width: 20%;
    margin: 0 1.5rem !important;
    max-height: 46rem
}

.block-products-list .products-grid .product-item .product-item-info {
    height: 100%;
    display: flex;
    flex-direction: column
}

.block-products-list .products-grid .product-item .product-item-photo img {
    width: 100%;
    height: 20rem;
    -o-object-fit: contain;
    object-fit: contain;
    position: static
}

.block-products-list .products-grid .product-item .product-item-details {
    padding-bottom: 0;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    padding-top: 1.5rem
}

.block-products-list .products-grid .product-item .product-item-details .product-item-name {
    text-overflow: clip;
    white-space: inherit;
    overflow: hidden;
    height: auto;
    margin-bottom: .5rem;
    min-height: 8.7rem;
    display: block;
    font-size: 1.4rem
}

.block-products-list .products-grid .product-item .actions-secondary {
    display: none
}

.block-products-list .products-grid .product-item .price-including-tax .price {
    font-size: 1.8rem
}

.block-products-list .products-grid .product-item .price-box {
    min-height: 7.5rem;
    margin: auto 0 0
}

.catalog-category-view .cs-product-tile--grid .cs-product-tile__price .price-box {
    align-items: flex-start
}

.cs-products-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-products-list__item {
    margin: 0
}

.cs-products-list:not(.cs-products-list--carousel) .cs-products-list__item {
    border-bottom: 1px solid #f0f0f0;
    padding: 0
}

.cs-products-list:not(.cs-products-list--carousel) .cs-products-list__item:last-child {
    border-bottom: 0
}

@media (min-width:48em) {
    .cs-products-list--carousel .cs-products-list__item {
        border-bottom: 1px solid #f0f0f0;
        padding: 0
    }

    .cs-products-list--carousel .cs-products-list__item:last-child {
        border-bottom: 0
    }
}

.cs-pwa-notification-panel {
    display: none
}

@media (min-width:48em) {
    .cs-pwa-notification-panel {
        flex-wrap: nowrap
    }
}

.cs-pwa-notification-panel--request .cs-pwa-notification-panel__icon--request {
    display: block
}

.cs-pwa-notification-panel--request .cs-pwa-notification-panel__message--request {
    display: flex
}

.cs-pwa-notification-panel--browser .cs-pwa-notification-panel__icon--browser,
.cs-pwa-notification-panel--request .cs-pwa-notification-panel__action--request {
    display: block
}

.cs-pwa-notification-panel--browser .cs-pwa-notification-panel__message--browser {
    display: flex
}

.cs-pwa-notification-panel--browser .cs-pwa-notification-panel__action--browser,
.cs-pwa-notification-panel--enabled .cs-pwa-notification-panel__icon--enabled {
    display: block
}

.cs-pwa-notification-panel--enabled .cs-pwa-notification-panel__message--enabled {
    display: flex
}

.cs-pwa-notification-panel__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    background: #fff;
    padding: 2rem 1.5rem;
    border: none;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1), -2px -2px 3px rgba(0, 0, 0, .1);
    margin: 1.5rem 0
}

.cs-pwa-notification-panel__icon-wrapper {
    margin: 0 1.5rem
}

@media (max-width:29.99em) {
    .cs-pwa-notification-panel__icon-wrapper {
        display: none
    }
}

.cs-pwa-notification-panel__icon {
    display: none;
    width: 3.5rem;
    height: 3.5rem
}

.cs-pwa-notification-panel__icon--animate {
    -webkit-animation: ringing 6s infinite;
    animation: ringing 6s infinite
}

.cs-pwa-notification-panel__message-wrapper {
    margin: 0 1.5rem;
    flex: 1 1
}

@media (max-width:47.99em) {
    .cs-pwa-notification-panel__message-wrapper {
        padding-right: 3rem
    }
}

.cs-pwa-notification-panel__message {
    display: none;
    flex-direction: column
}

.cs-pwa-notification-panel__message--browser .cs-pwa-notification-panel__message-title,
.cs-pwa-notification-panel__message--request .cs-pwa-notification-panel__message-title {
    color: #000
}

.cs-pwa-notification-panel__message--enabled .cs-pwa-notification-panel__message-title {
    color: #31a43a
}

.cs-pwa-notification-panel__message-title {
    font-size: 2rem;
    font-weight: 700
}

.cs-pwa-notification-panel__message-description {
    font-size: 1.4rem;
    font-weight: 400;
    color: #ebebeb
}

.cs-pwa-notification-panel__actions {
    margin: 0 1.5rem
}

@media (max-width:47.99em) {
    .cs-pwa-notification-panel__actions {
        display: flex;
        justify-content: center;
        flex: 1 1 100%;
        margin-top: 2rem
    }
}

.cs-pwa-notification-panel__action {
    display: none
}

.cs-pwa-notification-panel__action--browser {
    width: 30rem
}

@media (max-width:47.99em) {
    .cs-pwa-notification-panel__action--browser {
        width: 100%;
        max-width: 30rem
    }
}

@media (max-width:29.99em) {
    .cs-pwa-notification-panel__button {
        width: 100%
    }
}

.cs-pwa-notification-panel__button:first-of-type {
    margin: 0 0 .5rem
}

@media (min-width:30em) {
    .cs-pwa-notification-panel__button:first-of-type {
        margin: 0 1.5rem
    }
}

.cs-pwa-notification-panel__button--accept {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-pwa-notification-panel__button--accept::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-pwa-notification-panel__button--accept,
.cs-pwa-notification-panel__button--accept:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-pwa-notification-panel__button--accept *,
.cs-pwa-notification-panel__button--accept:visited * {
    color: #fff;
    fill: #fff
}

.cs-pwa-notification-panel__button--accept:active:not([disabled]),
.cs-pwa-notification-panel__button--accept:focus:not([disabled]),
.cs-pwa-notification-panel__button--accept:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-pwa-notification-panel__button--accept:active:not([disabled]) *,
.cs-pwa-notification-panel__button--accept:focus:not([disabled]) *,
.cs-pwa-notification-panel__button--accept:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-pwa-notification-panel__button--accept[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-pwa-notification-panel__button--accept .cs-pwa-notification-panel__button-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-pwa-notification-panel__button--accept .cs-pwa-notification-panel__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    display: none
}

.cs-pwa-notification-panel__button--decline {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-pwa-notification-panel__button--decline::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-pwa-notification-panel__button--decline,
.cs-pwa-notification-panel__button--decline:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.cs-pwa-notification-panel__button--decline *,
.cs-pwa-notification-panel__button--decline:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-pwa-notification-panel__button--decline:active:not([disabled]),
.cs-pwa-notification-panel__button--decline:focus:not([disabled]),
.cs-pwa-notification-panel__button--decline:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-pwa-notification-panel__button--decline:active:not([disabled]) *,
.cs-pwa-notification-panel__button--decline:focus:not([disabled]) *,
.cs-pwa-notification-panel__button--decline:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-pwa-notification-panel__button--decline[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-pwa-notification-panel__button--decline .cs-pwa-notification-panel__button-span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-pwa-notification-panel__button--decline .cs-pwa-notification-panel__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    display: none
}

.cs-pwa-notification-panel__permission {
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px -2px 5px rgba(0, 0, 0, .1);
    font-size: 1.2rem;
    color: #ebebeb;
    padding: 1rem 2rem
}

.cs-pwa-notification-panel__permission-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem
}

.cs-pwa-notification-panel__permission-button-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem
}

.cs-pwa-notification-panel__permission-button {
    padding: .2rem 2rem;
    margin: 0 .2rem;
    border: 1px solid #000;
    color: #000;
    font-size: 1.1rem
}

.cs-pwa-notification-panel__permission-button--block {
    opacity: .3
}

.cs-pwa-notification-panel__close {
    margin: 0 1.5rem
}

@media (max-width:47.99em) {
    .cs-pwa-notification-panel__close {
        position: absolute;
        top: 2rem;
        right: 1.5rem
    }
}

.cs-pwa-notification-panel__close-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    fill: #ebebeb
}

.cs-pwa-notification-panel__close:hover .cs-pwa-notification-panel__close-icon {
    fill: #000
}

@-webkit-keyframes ringing {

    0%,
    12% {
        transform: scale(1) rotate(0deg)
    }

    3%,
    7% {
        transform: scale(1.3) rotate(27deg)
    }

    5%,
    9% {
        transform: scale(1.3) rotate(-27deg)
    }
}

@keyframes ringing {

    0%,
    12% {
        transform: scale(1) rotate(0deg)
    }

    3%,
    7% {
        transform: scale(1.3) rotate(27deg)
    }

    5%,
    9% {
        transform: scale(1.3) rotate(-27deg)
    }
}

.cs-qty-increment {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.cs-qty-increment--wishlist,
.cs-qty-increment__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-qty-increment__input {
    font-size: 1em;
    line-height: 1.275em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    margin: 0;
    padding: .75em .5em;
    border-radius: 0;
    width: 0;
    min-width: 2ch;
    flex: 1 1;
    order: 2
}

.cs-qty-increment__input:focus:not([disabled]),
.cs-qty-increment__input:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.cs-qty-increment__input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-qty-increment__input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-qty-increment__input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-qty-increment__input[disabled] {
    opacity: .65
}

.ie11 .cs-qty-increment__input {
    flex-basis: auto
}

.cs-qty-increment__input,
.cs-qty-increment__input:focus:not([disabled]),
.cs-qty-increment__input:hover:not([disabled]) {
    border-left-width: 0;
    border-right-width: 0;
    border-color: #dcdcdc
}

.cs-qty-increment__input.mage-error,
.cs-qty-increment__input.mage-error~.cs-qty-increment__button {
    border-color: #e41f12 !important
}

.cs-qty-increment__input+.mage-error {
    order: 3;
    width: 100%
}

.cs-qty-increment__button {
    transition: background-color .5s, border-color .5s, fill .5s;
    will-change: transform, background-color, border-color, fill;
    max-width: 3rem;
    background-color: transparent;
    flex: 1 1 2rem;
    position: relative;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: 3px
}

.cs-qty-increment__button,
.cs-qty-increment__button:focus,
.cs-qty-increment__button:visited {
    background-color: transparent;
    border: 1px solid #dcdcdc
}

.cs-qty-increment__button *,
.cs-qty-increment__button:focus *,
.cs-qty-increment__button:visited * {
    fill: #ff6101
}

.cs-qty-increment__button:active,
.cs-qty-increment__button:hover {
    background-color: #ff6101;
    border: 1px solid #ff6101;
    cursor: pointer
}

.cs-qty-increment__button:active *,
.cs-qty-increment__button:hover * {
    fill: #fff
}

.cs-qty-increment__button--decrement {
    order: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cs-qty-increment__button--increment {
    order: 2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cs-qty-increment__button--disabled {
    opacity: 1
}

.cs-qty-increment__button--disabled,
.cs-qty-increment__button--disabled:focus,
.cs-qty-increment__button--disabled:hover,
.cs-qty-increment__button--disabled:visited {
    background-color: transparent;
    border: 1px solid #dcdcdc;
    cursor: not-allowed
}

.cs-qty-increment__button--disabled *,
.cs-qty-increment__button--disabled:focus *,
.cs-qty-increment__button--disabled:hover *,
.cs-qty-increment__button--disabled:visited * {
    fill: #dcdcdc
}

.cs-qty-increment__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cs-qty-increment__icon--decrement {
    width: 1.2rem;
    height: .3rem
}

.cs-qty-increment__icon--increment {
    width: 1.2rem;
    height: 1.2rem
}

.ui-slider-horizontal {
    background: #dcdcdc;
    height: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    border-radius: 1rem
}

.ui-slider-horizontal .ui-slider-handle {
    width: 1rem;
    height: 1rem;
    background: #ff6101;
    transition: transform .3s, background .3s;
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    margin-left: -.5rem
}

.ui-slider-horizontal .ui-slider-handle.ui-state-active,
.ui-slider-horizontal .ui-slider-handle.ui-state-focus,
.ui-slider-horizontal .ui-slider-handle.ui-state-hover {
    transform: scale(1.5);
    background: #ff6101
}

.cs-social-media-list {
    margin: 0;
    list-style: none;
    display: flex;
    padding: 1.5rem 0;
    justify-content: center;
    align-items: center
}

@media (min-width:48em) {
    .cs-social-media-list {
        justify-content: flex-start;
        padding-bottom: 0;
        padding-top: 0
    }
}

.cs-social-media-list__item {
    margin: 0 .4em;
    padding: 0
}

.cs-social-media-list__link {
    display: flex;
    position: relative;
    height: 3.5em;
    min-width: 4em;
    background: #212121;
    color: inherit;
    border-radius: 3px;
    transform: skew(-18deg);
    transition: background-color .15s linear
}

.cs-social-media-list__link:hover {
    background: #ff6101
}

.cs-social-media-list__icon {
    position: absolute;
    fill: #fff;
    transform: translate3d(-55%, -55%, 0) skew(18deg);
    transition: fill .15s linear;
    top: 50%;
    left: 55%
}

.cs-social-media-list__item--fb .cs-social-media-list__icon {
    width: .9em;
    height: 1.8em
}

.cs-social-media-list__item--tw .cs-social-media-list__icon {
    width: 2.5em;
    height: 2em
}

.cs-social-media-list__item--yt .cs-social-media-list__icon {
    width: 1.8em;
    height: 2.1em
}

.cs-social-media-list__item--gp .cs-social-media-list__icon {
    width: 2em;
    height: 2em;
    margin-top: .1em
}

.cs-star-rating {
    display: flex;
    align-items: center
}

.cs-star-rating__stars {
    display: inline-flex;
    padding: 0;
    width: 7.2rem;
    justify-content: space-between
}

.cs-star-rating--summary .cs-star-rating__stars {
    width: 10rem;
    padding: 0
}

.cs-star-rating--review .cs-star-rating__stars {
    width: 7.2rem;
    padding: 0
}

.cs-star-rating__star {
    display: flex;
    width: 1.5rem;
    height: 100%;
    fill: #ebebeb
}

.cs-star-rating__star--active,
.cs-star-rating__star--half-active .star-left {
    fill: #fcb739
}

.cs-star-rating__star--half-active .star-rigth {
    fill: #ebebeb
}

.cs-star-rating--summary .cs-star-rating__star {
    width: 2rem
}

.ie11 .cs-star-rating--summary .cs-star-rating__star {
    height: calc(2rem / 1.05)
}

.cs-star-rating--review .cs-star-rating__star {
    width: 1.5rem
}

.ie11 .cs-star-rating--review .cs-star-rating__star {
    height: calc(1.5rem / 1.05)
}

.cs-star-rating__star path {
    fill-opacity: 1;
    fill: inherit
}

.ie11 .cs-star-rating__star {
    height: calc(1.5rem / 1.05)
}

.cs-star-rating img {
    width: 1.5rem;
    height: 100%
}

.cs-star-rating__form-stars {
    display: inline-flex;
    padding: 0
}

.cs-star-rating__form-star {
    opacity: 1;
    fill: #ebebeb;
    width: 100%
}

.cs-star-rating__form-star--active {
    fill: #fcb739
}

.cs-star-rating__form-star path {
    fill-opacity: 1;
    fill: inherit
}

.cs-star-rating__form-star:nth-last-of-type() {
    padding-right: 0
}

.cs-star-rating__form-stars:hover .cs-star-rating__form-star {
    fill: #fcb739
}

.cs-star-rating__form-stars label:hover~label .cs-star-rating__form-star {
    fill: #ebebeb
}

.ie11 .cs-star-rating__form-star {
    height: calc(2rem / 1.05)
}

.cs-star-rating__text {
    display: inline-block;
    color: #696969;
    padding-left: .5em;
    line-height: 1;
    padding-top: calc(1.5rem * .1)
}

.cs-star-rating__text--count:before {
    content: "("
}

.cs-star-rating__text--count:after {
    content: ")"
}

.cs-star-rating__text-annotation {
    display: inline;
    line-height: 1
}

.cs-product-tile .cs-star-rating__text-annotation {
    display: none
}

.cs-star-rating__label {
    color: #212121;
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: calc(1.5rem * .2)
}

.review-control-vote .rating-1:before,
.review-control-vote .rating-2:before,
.review-control-vote .rating-3:before,
.review-control-vote .rating-4:before,
.review-control-vote .rating-5:before,
.review-control-vote:before {
    content: none
}

.review-control-vote label {
    position: static;
    width: 3rem;
    padding-right: 1rem;
    line-height: 0
}

@media (min-width:48em) {
    .review-control-vote label {
        width: 2.6rem;
        padding-right: .6rem
    }
}

.review-control-vote label:last-child {
    width: 2rem;
    padding-right: 0
}

[class^=swatch-opt-] {
    font-size: .45em;
    min-height: calc(1 * (2.8em + 8px));
    opacity: 1;
    transition: opacity .3s;
    pointer-events: none
}

@media (min-width:48.01em) {
    [class^=swatch-opt-] {
        pointer-events: auto
    }
}

[class^=swatch-opt-]:empty {
    opacity: 0
}

.ie11 [class^=swatch-opt-] {
    width: 100%
}

.swatch-opt {
    font-size: .9em
}

.swatch-opt .mage-error {
    font-size: 1em;
    width: 100%;
    margin-left: calc(10rem + 1.5rem)
}

@media (min-width:64em) {
    .swatch-opt .mage-error {
        margin-left: calc(11rem + 1.5rem)
    }
}

.swatch-attribute {
    display: flex;
    width: 100%;
    overflow: hidden;
    align-items: center !important;
    flex-wrap: wrap
}

.swatch-attribute.swatch-layered {
    font-size: .8em
}

.swatch-attribute+.swatch-attribute {
    margin-top: .8em
}

.swatch-attribute-label {
    text-transform: uppercase;
    line-height: calc(2.8em - 6px + .1em);
    font-weight: 700;
    font-size: 1.1em;
    width: 10rem;
    margin-right: 1.5rem
}

@media (min-width:64em) {
    .swatch-attribute-label {
        width: 11rem
    }
}

.swatch-attribute-label:after {
    content: ": ";
    line-height: calc(2.8em - 6px + .1em)
}

.swatch-attribute-selected-option {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.2em;
    margin-bottom: -.4em;
    min-width: 100%;
    justify-content: center
}

.swatch-attribute-options:focus {
    box-shadow: none
}

.swatch-opt .swatch-attribute-options {
    min-width: 0;
    justify-content: flex-start;
    max-width: calc(100% - 1.5rem - 10rem)
}

@media (min-width:64em) {
    .swatch-opt .swatch-attribute-options {
        max-width: calc(100% - 1.5rem - 11rem)
    }
}

.swatch-option-link-layered {
    font-size: 1em
}

.swatch-option-link-layered:hover {
    text-decoration: none
}

.swatch-option {
    font-weight: 400;
    position: relative;
    min-width: 3.2em;
    height: 2.8em;
    padding: 0 .35em;
    margin: 1px calc(1px + .2em) calc(1px + .4em);
    border-radius: 3px;
    background-color: #f0f0f0;
    border: 3px solid #f0f0f0;
    color: #696969;
    cursor: pointer;
    line-height: calc(2.8em - 6px + .1em);
    text-align: center;
    transition: background-color .3s, border-color .3s, opacity .3s, color .3s;
    display: block !important
}

.swatch-option:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    transition: border-color .3s
}

.swatch-option:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: url(../images/icons/swatches/disabled.svg) hsla(0, 0%, 86.3%, .5) 50% no-repeat;
    transform: translate(-50%, -50%);
    width: calc(2.8em - 1.4em);
    height: calc(2.8em - 1.4em);
    background-size: .6em;
    transition: opacity .3s;
    opacity: 0
}

.swatch-option:not(.disabled):not(.selected):not([disabled]):hover {
    border: 3px solid #fff;
    background: #fff
}

.swatch-option:not(.disabled):not(.selected):not([disabled]):hover:before {
    border: 1px solid #ff6101
}

.swatch-option.selected {
    border: 3px solid #fff;
    background: #fff
}

.swatch-option.selected:before {
    border: 1px solid #ff6101
}

.swatch-option.disabled,
.swatch-option[disabled] {
    cursor: not-allowed
}

.swatch-option.disabled.text,
.swatch-option[disabled].text {
    opacity: .65;
    color: #ebebeb;
    background: #fff
}

.swatch-option.disabled.text:before,
.swatch-option[disabled].text:before {
    border: 1px solid #dcdcdc
}

.swatch-option.disabled.color:after,
.swatch-option.disabled.image:after,
.swatch-option[disabled].color:after,
.swatch-option[disabled].image:after {
    opacity: 1
}

.swatch-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    left: -1000px;
    position: absolute;
    visibility: hidden
}

.swatch-more {
    display: none
}

.swatch-option-tooltip,
.swatch-option-tooltip-layered {
    display: none;
    position: absolute;
    margin: 0;
    z-index: 999;
    background: #fff;
    border-radius: .5rem;
    color: #ebebeb;
    font-size: 1.3rem;
    font-weight: 400;
    padding: .5rem;
    text-align: center;
    min-width: 2rem;
    border: .1rem solid #dcdcdc
}

.swatch-option-tooltip-layered .image,
.swatch-option-tooltip .image {
    display: block;
    margin: 0 auto;
    width: 110px;
    height: 110px
}

.swatch-option-tooltip-layered .corner:after,
.swatch-option-tooltip .corner:after {
    content: "";
    position: absolute;
    top: 100%;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-bottom: .1rem solid #dcdcdc;
    border-right: .1rem solid #dcdcdc;
    margin-top: calc(-.5rem + .1rem)
}

.swatch-option-tooltip {
    pointer-events: none
}

.missing-swatches-modal {
    max-width: 40rem;
    margin-left: auto
}

.missing-swatches-modal .mage-error {
    padding-top: .8rem
}

.missing-swatches-modal .swatch-attribute+.swatch-attribute {
    margin-top: 2rem
}

.cs-tile-gallery {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    opacity: 0;
    transition: opacity .15s linear
}

@media (min-width:64em) {
    .cs-tile-gallery {
        display: flex
    }
}

.touch-device .cs-tile-gallery {
    display: none !important
}

@media (min-width:64em) {
    .cs-product-tile:hover .cs-tile-gallery.active {
        opacity: 1
    }
}

.cs-tile-gallery__item {
    margin: 0 .3rem 0 0;
    padding: 0;
    cursor: pointer
}

.cs-tile-gallery__thumbnail {
    display: block;
    width: 4rem;
    height: 4rem;
    border: 1px solid #ebebeb;
    transition: border-color .15s linear;
    overflow: hidden;
    position: relative;
    background-image: url(../images/icons/tile-gallery/tile-gallery-spinner.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff
}

.cs-tile-gallery__item--active .cs-tile-gallery__thumbnail {
    border-color: #ff6101
}

.cs-tile-gallery__thumbnail>img,
.cs-tile-gallery__thumbnail>source {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cs-product-tile__image--animatable {
    opacity: 0;
    transform: scale(2.5);
    transition: transform .5s cubic-bezier(0, .66, .32, .99), opacity .45s linear
}

.cs-product-tile__image--animate {
    opacity: 1;
    transform: scale(1)
}

.cs-topbar {
    background: transparent;
    display: none;
    width: 100%;
    font-size: 1.1rem;
    transform: translateY(0);
    transition: transform .3s
}

@media (min-width:64em) {
    .cs-topbar {
        display: flex;
        z-index: 302
    }
}

.cs-topbar--hidden {
    transform: translateY(-105%)
}

.page-print .cs-topbar {
    display: none
}

.cs-topbar__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    height: 2.7rem
}

@media (min-width:64em) {
    .cs-topbar__wrapper {
        flex-wrap: nowrap
    }
}

.cs-topbar__item {
    color: #212121;
    display: flex;
    flex: 0 0 auto;
    white-space: nowrap;
    height: 100%
}

.cs-topbar__item--usps {
    margin-right: auto
}

@media (max-width:79.99em) {
    .cs-topbar__item--usps {
        display: none !important
    }
}

.page-wrapper--checkout .cs-topbar__item--usps {
    display: none !important
}

.cs-topbar__item--hotline {
    align-items: center
}

@media (max-width:79.99em) {
    .cs-topbar__item--hotline {
        flex: 1 1;
        justify-content: flex-end
    }
}

.cs-topbar__item--language {
    height: 100%
}

.cs-topbar__item>ul,
.cs-topbar__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.cs-topbar__list-item {
    margin-bottom: 0;
    height: 2.7rem;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: .9rem;
    padding: 0 .3rem 0 0
}

@media (min-width:64em) {
    .cs-topbar__list-item {
        padding: 0 1.3rem 0 0;
        margin-right: 1.7rem
    }
}

.cs-topbar__list-item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-right: .2rem solid #fff;
    transform: skew(-18deg)
}

.cs-topbar__list-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.cs-topbar__list-item:last-child:before {
    content: none
}

.cs-topbar__text {
    color: #212121
}

.cs-topbar__link {
    margin-right: .9rem
}

.cs-topbar__link,
.cs-topbar__link:focus,
.cs-topbar__link:hover,
.cs-topbar__link:visited,
.cs-topbar__link:visited:focus,
.cs-topbar__link:visited:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-topbar__link:hover {
    color: #000
}

@media (max-width:63.99em) {
    .cs-topbar__link {
        display: none
    }
}

.cs-topbar__hotline {
    display: flex;
    align-items: center
}

.cs-topbar__phone-number {
    color: #000;
    font-weight: 700;
    margin-right: .9rem
}

.cs-topbar__phone-number:hover {
    color: #000
}

h1,
h2 {
    font-size: 2.6rem
}

h1,
h2,
h3 {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

h3 {
    font-size: 2.4rem;
    text-transform: unset;
    font-weight: 500;
}

h4 {
    font-size: 2.2rem;
    text-transform: unset;
    font-weight: 500;
}

h4,
h5 {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

h5 {
    font-size: 1.1rem
}

h6 {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

a,
a:focus,
a:hover,
a:visited,
a:visited:focus,
a:visited:hover {
    color: #ff6101;
    text-decoration: none
}

ol,
ul {
    margin: 0 0 2.5rem;
    padding: 0 0 0 4rem
}

ol>li,
ul>li {
    margin: 0 0 1rem
}

.cs-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-select {
    min-width: .5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    height: 100%;
    padding: 0;
    opacity: 0;
    border: none
}

.cs-select--mobile {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 4
}

.cs-html-select {
    position: relative;
    display: block;
    min-width: 15rem;
    box-sizing: border-box;
    z-index: 2
}

.cs-html-select.open {
    z-index: 99
}

.cs-html-select__trigger {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    width: 100%;
    min-width: 13rem;
    text-align: left;
    z-index: 3;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: .75em 2.3em .75em 1em;
    border-radius: 3px;
    box-shadow: none;
    font-size: 1em
}

.cs-html-select__trigger--disabled {
    opacity: .65;
    cursor: not-allowed
}

.cs-html-select--error .cs-html-select__trigger {
    border-color: #f46667;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.cs-html-select--open .cs-html-select__trigger,
.cs-html-select.open .cs-html-select__trigger {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #ff6101;
    border-bottom-color: #dcdcdc
}

.cs-html-select__trigger-text {
    color: #212121;
    line-height: 1.275em;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    margin-right: 2rem
}

.cs-html-select__trigger-caret {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.cs-html-select__trigger-caret-arrow {
    display: block;
    position: relative
}

.cs-html-select__trigger-caret-arrow:after,
.cs-html-select__trigger-caret-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .7rem;
    height: 1px;
    left: auto;
    background-color: #dcdcdc;
    transition: transform .15s linear, right .15s linear, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-html-select__trigger-caret-arrow:hover:after,
.cs-html-select__trigger-caret-arrow:hover:before {
    background-color: #ebebeb
}

.cs-html-select--open .cs-html-select__trigger-caret-arrow:after,
.cs-html-select--open .cs-html-select__trigger-caret-arrow:before {
    background-color: #ff6101
}

.cs-html-select__trigger-caret-arrow:before {
    transform: rotate(45deg) translateZ(0);
    right: 1.7rem
}

.cs-html-select__trigger-caret-arrow:after {
    transform: rotate(-45deg) translateZ(0);
    right: 1.2rem
}

.cs-html-select--open .cs-html-select__trigger-caret-arrow:before {
    transform: rotate(-45deg)
}

.cs-html-select--open .cs-html-select__trigger-caret-arrow:after {
    transform: rotate(45deg)
}

.cs-html-select__menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    border: 1px solid #ff6101;
    border-top-color: #dcdcdc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 hsla(0, 0%, 39.2%, .2);
    margin-top: -1px;
    min-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    transform: translateZ(0)
}

.cs-html-select--open .cs-html-select__menu {
    display: block;
    opacity: 1
}

.cs-html-select--autosuggest:not(.cs-html-select--open) .cs-html-select__menu {
    padding: 0;
    border: none
}

.cs-html-select__menu-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-html-select__menu-item {
    margin: 0;
    padding: 0;
    border-top: none
}

.cs-html-select__menu-item--hidden {
    display: none
}

.cs-html-select__menu-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1em;
    height: 2.8em;
    color: #212121;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .15s linear, color .15s linear
}

.cs-html-select__menu-item--selected .cs-html-select__menu-link {
    color: #fff;
    background-color: #ff6101
}

.cs-html-select__menu-item--focused .cs-html-select__menu-link,
.cs-html-select__menu-link:focus,
.cs-html-select__menu-link:hover {
    background-color: #ff6101;
    color: #fff;
    text-decoration: none;
    outline: none
}

.cs-html-select__menu-item-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-html-select__text-image-wrapper {
    display: flex;
    align-items: center
}

.cs-html-select__thumbnail {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    margin-right: 1rem
}

.cs-html-select--autosuggest {
    padding: 0
}

.cs-html-select--autosuggest .cs-html-select__menu {
    overflow-y: hidden;
    max-height: 220px
}

.cs-html-select--autosuggest .cs-html-select__menu-list {
    max-height: 220px
}

.cs-html-select--autosuggest:not(.cs-html-select--animate) .cs-html-select__menu {
    padding: 0;
    border: none
}

.cs-ie11-modal.modal-slide {
    left: 0;
    width: 100%
}

.cs-ie11-modal.modal-slide .modal-inner-wrap {
    top: 50%;
    transform: translate3d(0, -50%, 0) !important;
    width: 100%;
    max-width: 78rem;
    background-color: #fff;
    margin: auto
}

.cs-ie11-modal.modal-slide .modal-inner-wrap .modal-content {
    padding: 0
}

.cs-ie11-modal.modal-slide .action-close {
    background-size: 1.8rem 1.8rem;
    margin: 2.5rem
}

.cs-ie11-modal.modal-slide .modal-footer {
    padding: 2rem 0;
    margin: 0 3rem;
    border-top: 0;
    display: flex;
    justify-content: center
}

.cs-ie11-modal._show .cs-ie11-modal__inner {
    display: flex
}

.cs-ie11-modal__inner {
    display: none;
    padding: 0 3rem;
    font-size: 1.4rem;
    color: #212121;
    height: 100%
}

.cs-ie11-modal__body,
.cs-ie11-modal__header {
    padding: 2rem 0
}

.cs-ie11-modal__header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cs-ie11-modal__header-icon {
    width: 7rem;
    height: 7rem;
    margin-bottom: 2rem
}

.cs-ie11-modal__header-title {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    line-height: 100%;
    max-width: 100%
}

.cs-ie11-modal__body {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.cs-ie11-modal__paragraph {
    text-align: center;
    margin-bottom: 2rem
}

.cs-ie11-modal__paragraph--title {
    font-size: 2rem;
    font-weight: 700
}

.cs-ie11-modal__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around
}

.cs-ie11-modal__list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 130%;
    margin: 0
}

.cs-ie11-modal__item-logo {
    width: 3.8rem;
    height: 3.8rem;
    margin-bottom: 1rem;
    border: 0
}

.ie11 .cs-ie11-modal__item-logo {
    width: 4rem;
    height: 4rem
}

.cs-ie11-modal__item-name {
    font-weight: 700
}

.ie11 .modal-popup:not(.cs-vide-player__modal) .modal-content {
    max-height: 100%
}

.cs-pwa-notification._show {
    position: fixed;
    bottom: 0;
    top: auto;
    height: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow-y: visible
}

.cs-pwa-notification._show .modal-inner-wrap {
    width: 100%;
    margin: 0;
    background: #fff;
    box-shadow: 0 -.3rem .5rem 0 rgba(0, 0, 0, .15)
}

.cs-pwa-notification__title {
    margin: 0;
    padding: 2rem;
    font-size: 1.8rem
}

.cs-pwa-notification__content {
    padding: .5rem 2rem 1rem
}

.cs-pwa-notification__footer {
    padding: .5rem 2rem 2rem;
    display: flex;
    justify-content: flex-end
}

.cs-pwa-notification__button {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color
}

.cs-pwa-notification__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-pwa-notification__button,
.cs-pwa-notification__button:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-pwa-notification__button *,
.cs-pwa-notification__button:visited * {
    color: #fff;
    fill: #fff
}

.cs-pwa-notification__button:active:not([disabled]),
.cs-pwa-notification__button:focus:not([disabled]),
.cs-pwa-notification__button:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-pwa-notification__button:active:not([disabled]) *,
.cs-pwa-notification__button:focus:not([disabled]) *,
.cs-pwa-notification__button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-pwa-notification__button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-pwa-notification__button span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-dailydeal,
.cs-pwa-notification+.modals-overlay {
    display: none
}

.cs-dailydeal__header {
    display: flex;
    width: 100%;
    margin: 0 0 .5rem;
    font-size: 1.2rem;
    justify-content: space-between;
    align-items: flex-start
}

.cs-dailydeal__title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600
}

.cs-dailydeal__items-amount {
    font-weight: 600
}

.cs-dailydeal__countdown {
    display: flex;
    margin: 0;
    justify-content: stretch;
    align-items: stretch
}

.cs-dailydeal__countdown-element {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: .3rem .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: none;
    border-radius: 3px;
    margin-left: 3px;
    margin-right: 3px
}

.cs-dailydeal__countdown-element:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f0f0f0;
    border-radius: inherit;
    transform: skew(-12deg)
}

.cs-dailydeal__countdown-element:first-child {
    margin-left: 0;
    background: #f0f0f0;
    margin-right: 6px
}

.cs-dailydeal__countdown-element:first-child:before {
    transform-origin: bottom left
}

.cs-dailydeal__countdown-element:last-child:not(:only-child) {
    margin-right: 0;
    background: #f0f0f0;
    margin-left: 6px
}

.cs-dailydeal__countdown-element:last-child:not(:only-child):before {
    left: auto;
    right: 0;
    transform-origin: top right
}

.cs-dailydeal__countdown-element--special {
    width: 50%;
    background: #e41f12;
    z-index: 5
}

.cs-dailydeal__countdown-element--special:first-child,
.cs-dailydeal__countdown-element--special:first-child:before {
    background: #e41f12
}

.cs-dailydeal--tile .cs-dailydeal__countdown-element {
    margin-left: 1px;
    margin-right: 1px
}

.cs-dailydeal--tile .cs-dailydeal__countdown-element:first-child {
    margin-right: 5px
}

.cs-dailydeal--tile .cs-dailydeal__countdown-element:last-child:not(:only-child) {
    margin-left: 5px
}

.cs-dailydeal--teaser .cs-dailydeal__countdown-element {
    min-height: 4rem
}

.cs-dailydeal__countdown-icon {
    width: 1.9rem;
    height: 2.4rem;
    fill: #fff
}

.cs-dailydeal__countdown-value {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #e41f12;
    padding: 2px 0 0
}

.cs-dailydeal__countdown-label {
    display: block;
    font-size: 1.1rem;
    font-weight: inherit;
    color: #ebebeb;
    padding: 2px 0 0
}

.cs-dailydeal--tile {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3
}

.cs-dailydeal--tile .cs-dailydeal__availability {
    position: relative;
    background: #ebebeb;
    font-size: 1rem;
    color: #fff;
    padding: 2px 4px;
    z-index: 4;
    font-weight: 300;
    border-radius: 3px
}

.cs-dailydeal--tile .cs-dailydeal__availability:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #ebebeb;
    border-radius: inherit;
    transform: skew(-12deg)
}

.cs-dailydeal--tile .cs-dailydeal__availability:first-child {
    margin-left: 0;
    background: #ebebeb
}

.cs-dailydeal--tile .cs-dailydeal__availability:first-child:before {
    transform-origin: bottom left
}

.cs-dailydeal--tile .cs-dailydeal__availability:last-child:not(:only-child) {
    margin-right: 0;
    background: #ebebeb
}

.cs-dailydeal--tile .cs-dailydeal__availability:last-child:not(:only-child):before {
    left: auto;
    right: 0;
    transform-origin: top right
}

@media (min-width:23.125em) and (max-width:599px) {
    .cs-dailydeal--tile .cs-dailydeal__countdown-element {
        margin-left: 0;
        margin-right: 0
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:last-child:not(:only-child) {
        margin-left: 0
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:last-child .cs-dailydeal__countdown-value:after {
        content: none
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element--special {
        width: auto
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:not(.cs-dailydeal__countdown-element--special) {
        border-radius: 0;
        width: auto;
        padding: 0
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:not(.cs-dailydeal__countdown-element--special):before {
        transform: none
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:not(.cs-dailydeal__countdown-element--special):nth-child(2) {
        padding-left: 1.8rem;
        margin-left: -1rem !important
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-element:not(.cs-dailydeal__countdown-element--special):last-child {
        padding-right: .8rem;
        border-radius: 0 3px 3px 0
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-value {
        font-size: 1.3rem
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-value:after {
        content: ":"
    }

    .cs-dailydeal--tile .cs-dailydeal__countdown-label {
        display: none
    }
}

.cs-dailydeal__badge-pdp-icon {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 10;
    fill: #fff
}

.loading-mask[data-role=main-css-loader] {
    display: none !important
}

.cs-page-category__toolbar-wrapper--top {
    border-bottom: 1px solid #f0f0f0
}

@media (min-width:48em) {
    .cs-page-category__toolbar-wrapper--top .cs-toolbar__item--pagination {
        display: block
    }
}

@media (min-width:64em) {
    .cs-page-category__toolbar-wrapper--top .cs-toolbar__item--limiter {
        display: block
    }
}

.category-tabs__wrapper {
    width: 100%
}

.category-tabs__buttons-wrapper {
    width: 100%;
    border-bottom: 1px solid #bbb
}

.category-tabs__buttons {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex
}

.category-tabs__link {
    display: inline-block;
    padding: 5px 30px;
    border: 1px solid #ddd;
    border-top: 3px solid #ddd;
    border-bottom: 0;
    cursor: pointer;
    margin: 0 -1px -1px 0;
    color: #ccc;
    text-transform: uppercase;
    z-index: 5
}

.category-tabs__link.active {
    color: #ff6101;
    border-color: #ff6101 #bbb #fff;
    border-bottom: 1px solid #fff;
    z-index: 10
}

.category-tabs__content {
    padding-top: 20px
}

.category-tabs__page {
    display: none;
    max-width: 1140px;
    margin: 0 auto
}

.category-tabs__page.active {
    display: block
}

.subcategory-list__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 20px;
    justify-content: space-between;
    position: relative
}

.subcategory-list__wrapper:after {
    content: "";
    width: 31%
}

@media (max-width:63.99em) {
    .subcategory-list__wrapper:after {
        width: 49%
    }
}

@media (max-width:29.99em) {
    .subcategory-list__wrapper:after {
        display: none
    }
}

.subcategory-list__item {
    width: 31%;
    flex-basis: 31%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    height: 90px;
    margin: 10px 0;
    padding: 10px
}

.subcategory-list__item:hover {
    border-color: #ff6101
}

.subcategory-list__item:hover .subcategory-list__title {
    text-decoration: underline
}

@media (max-width:63.99em) {
    .subcategory-list__item {
        width: 49%;
        flex-basis: 49%
    }
}

@media (max-width:29.99em) {
    .subcategory-list__item {
        width: 100%;
        flex-basis: 100%
    }
}

.subcategory-list__title {
    color: #4899ff;
    font-weight: 600
}

@media (max-width:63.99em) {
    .subcategory-list__title {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.subcategory-list__img {
    align-self: flex-end;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    max-width: 100%
}

.cs-page-category {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width:48em) {
    .cs-page-category {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.page-layout-2columns-left .cs-page-category__sidebar {
    order: 1
}

@media (min-width:48em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: calc(100% / 3);
        border-right: 2px solid #f0f0f0;
        padding: 0 1.5rem 0 0
    }
}

@media (min-width:64em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: calc(100% / 4);
        border-right: 2px solid #f0f0f0;
        padding: 0 1.5rem 0 0
    }
}

@media (min-width:80em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: calc(100% / 4);
        border-right: 2px solid #f0f0f0
    }
}

@media (min-width:90em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: calc(100% / 4);
        border-right: 2px solid #f0f0f0
    }
}

@media (min-width:120em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: calc(100% / 4);
        border-right: 2px solid #f0f0f0
    }
}

.page-layout-2columns-left .cs-page-category__main {
    order: 2;
    width: 100%
}

.page-layout-2columns-left .cs-page-category__sidebar {
    padding: 0;
    border: 0
}

@media (min-width:48em) {
    .page-layout-2columns-left .cs-page-category__sidebar {
        width: 100%
    }
}

.page-layout-1column .cs-page-category__main {
    display: flex;
    flex-direction: column
}

.page-layout-1column .cs-page-category__main .page-title-wrapper {
    order: -2
}

.page-layout-1column .cs-page-category__main .cs-aftersearch-nav--horizontal {
    order: -1
}

@media (max-width:47.99em) {
    .cs-page-category__columns {
        display: flex;
        flex-direction: column
    }
}

.cs-page-category__toolbar-wrapper {
    padding: 1.5rem 0 0
}

@media (min-width:48em) {
    .ie11 .cs-page-category__toolbar-wrapper .cs-toolbar__item--pagination {
        margin-left: 0;
        flex-grow: 1;
        justify-content: flex-end
    }
}

@media (min-width:48em) {
    .ie11 .cs-page-category__toolbar-wrapper .cs-toolbar__item--pagination .cs-pagination__content {
        justify-content: flex-end
    }
}

.cs-page-category__toolbar-wrapper--top,
.cs-page-category__toolbar-wrapper--top .cs-toolbar__item--limiter,
.cs-page-category__toolbar-wrapper--top .cs-toolbar__item--pagination {
    display: none
}

@media (min-width:48em) {
    .cs-page-category__toolbar-wrapper--top .cs-toolbar__item--pagination {
        display: none
    }
}

@media (min-width:64em) {
    .cs-page-category__toolbar-wrapper--top .cs-toolbar__item--limiter {
        display: none
    }
}

.cs-page-category__toolbar-wrapper--bottom {
    margin-top: 1px;
    border-top: 1px solid #f0f0f0
}

.cs-page-category__toolbar-wrapper--bottom .cs-toolbar {
    justify-content: center
}

@media (max-width:47.99em) {

    .cs-page-category__toolbar-wrapper--bottom .cs-toolbar__item--sorter,
    .cs-page-category__toolbar-wrapper--bottom .cs-toolbar__item--viewmode-switcher .cs-page-category__toolbar-wrapper--bottom .cs-toolbar__item--amount {
        display: none
    }
}

@media (max-width:63.99em) {
    .cs-page-category__toolbar-wrapper--bottom .cs-toolbar__item--limiter {
        display: none
    }
}

.cs-page-category__toolbar-wrapper--bottom .cs-toolbar__item--pagination {
    display: flex;
    justify-content: center
}

.cs-page-category__cc-bottom {
    padding-top: 3rem
}

@media (min-width:48em) {
    .cs-page-category__cc-bottom {
        padding-top: 4rem
    }
}

.cs-page-category__products-wrapper {
    margin: 0
}

.cs-page-category .cs-page-category__products-wrapper,
.cs-page-category .cs-page-title {
    max-width: 1140px;
    margin: 0 auto
}

.category-image {
    margin: 2rem 0
}

.cs-aftersearch-nav-state {
    font-size: 1.4rem;
    padding: .8em 0 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    overflow: visible
}

.cs-aftersearch-nav-state__items {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    margin-right: -.8em
}

.cs-aftersearch-nav-state__items:after {
    content: "";
    flex: 1 1;
    order: 2
}

.cs-aftersearch-nav-state__item {
    display: flex;
    align-items: flex-start;
    margin: 0 .8em .8em 0;
    order: 2
}

.cs-aftersearch-nav-state__item a {
    padding: 10px 20px
}

.cs-aftersearch-nav-state__item--clear {
    display: none;
    order: 1;
    width: auto
}

.cs-aftersearch-nav-state__item--clear a,
.cs-aftersearch-nav-state__item--clear a:active,
.cs-aftersearch-nav-state__item--clear a:hover,
.cs-aftersearch-nav-state__item--clear a:visited {
    background: #ff6101;
    color: #fff
}

.cs-aftersearch-nav-state__item--clear a:active path,
.cs-aftersearch-nav-state__item--clear a:active svg,
.cs-aftersearch-nav-state__item--clear a:hover path,
.cs-aftersearch-nav-state__item--clear a:hover svg,
.cs-aftersearch-nav-state__item--clear a:visited path,
.cs-aftersearch-nav-state__item--clear a:visited svg,
.cs-aftersearch-nav-state__item--clear a path,
.cs-aftersearch-nav-state__item--clear a svg {
    fill: #fff
}

.cs-aftersearch-nav-state__item--clear:nth-child(n+2) {
    display: flex
}

.cs-aftersearch-nav-state__link,
.cs-aftersearch-nav-state__link:active,
.cs-aftersearch-nav-state__link:visited {
    font-size: .8em;
    border: 0;
    border-radius: 0;
    color: #000;
    background: #fff;
    padding: 10px 20px;
    position: relative
}

.cs-aftersearch-nav-state__link:active path,
.cs-aftersearch-nav-state__link:active svg,
.cs-aftersearch-nav-state__link:visited path,
.cs-aftersearch-nav-state__link:visited svg,
.cs-aftersearch-nav-state__link path,
.cs-aftersearch-nav-state__link svg {
    fill: #ff6101
}

.cs-aftersearch-nav-state__text {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal;
    padding: 0 1em 0 0
}

.cs-aftersearch-nav-state__label:after {
    content: ": "
}

.cs-aftersearch-nav-state__value {
    font-weight: 400
}

.cs-aftersearch-nav-state__remove-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    margin-left: 0;
    left: 1em;
    height: .8em;
    width: .8em;
    left: auto;
    right: 1em
}

.cs-aftersearch-nav-range {
    font-size: 1.3rem
}

.cs-aftersearch-nav-range--inputs-only .cs-aftersearch-nav-range__slider,
.cs-aftersearch-nav-range--slider-only .cs-aftersearch-nav-range__fields {
    display: none
}

.cs-aftersearch-nav-range--slider-only .cs-aftersearch-nav-range__slider-label {
    display: inline-block
}

.cs-aftersearch-nav-range__fields {
    display: flex;
    align-items: center;
    margin-bottom: 1.5em
}

.cs-aftersearch-nav-range__label {
    color: #696969
}

.cs-aftersearch-nav-range__label--from {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.cs-aftersearch-nav-range__label--to {
    margin: 0 .5em
}

.cs-aftersearch-nav-range__field {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    font-size: 1em
}

.cs-aftersearch-nav-range__currency {
    position: absolute;
    left: 8.7em;
    top: 50%;
    transform: translateY(-50%);
    color: #212121
}

@media (min-width:48em) {
    .cs-aftersearch-nav-range__currency {
        left: auto;
        right: .6em
    }
}

.cs-aftersearch-nav-range__input {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit;
    margin: 0;
    min-width: 7em;
    max-width: 10em
}

.cs-aftersearch-nav-range__input:focus:not([disabled]),
.cs-aftersearch-nav-range__input:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.cs-aftersearch-nav-range__input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav-range__input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav-range__input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav-range__input[disabled] {
    opacity: .65
}

.cs-aftersearch-nav-range__slider {
    margin-bottom: 1.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.cs-aftersearch-nav-range__slider-label {
    display: none;
    margin-bottom: .5em
}

.cs-aftersearch-nav-range__slider-bar {
    width: 100%
}

.cs-aftersearch-nav-range__actions-box {
    display: flex;
    align-items: center
}

.cs-aftersearch-nav-range__message {
    flex: 1 1;
    margin-right: 1em;
    color: #212121
}

.cs-aftersearch-nav-range__apply {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    font-size: 1em
}

.cs-aftersearch-nav-range__apply::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-aftersearch-nav-range__apply,
.cs-aftersearch-nav-range__apply:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.cs-aftersearch-nav-range__apply *,
.cs-aftersearch-nav-range__apply:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-aftersearch-nav-range__apply:active:not([disabled]),
.cs-aftersearch-nav-range__apply:focus:not([disabled]),
.cs-aftersearch-nav-range__apply:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-aftersearch-nav-range__apply:active:not([disabled]) *,
.cs-aftersearch-nav-range__apply:focus:not([disabled]) *,
.cs-aftersearch-nav-range__apply:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-aftersearch-nav-range__apply[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-aftersearch-nav {
    overflow: visible;
    width: calc(100% + 3rem);
    margin: 0 -1.5rem 3rem
}

@media (min-width:48em) {
    .cs-aftersearch-nav {
        width: auto;
        margin: 0
    }
}

.cs-aftersearch-nav__loader {
    display: none
}

.cs-aftersearch-nav__loader-icon {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    stroke: #dcdcdc;
    width: 8rem;
    height: 8rem
}

.cs-aftersearch-nav.filter-no-options {
    display: none
}

@media (min-width:48em) {
    .cs-aftersearch-nav.filter-no-options {
        display: block
    }
}

.cs-aftersearch-nav__filter-options {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-aftersearch-nav__filter {
    position: relative;
    margin: 0
}

.cs-aftersearch-nav__filter+.cs-aftersearch-nav__filter {
    border-top: 1px solid #dcdcdc
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filter+.cs-aftersearch-nav__filter {
        border-top: 0
    }
}

.cs-aftersearch-nav__filter--hide-searchbox .search {
    display: none
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filter {
        padding-bottom: 0;
        border-bottom: 1px solid #dcdcdc
    }
}

.cs-aftersearch-nav__filter--checked:not(.active)>.cs-aftersearch-nav__filter-title:after {
    opacity: 0
}

.cs-aftersearch-nav__filter--checked>.cs-aftersearch-nav__filter-title:before {
    background: 50% no-repeat url(../images/icons/aftersearch-nav/check.svg);
    height: 1.3rem;
    width: 1.3rem
}

.cs-aftersearch-nav__filters-trigger {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 1em;
    background: #f0f0f0;
    box-shadow: 0 4px 3px -2px rgba(0, 0, 0, .15);
    transition-property: background-color, color, box-shadow;
    transition-duration: .3s;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase
}

.cs-aftersearch-nav__filters-trigger:after,
.cs-aftersearch-nav__filters-trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1rem;
    height: .2rem;
    left: auto;
    background-color: currentColor;
    transition: transform .3s ease-out, opacity .15s ease-out, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-aftersearch-nav__filters-trigger:hover:after,
.cs-aftersearch-nav__filters-trigger:hover:before {
    background-color: #ebebeb
}

.cs-aftersearch-nav__filters-trigger[aria-expanded=true]:after,
.cs-aftersearch-nav__filters-trigger[aria-expanded=true]:before {
    background-color: #fff
}

.cs-aftersearch-nav__filters-trigger:after,
.cs-aftersearch-nav__filters-trigger:before {
    right: 1.5rem;
    transform: translate3d(0, -50%, 0) !important
}

.cs-aftersearch-nav__filters-trigger:after {
    transform: translate3d(0, -50%, 0) rotate(90deg) !important
}

.cs-aftersearch-nav__filters-trigger[aria-expanded=true]:before {
    transform: translate3d(0, -50%, 0) rotate(-90deg) !important;
    opacity: 0
}

.cs-aftersearch-nav__filters-trigger[aria-expanded=true]:after {
    transform: translate3d(0, -50%, 0) rotate(0) !important
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filters-trigger {
        display: none
    }
}

.cs-aftersearch-nav__filters-trigger[aria-expanded=true] {
    background: #ff6101;
    color: #fff
}

.cs-aftersearch-nav__filters {
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 0
}

.cs-aftersearch-nav__filters[aria-hidden] {
    height: auto
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filters {
        height: auto;
        border-bottom: none;
        overflow: visible
    }
}

.cs-aftersearch-nav__filter-title {
    position: relative;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    width: 100%;
    background: #f0f0f0;
    padding: 1.3rem 3rem 1.3rem 1.5rem
}

.cs-aftersearch-nav__filter-title:after,
.cs-aftersearch-nav__filter-title:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1rem;
    height: .2rem;
    left: auto;
    background-color: currentColor;
    transition: transform .3s ease-out, opacity .15s ease-out, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: 1.5rem;
    transform: translate3d(0, -50%, 0) !important
}

.cs-aftersearch-nav__filter-title:after {
    transform: translate3d(0, -50%, 0) rotate(90deg) !important
}

.cs-aftersearch-nav__filter-title[aria-expanded=true]:before {
    transform: translate3d(0, -50%, 0) rotate(-90deg) !important;
    opacity: 0
}

.cs-aftersearch-nav__filter-title[aria-expanded=true]:after {
    transform: translate3d(0, -50%, 0) rotate(0) !important
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filter-title {
        padding: 2rem 2rem 2rem 0;
        background: transparent
    }
}

.cs-aftersearch-nav__filter-content {
    width: 100%;
    margin: 0;
    padding: 2rem 1.5rem;
    display: none
}

@media (min-width:48em) {
    .cs-aftersearch-nav__filter-content {
        padding: 0 0 2rem;
        width: auto
    }
}

.cs-aftersearch-nav__filter-content[aria-hidden] {
    display: block
}

.cs-aftersearch-nav .search {
    font-size: 1.3rem
}

.cs-aftersearch-nav .filter-search {
    font-size: 1em;
    line-height: 1.275em;
    padding: .75em 1em;
    color: #212121;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    transition: border-color .5s;
    width: 100%;
    background-clip: padding-box;
    font-family: inherit;
    margin: 0 0 1rem
}

.cs-aftersearch-nav .filter-search:focus:not([disabled]),
.cs-aftersearch-nav .filter-search:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none
}

.cs-aftersearch-nav .filter-search::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav .filter-search:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav .filter-search::placeholder {
    opacity: 1;
    color: #ebebeb
}

.cs-aftersearch-nav .filter-search[disabled] {
    opacity: .65
}

.cs-aftersearch-nav .items {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-columns: 2;
    column-count: 2
}

@media (min-width:48em) {
    .cs-aftersearch-nav .items {
        padding-top: 0;
        -moz-columns: 1;
        column-count: 1
    }
}

.cs-aftersearch-nav .item {
    margin: 1rem 0 0;
    font-size: 1.3rem;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.cs-aftersearch-nav .item:first-child {
    margin-top: 0
}

.cs-aftersearch-nav .item a {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    align-items: center;
    font-size: 1em;
    flex-wrap: nowrap;
    align-content: center
}

.cs-aftersearch-nav .item a:hover {
    text-decoration: none
}

.cs-aftersearch-nav .item input[type=checkbox] {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: -.0625em calc(.5em + 1px) 0 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 0 0 auto;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    transition: background-color .5s, border-color .5s;
    border-radius: 3px;
    background-size: 1em 1em;
    font-size: 1em
}

.cs-aftersearch-nav .item input[type=checkbox]::-ms-check {
    border: 1px solid #dcdcdc;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: 0;
    border-radius: 50%;
    -ms-transition: background-color .5s, border-color .5s;
    transition: background-color .5s, border-color .5s;
    background-color: transparent
}

.cs-aftersearch-nav .item input[type=checkbox]:-moz-focusring,
.cs-aftersearch-nav .item input[type=checkbox]::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-aftersearch-nav .item input[type=checkbox]:focus:not([disabled]),
.cs-aftersearch-nav .item input[type=checkbox]:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.cs-aftersearch-nav .item input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='7' cx='7'/%3E%3C/svg%3E")
}

.cs-aftersearch-nav .item input[type=checkbox]:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23ff6101' r='4' cy='6.5' cx='6.5'/%3E%3C/svg%3E")
}

.cs-aftersearch-nav .item input[type=checkbox]:checked,
.cs-aftersearch-nav .item input[type=checkbox]:checked:focus,
.cs-aftersearch-nav .item input[type=checkbox]:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.cs-aftersearch-nav .item input[type=checkbox][disabled],
.cs-aftersearch-nav .item input[type=checkbox][disabled]+.cs-input__label,
.cs-aftersearch-nav .item input[type=checkbox][disabled]+.label {
    opacity: .65
}

.cs-aftersearch-nav .item input[type=checkbox]::-ms-check {
    color: transparent;
    border-radius: 3px;
    background-size: 1em 1em
}

.cs-aftersearch-nav .item input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.cs-aftersearch-nav .item input[type=checkbox]:checked::-ms-check {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff6101' d='M5.313 10.108H5.24a1.064 1.005 0 01-.75-.41l-1.947-2.55a1.064 1.005 0 011.723-1.175L5.463 7.56 9.06 4.19a1.064 1.005 0 01.75-.297h.846a1.064 1.005 0 010 2.004h-.45L6.064 9.81a1.064 1.005 0 01-.75.298z'/%3E%3C/svg%3E")
}

.cs-aftersearch-nav .item label {
    display: inline;
    align-items: center
}

.cs-aftersearch-nav .item label:hover {
    cursor: pointer
}

.cs-aftersearch-nav .count {
    display: inline-flex;
    color: #ebebeb;
    margin-left: .2em
}

.cs-aftersearch-nav .count:before {
    content: "("
}

.cs-aftersearch-nav .count:after {
    content: ")"
}

.cs-aftersearch-nav .filter-count-label {
    display: none
}

.cs-aftersearch-nav .no-results-message {
    font-size: 1.3rem
}

.cs-aftersearch-nav .actions {
    margin-top: 1rem
}

.cs-aftersearch-nav .show-less,
.cs-aftersearch-nav .show-more {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    line-height: 1.275em;
    margin: 0;
    text-transform: none;
    padding: .75em 1em;
    box-sizing: border-box;
    transition: background-color .5s, border-color .5s, fill .5s, color .5s;
    vertical-align: middle;
    z-index: 5;
    will-change: transform, background-color, border-color, fill, color;
    font-size: 1.3rem
}

.cs-aftersearch-nav .show-less::-moz-focus-inner,
.cs-aftersearch-nav .show-more::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-aftersearch-nav .show-less,
.cs-aftersearch-nav .show-less:visited,
.cs-aftersearch-nav .show-more,
.cs-aftersearch-nav .show-more:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.cs-aftersearch-nav .show-less *,
.cs-aftersearch-nav .show-less:visited *,
.cs-aftersearch-nav .show-more *,
.cs-aftersearch-nav .show-more:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-aftersearch-nav .show-less:active:not([disabled]),
.cs-aftersearch-nav .show-less:focus:not([disabled]),
.cs-aftersearch-nav .show-less:hover:not([disabled]),
.cs-aftersearch-nav .show-more:active:not([disabled]),
.cs-aftersearch-nav .show-more:focus:not([disabled]),
.cs-aftersearch-nav .show-more:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-aftersearch-nav .show-less:active:not([disabled]) *,
.cs-aftersearch-nav .show-less:focus:not([disabled]) *,
.cs-aftersearch-nav .show-less:hover:not([disabled]) *,
.cs-aftersearch-nav .show-more:active:not([disabled]) *,
.cs-aftersearch-nav .show-more:focus:not([disabled]) *,
.cs-aftersearch-nav .show-more:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-aftersearch-nav .show-less[disabled],
.cs-aftersearch-nav .show-more[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-aftersearch-nav__toggle-wrapper {
    display: none
}

.cs-aftersearch-nav--horizontal {
    margin-top: 1rem
}

@media (min-width:48em) {
    .cs-aftersearch-nav--horizontal {
        z-index: 20;
        padding-bottom: 0;
        margin-bottom: 2rem;
        margin-top: 1rem
    }

    .cs-aftersearch-nav--horizontal.cs-aftersearch-nav--expanded .cs-aftersearch-nav__filter {
        display: block !important
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filters {
        width: 100%;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__state {
        width: 100%;
        order: 2
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-options {
        margin-top: .8em;
        margin-right: -.8em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        margin-right: auto;
        margin-bottom: .8em
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter {
        border-bottom: none;
        margin: 0 .8em .8em 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title {
        font-size: 1.4rem;
        overflow: visible;
        background-color: #f0f0f0;
        line-height: 1.275em;
        padding: .75em 1em;
        border: 1px solid #f0f0f0;
        box-shadow: none;
        transition: box-shadow .3s, background .3s, border .3s;
        word-break: unset
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title:hover {
        background-color: #dcdcdc;
        border: 1px solid #dcdcdc
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title[aria-expanded=true] {
        background-color: #fff;
        border: 1px solid #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title-text {
        font-size: 1.1rem
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button {
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
        line-height: 1.275em;
        margin: 0;
        text-transform: none;
        padding: .75em 1em;
        box-sizing: border-box;
        transition: background-color .5s, border-color .5s, fill .5s, color .5s;
        vertical-align: middle;
        z-index: 5;
        will-change: transform, background-color, border-color, fill, color;
        width: 100%;
        border-radius: 0 !important;
        position: relative;
        display: flex
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button::-moz-focus-inner {
        border: 0;
        padding: 0;
        margin: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:visited {
        cursor: pointer;
        border-radius: 3px;
        outline-offset: 1px;
        text-decoration: none;
        box-shadow: none;
        border: 1px solid transparent;
        color: #fff;
        background-color: #ff6101
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button *,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:visited * {
        color: #fff;
        fill: #fff
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:active:not([disabled]),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:focus:not([disabled]),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:hover:not([disabled]) {
        box-shadow: none;
        outline: none;
        text-decoration: none;
        border: 1px solid transparent;
        color: #fff;
        background-color: #ff6101
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:active:not([disabled]) *,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:focus:not([disabled]) *,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:hover:not([disabled]) * {
        color: #fff;
        fill: #fff
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button[disabled] {
        opacity: .65;
        cursor: auto
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:after,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 1rem;
        height: .2rem;
        left: auto;
        background-color: currentColor;
        transition: transform .3s ease-out, opacity .15s ease-out, background-color .15s linear;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        right: 1.5rem;
        transform: translate3d(0, -50%, 0) !important
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button:after {
        transform: translate3d(0, -50%, 0) rotate(90deg) !important
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button[aria-expanded=true]:before {
        transform: translate3d(0, -50%, 0) rotate(-90deg) !important;
        opacity: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button[aria-expanded=true]:after {
        transform: translate3d(0, -50%, 0) rotate(0) !important
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button[aria-expanded=true] .cs-aftersearch-nav__toggle-text--less {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button[aria-expanded=true] .cs-aftersearch-nav__toggle-text--more {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-text {
        font-size: 1.1rem;
        text-transform: uppercase
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-text--less {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-text--more {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content {
        position: absolute;
        min-width: 100%;
        background-color: #fff;
        transition: opacity .3s ease-in-out;
        overflow: visible;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-y: auto;
        opacity: 0;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15)
    }
}

@media (min-width:48em) and (min-width:48em) {
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content {
        padding-bottom: 0
    }
}

@media (min-width:48em) {
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content[aria-hidden=false] {
        z-index: 6;
        opacity: 1
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content>div,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content>ol {
        padding: 1rem 1.5rem
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content--align-right {
        left: auto;
        right: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__swatch,
    .cs-aftersearch-nav--horizontal .item:last-child {
        margin-bottom: 0
    }
}

@media (min-width:48em) and (max-width:63.99em) {

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        flex-basis: calc(25% - .8em)
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+3) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+4) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(4):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper:nth-child(n+6) {
        display: block
    }
}

@media (min-width:64em) and (max-width:89.99em) {

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        flex-basis: calc(20% - .8em)
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+4) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+5) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(5):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper:nth-child(n+7) {
        display: block
    }
}

@media (min-width:90em) {

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        flex-basis: calc(16.66667% - .8em)
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+5) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+6) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(6):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper:nth-child(n+8) {
        display: block
    }
}

.cs-aftersearch-nav {
    position: relative
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav {
        width: 100%;
        margin: 0 0 20px
    }
}

.cs-aftersearch-nav--horizontal {
    padding: 0
}

@media (min-width:48em) {
    .cs-aftersearch-nav--horizontal {
        margin-bottom: 0;
        padding-top: 1rem
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filters {
        border: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter {
        width: 23%;
        flex-basis: auto;
        margin: 0 2% 14px 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter.active .cs-aftersearch-nav__filter-title {
        border: 1px solid #707070;
        border-bottom: 0;
        background: #f5f5f5
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter.active .cs-aftersearch-nav__filter-title:hover {
        border-bottom: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-options {
        margin-top: .8em;
        margin-right: -.8em;
        display: flex;
        flex-wrap: wrap;
        justify-content: normal
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title {
        background: #fff;
        border: 1px solid #707070;
        font-weight: 300;
        color: #000
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title:hover {
        background: #fff;
        color: #000;
        border: 1px solid #707070
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title:before {
        content: "";
        width: 24px;
        height: 24px;
        background: #ff6101;
        right: 10px;
        border-radius: 2px
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title:after {
        width: 0;
        height: 0;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0;
        transform: none !important;
        right: 18px;
        background: none;
        margin-top: -2px
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title[aria-expanded=true]:before {
        transform: translate3d(0, -50%, 0) !important;
        opacity: 1
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-title[aria-expanded=true]:after {
        transform: rotate(-180deg) !important;
        margin-top: -3px
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        margin-bottom: 0;
        text-align: center
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-button {
        display: inline-block;
        width: auto;
        padding: 5px 100px
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content {
        border: 1px solid #707070;
        border-top: 0
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content a,
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter-content span {
        color: #777
    }
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+8) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(9):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+9) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        display: block
    }
}

@media (min-width:64em) and (max-width:89.99em) {
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+8) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(9):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+9) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        display: block
    }
}

@media (min-width:90em) {
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(-n+8) {
        display: block
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(9):nth-last-child(2),
    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__filter:nth-child(n+9) {
        display: none
    }

    .cs-aftersearch-nav--horizontal .cs-aftersearch-nav__toggle-wrapper {
        display: block
    }
}

.cs-aftersearch-nav:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #dfdfdf;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav:before {
        display: none
    }
}

.cs-aftersearch-nav__filter--checked>.cs-aftersearch-nav__filter-title:before {
    right: 1.5rem;
    content: "";
    width: 12px;
    height: 6px;
    background: none;
    border-left: 2px solid #ff6101;
    border-bottom: 2px solid #ff6101;
    transform: translate3d(0, -50%, 0) rotate(-45deg) !important
}

.cs-aftersearch-nav__filter--checked>.cs-aftersearch-nav__filter-title[aria-expanded=true]:before {
    transform: translate3d(0, -50%, 0) rotate(-45deg) !important;
    opacity: 1
}

.cs-aftersearch-nav__filter--checked>.cs-aftersearch-nav__filter-title[aria-expanded=true]:after {
    display: none
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__filter {
        margin-bottom: 10px
    }
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__filter-content {
        background: #fff
    }

    .cs-aftersearch-nav__filter-content .items {
        -moz-columns: 1;
        column-count: 1
    }
}

.cs-aftersearch-nav__filters {
    max-width: 1140px;
    margin: 0 auto
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__filters {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 300;
        background: rgba(0, 0, 0, .5);
        height: 100%;
        overflow: auto;
        display: none
    }
}

.cs-aftersearch-nav__filter-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__filter-options {
        width: 80vw;
        background: #dfdfdf;
        flex-direction: column;
        padding: 0 10px 10px
    }

    .cs-aftersearch-nav__filter-options:before {
        content: "";
        position: absolute;
        width: 80vw;
        height: 100%;
        top: 0;
        left: 0;
        background: #dfdfdf
    }
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__filters-trigger {
        box-shadow: none;
        text-align: center;
        font-weight: 300;
        text-transform: none;
        display: block
    }

    .cs-aftersearch-nav__filters-trigger:after {
        display: none
    }

    .cs-aftersearch-nav__filters-trigger:before {
        content: "";
        position: absolute;
        background: url(../images/icons/icon-filters.png) no-repeat;
        background-size: cover;
        width: 26px;
        height: 26px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 20px;
        transition: none !important
    }

    .cs-aftersearch-nav__filters-trigger[aria-selected=true] {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 310;
        padding: 10px;
        width: 80vw;
        background: #707070;
        text-align: left
    }

    .cs-aftersearch-nav__filters-trigger[aria-selected=true]:after,
    .cs-aftersearch-nav__filters-trigger[aria-selected=true]:before {
        content: "" !important;
        width: 10px;
        height: 2px;
        background: none;
        background-color: #fff;
        position: absolute;
        top: 20px;
        right: 15px;
        left: auto;
        opacity: 1 !important;
        transform: rotate(-45deg) !important;
        display: block
    }

    .cs-aftersearch-nav__filters-trigger[aria-selected=true]:after {
        transform: rotate(45deg) !important
    }
}

.cs-aftersearch-nav__state {
    position: relative;
    overflow: visible;
    border: 0
}

@media (max-width:47.99em) {
    .cs-aftersearch-nav__state {
        width: 80vw;
        padding: 60px 10px 1rem;
        margin-bottom: 0;
        z-index: 1
    }
}

@media (max-width:47.99em) {
    .cs-page-category__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
        z-index: 200
    }
}

@media (max-width:47.99em) {
    body.filter-active .cs-aftersearch-nav {
        height: 50px;
        background: #f0f0f0
    }
}

.cs-toolbar {
    font-size: 1.2rem;
    font-weight: inherit;
    text-transform: uppercase
}

@media (min-width:48em) {
    .cs-toolbar {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap !important
    }
}

.cs-toolbar__item {
    margin: 0 0 1.5rem
}

@media (min-width:48em) {
    .cs-toolbar__item {
        padding: 0
    }

    .cs-toolbar__item:first-child {
        padding-left: 0
    }

    .cs-toolbar__item:last-child {
        padding-right: 0
    }
}

@media (min-width:64em) {
    .cs-toolbar__item--pagination {
        margin-left: auto
    }
}

.cs-toolbar__item--limiter {
    display: flex;
    align-items: center
}

.cs-toolbar .field .label {
    font-weight: inherit;
    width: auto
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-toolbar .cs-html-select {
        max-width: 20rem
    }
}

.cs-toolbar .cs-html-select__trigger {
    min-height: 3.5rem
}

.toolbar-amount {
    margin: 0;
    white-space: nowrap
}

.cs-sorter {
    display: flex;
    align-items: center
}

.cs-sorter__label {
    padding: 0 1rem 0 0;
    white-space: nowrap
}

.cs-sorter__select {
    width: 0
}

.cs-limiter {
    display: flex;
    position: relative;
    margin: 0 1rem 0 0;
    align-items: center;
    flex-wrap: nowrap
}

.cs-limiter__label,
.field .cs-limiter__label {
    white-space: nowrap
}

.cs-limiter__label--prefix,
.field .cs-limiter__label--prefix {
    padding: 0 1rem
}

.cs-limiter__label--suffix,
.field .cs-limiter__label--suffix {
    padding: 0 0 0 1rem
}

.cs-limiter__pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch
}

.cs-limiter__pagination-item {
    padding: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    margin: 0 0 0 -1px;
    overflow: hidden
}

.cs-limiter__pagination-item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cs-limiter__pagination-item:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cs-limiter__pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    min-height: 3.5rem;
    border: 0;
    margin: 0;
    padding: .3em;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 400;
    transition: color .15s linear
}

.cs-limiter__pagination-number,
.cs-limiter__pagination-number:visited {
    color: #696969;
    text-decoration: none
}

.cs-limiter__pagination-number:active,
.cs-limiter__pagination-number:focus,
.cs-limiter__pagination-number:hover {
    border: 0;
    color: #212121;
    background: inherit;
    text-decoration: inherit
}

.ie11 .cs-limiter__pagination-number {
    height: 1px
}

.cs-limiter__pagination-item--current .cs-limiter__pagination-number,
.cs-limiter__pagination-item--current .cs-limiter__pagination-number:active,
.cs-limiter__pagination-item--current .cs-limiter__pagination-number:focus,
.cs-limiter__pagination-item--current .cs-limiter__pagination-number:hover {
    color: #ff6101;
    background: #f0f0f0;
    cursor: default
}

.cs-limiter .cs-html-select,
.cs-limiter .cs-html-select__trigger,
.cs-limiter select {
    min-width: 3rem;
    min-height: 3.5rem
}

.cs-dashboard .limiter-label,
.cs-dashboard .limiter-text {
    font-weight: 400;
    font-size: 1.4rem;
    margin-right: .5rem
}

.cs-dashboard .limiter-text {
    white-space: nowrap
}

.cs-dashboard .limiter-options {
    margin-right: .5rem
}

.cs-pagination__content {
    display: flex;
    align-items: center
}

.cs-pagination__prefix-label {
    margin: 0;
    padding: 0 1rem 0 0
}

.cs-pagination__page-provider {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    width: auto
}

.cs-pagination__page-provider-input.input-text {
    margin: 0;
    max-height: 3.5rem;
    width: 4.5em;
    text-align: center;
    font-size: .85em
}

.cs-pagination__page-provider-label {
    padding-left: 1rem;
    width: auto !important
}

.cs-pagination__items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch
}

.cs-pagination__item {
    padding: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    margin: 0 0 0 -1px;
    overflow: hidden
}

.cs-pagination__item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cs-pagination__item:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cs-pagination__number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    min-height: 3.5rem;
    border: 0;
    margin: 0;
    padding: .3em;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 400;
    transition: color .15s linear
}

.cs-pagination__number,
.cs-pagination__number:visited {
    color: #696969;
    text-decoration: none
}

.cs-pagination__number:active,
.cs-pagination__number:focus,
.cs-pagination__number:hover {
    border: 0;
    color: #212121;
    background: inherit;
    text-decoration: inherit
}

.ie11 .cs-pagination__number {
    height: 1px
}

.cs-pagination__item--current .cs-pagination__number,
.cs-pagination__item--current .cs-pagination__number:active,
.cs-pagination__item--current .cs-pagination__number:focus,
.cs-pagination__item--current .cs-pagination__number:hover {
    color: #ff6101;
    background: #f0f0f0;
    cursor: default
}

.cs-pagination__prev {
    margin-right: 1.5rem
}

.cs-pagination__next {
    margin-left: 1.5rem
}

.cs-pagination__action {
    display: flex;
    min-width: 3.5rem;
    min-height: 3.5rem;
    align-items: center;
    justify-content: center
}

.ie11 .cs-pagination__action {
    height: 1px
}

.cs-pagination__action-icon {
    width: 1.3rem;
    height: 2.4rem;
    fill: #ff6101;
    transition: fill .15s linear
}

.cs-pagination__action--disabled .cs-pagination__action-icon {
    fill: #dcdcdc
}

.cs-pagination__action:not(.cs-pagination__action--disabled):active .cs-pagination__action-icon,
.cs-pagination__action:not(.cs-pagination__action--disabled):focus .cs-pagination__action-icon,
.cs-pagination__action:not(.cs-pagination__action--disabled):hover .cs-pagination__action-icon {
    fill: #ff6101
}

.cs-viewmode-switcher {
    display: flex;
    align-items: center
}

.cs-viewmode-switcher__label {
    margin: 0;
    padding: 0 1rem 0 0
}

.cs-viewmode-switcher__modes {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch
}

@media (min-width:48em) and (max-width:63.99em) {
    .cs-viewmode-switcher__modes {
        padding-left: 1rem
    }
}

.cs-viewmode-switcher__mode {
    padding: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    margin: 0 0 0 -1px;
    overflow: hidden
}

.cs-viewmode-switcher__mode:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.cs-viewmode-switcher__mode:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.cs-viewmode-switcher__mode-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    min-height: 3.5rem;
    border: 0;
    margin: 0;
    background: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 400;
    transition: color .15s linear;
    height: 100%;
    padding: .3em .7em
}

.cs-viewmode-switcher__mode-action,
.cs-viewmode-switcher__mode-action:visited {
    color: #696969;
    text-decoration: none
}

.cs-viewmode-switcher__mode-action:active,
.cs-viewmode-switcher__mode-action:focus,
.cs-viewmode-switcher__mode-action:hover {
    border: 0;
    color: #212121;
    background: inherit;
    text-decoration: inherit
}

.cs-viewmode-switcher__mode--current .cs-viewmode-switcher__mode-action,
.cs-viewmode-switcher__mode--current .cs-viewmode-switcher__mode-action:active,
.cs-viewmode-switcher__mode--current .cs-viewmode-switcher__mode-action:focus,
.cs-viewmode-switcher__mode--current .cs-viewmode-switcher__mode-action:hover {
    color: #ff6101;
    background: #f0f0f0;
    cursor: default
}

.cs-viewmode-switcher__mode-icon {
    fill: currentColor
}

.cs-viewmode-switcher__mode-icon--grid,
.cs-viewmode-switcher__mode-icon--list {
    width: 1.5rem;
    height: 1.1rem
}

.cs-viewmode-switcher__mode--current .cs-viewmode-switcher__mode-icon {
    fill: #ff6101
}

.cs-viewmode-switcher__mode-icon+.cs-viewmode-switcher__mode-label {
    padding-left: .7rem
}

.cs-tabs {
    box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28)
}

.cs-tabs--bar {
    margin: 0 0 0 -1.5rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: none
}

.cs-tabs__triggers {
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

.cs-tabs--bar .cs-tabs__triggers {
    justify-content: flex-start
}

.cs-tabs__title {
    flex-basis: 50%;
    background: #f0f0f0;
    box-shadow: inset 0 0 5px 0 #696969;
    margin-top: -1px;
    margin-right: -1px;
    padding-top: .2rem;
    padding-left: .2rem
}

.cs-tabs__title--active {
    background: #fff;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.cs-tabs__title--active .cs-tabs__title-link {
    cursor: default;
    color: #ff6101
}

.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link {
    color: #212121;
    box-shadow: none
}

.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
    z-index: 3
}

.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:hover,
.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:visited {
    color: #212121
}

.cs-tabs__title--active .cs-tabs__title-link:active,
.cs-tabs__title--active .cs-tabs__title-link:hover,
.cs-tabs__title--active .cs-tabs__title-link:visited {
    color: #ff6101
}

.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:active,
.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:hover,
.cs-tabs--bar .cs-tabs__title--active .cs-tabs__title-link:visited {
    color: #212121
}

.cs-tabs--bar .cs-tabs__title {
    margin: 0;
    padding: 0;
    flex-basis: auto;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    border-left: 0 solid #dcdcdc;
    box-shadow: none;
    transition: background-color .15s linear, color .15s linear
}

.cs-tabs--bar .cs-tabs__title:not(.cs-tabs__title--active):hover {
    background-color: #fdfdfd
}

.cs-tabs--bar .cs-tabs__title:first-child {
    border-left-width: 1px;
    border-top-left-radius: 5px
}

.cs-tabs--bar .cs-tabs__title:last-child {
    border-top-right-radius: 5px
}

.cs-tabs__title-link {
    color: #ebebeb;
    text-decoration: none;
    line-height: 4rem;
    height: 4rem;
    padding: .1rem 1rem;
    display: block;
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: 1.2rem
}

@media (min-width:30em) {
    .cs-tabs__title-link {
        padding: .1rem 2rem
    }
}

@media (min-width:48em) {
    .cs-tabs__title-link {
        font-size: 1.8rem;
        line-height: 5.5rem;
        height: 5.5rem
    }
}

.cs-tabs__title-link:active,
.cs-tabs__title-link:focus,
.cs-tabs__title-link:hover,
.cs-tabs__title-link:visited {
    color: #ebebeb
}

.cs-tabs__title-link:hover {
    text-decoration: none
}

.cs-tabs--bar .cs-tabs__title-link {
    position: relative;
    height: auto;
    line-height: 120%;
    font-size: 1.2rem;
    padding: .6rem .5rem;
    font-weight: 300;
    white-space: nowrap
}

@media (min-width:30em) {
    .cs-tabs--bar .cs-tabs__title-link {
        padding: .8rem 1.5rem
    }
}

.cs-tabs--bar .cs-tabs__title-link:active,
.cs-tabs--bar .cs-tabs__title-link:focus,
.cs-tabs--bar .cs-tabs__title-link:hover,
.cs-tabs--bar .cs-tabs__title-link:visited {
    color: #212121
}

.cs-tabs--bar .cs-tabs__title-span:not(:empty):before {
    content: "("
}

.cs-tabs--bar .cs-tabs__title-span:not(:empty):after {
    content: ")"
}

.cs-tabs__content {
    padding: 2rem
}

.cs-search-results-switcher {
    display: none
}

.cs-search-results-switcher__triggers {
    overflow: visible !important
}

.cs-search-results-switcher__content {
    padding: 2rem 0
}

.cs-search-results-switcher__content:not(.cs-search-results-switcher__content--active) {
    display: none
}

.cs-search-results-switcher__content--active+.cs-search-results-switcher__content--active {
    border-top: 1px solid #dcdcdc
}

.cs-search-results-switcher__messages:not(.cs-search-results-switcher__messages--visible) {
    display: none
}

.cs-search-results-switcher__headline {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.8rem;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

.cs-search-results-switcher__count:not(:empty),
.cs-search-results-switcher__overall-count:not(:empty) {
    font-weight: 300;
    color: #b0b0b0
}

.cs-search-results-switcher__count:not(:empty):before,
.cs-search-results-switcher__overall-count:not(:empty):before {
    content: "("
}

.cs-search-results-switcher__count:not(:empty):after,
.cs-search-results-switcher__overall-count:not(:empty):after {
    content: ")"
}

.cs-search-results-cms {
    margin: 0;
    padding: 0;
    list-style: none
}

.cs-search-results-cms__item {
    margin-bottom: 0 !important
}

.cs-search-results-cms__item+.cs-search-results-cms__item {
    margin-top: 1.5rem
}

.cs-search-results-cms__link {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.2
}

.cs-search-results-cms__icon {
    fill: #ebebeb;
    width: 2em;
    height: 2em;
    flex-shrink: 0
}

.cs-search-results-cms__title {
    color: #ff6101;
    margin-left: 1.5rem
}

.catalogsearch-result-index dt.title {
    font-family: Libre Franklin, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Oxygen, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.8rem;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

@use "sass:map";

.cs-side-nav__parent {
    margin-bottom: 1.5rem;
    padding: 1.5rem 0;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #dcdcdc
}

.cs-side-nav__parent-link,
.cs-side-nav__parent-link:visited {
    color: #212121;
    transition: color .15s linear
}

.cs-side-nav__parent-link:hover,
.cs-side-nav__parent-link:visited:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-side-nav__category-name,
.cs-side-nav__parent-category-name {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.cs-side-nav__products-counter {
    font-weight: 400;
    color: #ebebeb
}

.cs-side-nav__products-counter:before {
    content: "("
}

.cs-side-nav__products-counter:after {
    content: ")"
}

.cs-side-nav__list {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none
}

.cs-side-nav__list--subcats {
    margin: 1rem 0 2rem;
    padding-left: 2rem
}

.cs-side-nav__list--subcats .cs-side-nav__link,
.cs-side-nav__list--subcats .cs-side-nav__link:visited {
    color: #ebebeb
}

.cs-side-nav__list--subcats .cs-side-nav__link--current {
    font-weight: 700;
    color: #ebebeb
}

.cs-side-nav__list--subcats .cs-side-nav__link--current:hover {
    color: #ebebeb
}

.cs-side-nav__item {
    font-weight: 400;
    text-transform: none;
    font-size: 1.4rem
}

.cs-side-nav__link,
.cs-side-nav__link a {
    color: #212121;
    transition: color .15s linear
}

.cs-side-nav__link:hover,
.cs-side-nav__link a:hover {
    color: #ff6101;
    text-decoration: none
}

.cs-side-nav__link:visited,
.cs-side-nav__link a:visited {
    color: #212121
}

.cs-side-nav__link:visited:hover,
.cs-side-nav__link a:visited:hover {
    color: #ff6101
}

.cs-side-nav__link--current,
.cs-side-nav__link a--current {
    font-weight: 700;
    color: #212121
}

.cs-side-nav__link--current:hover,
.cs-side-nav__link--current:visited,
.cs-side-nav__link a--current:hover,
.cs-side-nav__link a--current:visited {
    color: #212121
}

.subcategory-list__wrapper picture.mfwebp {
    align-self: flex-end;
    display: block;
    margin-left: auto;
    max-height: 100%;
    max-width: 90px;
    height: auto;
}

.catalog-category-view .cs-container--breadcrumbs,
.catalog-category-view .cs-container--breadcrumbs__inner,
.cs-page-category__cc-bottom,
.catalog-category-view #maincontent {
    background: #f5f5f5;
}

.subcategory-list__main {
    padding-bottom: 2rem;
}

.subcategory-list__wrapper {
    justify-content: space-between;
    overflow: hidden;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.cs-page-category__main .btn {
    width: auto;
    margin: auto;
    cursor: pointer;
    padding: 1rem 3rem;
    border: none;
    background: #ff6101;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: none;
    font-size: 15px;
}

.cs-page-category__main .btn:hover {
    background: #000;
}

@media (min-width: 64em) {
    .subcategory-list__wrapper {
        background: #fff;
    }

    .desktop-8 .subcategory-list__wrapper {
        height: 495px;
    }

    .subcategory-list__item {
        width: 25%;
        flex-basis: 21%;
        height: auto;
        padding: 0;
        flex-direction: column;
        justify-content: space-between;
        margin: 1rem 2%;
    }

    .subcategory-list__wrapper picture.mfwebp {
        align-self: center;
        max-width: 283px;
        margin-right: auto;
        width: 100%;
        height: 174px;
    }

    img.subcategory-list__img {
        height: 174px;
    }

    .subcategory-list__title {
        color: #fff;
        font-weight: normal;
        background: #212121;
        display: block;
        width: 100%;
        text-align: center;
        padding: 1rem 0;
    }

    .subcategory-list__item:hover .subcategory-list__title {
        text-decoration: none;
        background: #ff6101;
    }

    .subcategory-list__wrapper:after {
        width: auto;
        flex-grow: 1;
    }

    .subcategory-list__main.desktop-8 .more,
    .cs-page-category__main .product-list-moreless.desktop-8 .more {
        display: flex;
    }

    .cs-grid-layout.cs-grid-layout--category {
        padding: 2rem 2%;
        background: #fff;
        margin-top: 3rem;
        overflow: hidden;
    }

    .cs-grid-layout.cs-grid-layout--search {
        height: 1020px;
        overflow: hidden;
    }

    .cs-grid-layout.cs-grid-layout--brand {
        /*height: 1120px;*/
        overflow: hidden;
    }

    .cs-accordion__group .cs-accordion__item-headline-span {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        text-transform: none;
    }
}

@media (max-width: 63.99em) {
    .mobile-6 .subcategory-list__wrapper {
        height: 350px;
    }

    .subcategory-list__item {
        background: #fff;
        border: none;
    }

    .subcategory-list__title {
        text-align: center;
        flex-grow: 1;
        color: #212121;
        font-weight: normal;
        font-size: 1.6rem;
    }

    .subcategory-list__wrapper picture.mfwebp,
    .subcategory-list__img {
        align-self: flex-start;
    }

    .subcategory-list__main.mobile-6 .more,
    .cs-page-category__main .product-list-moreless.mobile-6 .more {
        display: flex;
    }

    .cs-grid-layout.cs-grid-layout--category {
        padding: 2rem 2%;
        background: #fff;
        margin-top: 3rem;
    }

    .cs-page-category__toolbar-wrapper--bottom {
        padding-bottom: 1rem;
    }

    .cs-accordion__group .cs-accordion__item-headline-span {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        text-transform: none;
    }
}

.subcategory-list__main.full .subcategory-list__wrapper {
    height: auto;
    overflow: auto;
}

.cs-page-category__main.full .product-list-moreless .less,
.subcategory-list__main.full .less {
    display: flex;
}

.cs-page-category__main.full .product-list-moreless .more,
.subcategory-list__main.full .more {
    display: none;
}

.cs-page-category__toolbar-wrapper--bottom {
    margin-top: 0;
    background: #fff;
    display: none;
}

.page-layout-2columns-left .cs-page-category__sidebar {
    margin-top: 3rem;
}

.cs-page-category__main.full .cs-page-category__toolbar-wrapper--bottom {
    display: block;
}

.cs-page-category__main.full .cs-grid-layout.cs-grid-layout--brand,
.cs-page-category__main.full .cs-grid-layout.cs-grid-layout--search,
.cs-page-category__main.full .cs-grid-layout.cs-grid-layout--category {
    overflow: auto;
    height: auto;
}

.cs-page-category__cc-bottom {
    background: #fff;
}

.page-title-wrapper.cs-page-title--page-category {
    display: none;
}

.top-tabs-wrapper {
    padding: 2rem;
    background: #fff;
    margin-bottom: 2rem;
    text-align: center;
}

.top-tabs-wrapper h1 {
    border-bottom: 2px solid #ff6101;
    display: inline-block;
    padding-bottom: 0.4rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    color: #212121;
    font-weight: 600;
}

.top-tabs-wrapper p {
    font-size: 18px;
}

.top-tabs-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    font-weight: bold;
    font-size: 16px;
    margin-top: 2rem;
}

.top-tabs-wrapper ul li {
    border-bottom: 2px solid #ff6101;
    padding-bottom: 0.4rem;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.top-tabs-wrapper ul li.active .triangle:before {
    content: "";
    opacity: 1 !important;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 92px;
    transform: translateX(-50%);
}

.top-tabs-wrapper ul li.active .triangle:after {
    content: "";
    opacity: 1 !important;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f5f5f5;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
}

.top-tabs-wrapper ul li.active:after {
    content: "";
    opacity: 1 !important;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: -39px;
    transform: translateX(-50%);
}

@media (max-width: 63.99em) {
    .top-tabs-wrapper p {
        font-size: 14px;
    }

    .top-tabs-wrapper ul li {
        max-width: 10rem;
    }

    .cs-page-category__cc-bottom {
        margin: 1.5rem;
        width: auto;
    }

    .top-tabs-wrapper h1 {
        font-size: 1.8rem;
    }

    .cs-page-category__cc-top h1,
    .cs-page-category__cc-bottom h2,
    .cs-page-category__cc-bottom h3,
    .cs-page-category__cc-bottom h2 strong {
        word-break: break-word;
    }
}

@media (max-width: 47.99em) {
    .top-tabs-wrapper ul {
        justify-content: space-between;
    }

    .mobile-6 .subcategory-list__wrapper {
        height: 670px;
    }

    .cs-grid-layout.cs-grid-layout--category,
    .cs-grid-layout.cs-grid-layout--search,
    .cs-grid-layout.cs-grid-layout--brand {
        overflow: hidden;
    }
}

@media (max-width: 320px) {
    .top-tabs-wrapper {
        padding: 2rem 0.8rem;
    }
}

body.catalog-category-view .cs-page-category__cc-top {
    display: none !important;
}
body.category-brandajax .cs-page-category__cc-top {
    display: block !important;

}
body.category-brandajax .top-tabs-wrapper first {
    display: none;
}


/*Fawad hide cut price on category page*/
ol.products.list.items.product-items span.old-price {
    display: none;
}
/*Fawad hide cut price on category page*/