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;
    overflow-x: hidden;
}

.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
}

.cs-breadcrumbs__item:not(:last-child):after {
    position: absolute;
    top: 50%;
    right: .8em;
    content: "⁄";
    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
}

.cart-container .cs-container__aside {
    width: 100%
}

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

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

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

.cart-container .cs-container__main-column {
    width: 100%;
    position: relative
}

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

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

@media (max-width: 47.99em) {
    .amasty_quote-cart-index .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;
    padding: 1rem 1.3rem;
    background: #F9F9F9;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 1.5rem;
}

.cs-container__cart-coupons-left {
    display: flex;
    flex-direction: column;
    width: auto;
    margin-left: auto;
}

.table-wrapper.cs-cart-table-wrapper {
    margin-bottom: 0;
}

/*@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;
    height: 50px;
}

.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
    }
}

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

@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)
    }
}

.ui-slider-horizontal {
    background: #dcdcdc;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative
}

.ui-slider-horizontal .ui-slider-handle {
    width: 1rem;
    height: 1rem;
    background: #ff6101;
    transition: transform .3s, background .3s;
    cursor: pointer;
    position: absolute;
    border-radius: 50%
}

.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-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-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-pwa-notification + .modals-overlay {
    display: none
}

.loading-mask[data-role=main-css-loader] {
    display: none !important
}

.cs-dashboard {
    width: 100%
}

.cs-dashboard__sidebar {
    order: 1
}

@media (min-width: 48em) {
    .cs-dashboard__sidebar {
        width: calc(100% / 3);
        padding: 0 1.5rem 0 0
    }
}

@media (min-width: 64em) {
    .cs-dashboard__sidebar {
        width: calc(100% / 4);
        padding: 0 1.5rem 0 0
    }
}

@media (min-width: 80em) {
    .cs-dashboard__sidebar {
        width: calc(100% / 4)
    }
}

@media (min-width: 90em) {
    .cs-dashboard__sidebar {
        width: calc(100% / 4)
    }
}

@media (min-width: 120em) {
    .cs-dashboard__sidebar {
        width: calc(100% / 4)
    }
}

.cs-dashboard__main {
    order: 2;
    width: 100%
}

.cs-dashboard__columns {
    position: relative;
    margin: 3rem 0
}

@media (min-width: 48em) {
    .cs-dashboard__columns {
        padding: 0 0 2rem;
        display: flex
    }
}

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

.cs-dashboard__main {
    margin-bottom: 2rem;
    box-sizing: border-box
}

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

.cs-dashboard__top {
    padding: 0 0 3rem
}

.cs-dashboard__page-title {
    padding-bottom: 3rem
}

@media (min-width: 48em) {
    .ie11 .cs-dashboard__page-title {
        margin-top: 1.5rem
    }
}

.cs-dashboard .page-title {
    margin: 0;
    padding: 0 0 1rem
}

.cs-dashboard .columns .column.main {
    padding: 0
}

.cs-dashboard .message-error, .cs-dashboard .message-notice, .cs-dashboard .message-success {
    margin-bottom: 1rem
}

.cs-dashboard .page-title-wrapper {
    background: transparent
}

.cs-dashboard__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2rem;
    border-top: 2px solid #dcdcdc
}

@media (min-width: 48em) {
    .cs-dashboard__bottom {
        width: 100%;
        padding-top: 3rem
    }
}

.cs-dashboard__wishlist-line {
    margin: 0
}

.cs-dashboard__wishlist-products-grid {
    margin: 0 0 3rem
}

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

.cs-dashboard__wishlist-products-grid--skip-spacing {
    margin: 0
}

.cs-dashboard__bottom-wishlist {
    margin: 0 0 3rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    width: 100%
}

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

.cs-dashboard__bottom-wishlist--skip-spacing {
    margin: 0
}

.cs-dashboard__bottom-wishlist-item {
    width: 100%
}

@media (min-width: 30em) {
    .cs-dashboard__bottom-wishlist-item {
        width: 50%
    }
}

@media (min-width: 48em) {
    .cs-dashboard__bottom-wishlist-item {
        width: 33.33%
    }
}

.cs-dashboard__bottom-wishlist-item:nth-child(n+4) {
    display: none
}

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

@media (min-width: 48em) {
    .cs-dashboard__login {
        flex-wrap: nowrap;
        padding: 0
    }
}

.cs-dashboard__login-section {
    width: 100%;
    background: transparent;
    box-sizing: border-box;
    margin-bottom: 2rem
}

.ie11 .cs-dashboard__login-section .actions-toolbar {
    flex-wrap: wrap
}

.ie11 .cs-dashboard__login-section .secondary {
    width: 100%
}

@media (min-width: 48em) {
    .cs-dashboard__login-section {
        width: 50%
    }

    .cs-dashboard__login-section:nth-child(odd) {
        border-right: 1px solid #dcdcdc;
        padding-right: 2rem
    }

    .cs-dashboard__login-section:nth-child(2n+2) {
        padding-left: 2rem
    }
}

.cs-dashboard__login-section .field.note--bottom {
    margin-bottom: 20px
}

.cs-dashboard__contact-form {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 2rem;
    background: transparent
}

.cs-dashboard .fieldset, .cs-dashboard .form {
    width: 100%;
    min-width: 15rem !important
}

.cs-dashboard .fieldset {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 45rem !important
}

.cs-dashboard .field {
    margin-bottom: 1rem
}

.cs-dashboard .field .label {
    font-weight: 300
}

.cs-dashboard .field.choice {
    display: flex;
    align-items: center
}

.cs-dashboard .limiter {
    margin-bottom: 0
}

.cs-dashboard 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-dashboard select:-moz-focusring, .cs-dashboard select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-dashboard select::-ms-expand {
    display: none
}

.cs-dashboard select:focus:not([disabled]), .cs-dashboard 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-dashboard select:focus:not([disabled]), .ie11 .cs-dashboard 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-dashboard select[disabled] {
    opacity: .65
}

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

.ie11 .cs-dashboard 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-dashboard .choice .label {
    width: auto;
    font-weight: 300;
    font-size: 1.4rem
}

.cs-dashboard .field-name-prefix {
    max-width: 12rem
}

.cs-dashboard .form-login .actions-toolbar {
    display: flex;
    flex-direction: row;
    padding-top: 20px
}

.cs-dashboard .form-login .actions-toolbar .secondary {
    margin-left: 20px
}

.cs-dashboard .form-login .actions-toolbar .secondary a {
    color: #4899ff;
    margin-top: 1rem;
    display: inline-block
}

@media (max-width: 47.99em) {
    .cs-dashboard .form-login .actions-toolbar {
        flex-wrap: wrap
    }

    .cs-dashboard .form-login .actions-toolbar .primary {
        width: 100%
    }

    .cs-dashboard .form-login .actions-toolbar div.secondary {
        padding-top: 10px;
        width: 100%;
        text-align: center;
        margin-left: 0
    }
}

.ie11 .cs-dashboard .actions-toolbar {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.cs-dashboard .primary .create, .cs-dashboard .primary > 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;
    min-width: 12rem
}

.cs-dashboard .primary .create::-moz-focus-inner, .cs-dashboard .primary > button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-dashboard .primary .create, .cs-dashboard .primary .create:visited, .cs-dashboard .primary > button, .cs-dashboard .primary > 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-dashboard .primary .create *, .cs-dashboard .primary .create:visited *, .cs-dashboard .primary > button *, .cs-dashboard .primary > button:visited * {
    color: #fff;
    fill: #fff
}

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

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

.cs-dashboard .primary .create[disabled], .cs-dashboard .primary > button[disabled] {
    opacity: .65;
    cursor: auto
}

.wishlist-index-index .cs-dashboard .primary .create, .wishlist-index-index .cs-dashboard .primary > button {
    z-index: 1
}

.cs-dashboard .primary .create span, .cs-dashboard .primary > 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-dashboard .primary > button.action.update {
    display: none
}

.cs-dashboard .back, .cs-dashboard .remind {
    font-size: 1.4rem;
    margin-top: .7rem;
    display: inline-block
}

.cs-dashboard .counter {
    font-weight: 300;
    transform: translateX(-1rem);
    display: inline-block
}

.cs-dashboard .counter:before {
    content: "("
}

.cs-dashboard .counter:after {
    content: ")"
}

.cs-dashboard .block {
    width: 100%;
    margin: 1.5rem 0 2.5rem;
    background: transparent;
    padding: 0;
    box-sizing: border-box
}

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

.cs-dashboard .block-title, .cs-dashboard .legend, .cs-dashboard .order-title {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1rem;
    padding-bottom: .8rem;
    font-weight: 300;
    font-size: 1.8rem;
    width: 100%
}

.cs-dashboard .block-title strong, .cs-dashboard .legend strong, .cs-dashboard .order-title strong {
    font-weight: 300;
    margin-right: 1rem
}

.cs-dashboard .table-wrapper {
    width: 100%
}

.cs-dashboard .block-title a {
    font-weight: 300;
    font-size: 1.4rem;
    vertical-align: text-bottom;
    white-space: nowrap
}

.cs-dashboard .box-title {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase
}

.cs-dashboard .block-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2rem 0 0
}

@media (max-width: 63.99em) {
    .sales-order-history .cs-dashboard .block-content {
        margin-top: 0
    }
}

.cs-dashboard .block-content.no-display {
    display: none
}

.cs-dashboard .block-new-customer .block-content {
    flex-direction: column
}

.cs-dashboard .block-new-customer .block-content .fieldset {
    margin-bottom: 1rem
}

@media (max-width: 63.99em) {
    .cs-dashboard .block-reward-history .cs-toolbar__item--amount {
        width: 100%;
        justify-content: center
    }
}

.cs-dashboard .block-reward-history .cs-toolbar__item--amount:first-child {
    display: none
}

@media (max-width: 63.99em) {
    .cs-dashboard .block-reward-history .pages {
        width: 100%;
        justify-content: center;
        display: flex;
        margin: .7rem 0 2rem
    }
}

.cs-dashboard .block-reward-history .pages:nth-child(2) {
    display: none
}

@media (max-width: 63.99em) {
    .cs-dashboard .block-reward-history .cs-toolbar__item--limiter {
        margin: 0 auto
    }
}

.cs-dashboard .block-reward-history .cs-toolbar__item--limiter:nth-child(3) {
    display: none
}

.cs-dashboard .actions a + a:before, .cs-dashboard .box-actions a + a:before {
    margin: 0 .7rem 0 .5rem;
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.2rem;
    border-right: 2px solid #dcdcdc
}

.cs-dashboard .actions a, .cs-dashboard .box-actions a {
    font-weight: 300
}

.cs-dashboard .form-wishlist-items, .cs-dashboard .orders-history, .cs-dashboard .table-wrapper {
    background: transparent
}

.cs-dashboard .form-wishlist-items + .actions-toolbar, .cs-dashboard .form-wishlist-items + .toolbar, .cs-dashboard .orders-history + .actions-toolbar, .cs-dashboard .orders-history + .toolbar, .cs-dashboard .table-wrapper + .actions-toolbar, .cs-dashboard .table-wrapper + .toolbar {
    background: transparent;
    padding: 0
}

.cs-dashboard .form-wishlist-items.order-items + .actions-toolbar, .cs-dashboard .orders-history.order-items + .actions-toolbar, .cs-dashboard .table-wrapper.order-items + .actions-toolbar {
    padding: 0
}

.cs-dashboard .form-wishlist-items + .toolbar, .cs-dashboard .orders-history + .toolbar, .cs-dashboard .table-wrapper + .toolbar {
    width: 100%
}

.cs-dashboard .form-wishlist-items .action, .cs-dashboard .orders-history .action, .cs-dashboard .table-wrapper .action {
    margin-right: 0
}

.cs-dashboard .form-wishlist-items .actions-toolbar .primary {
    margin-bottom: 2rem
}

@media (max-width: 64em) {
    .cs-dashboard .form-wishlist-items .actions-toolbar .primary {
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .cs-dashboard .form-wishlist-items .actions-toolbar .primary .action:last-child {
        margin-top: 1rem
    }
}

.cs-dashboard .form-pwanotifications-manage .fieldset {
    max-width: none !important
}

.cs-dashboard .form-pwanotifications-manage .field {
    flex-wrap: nowrap
}

.cs-dashboard .form-pwanotifications-manage .actions-toolbar {
    margin-top: 2rem
}

.cs-dashboard .cs-toolbar__item--amount {
    display: flex;
    align-items: center
}

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

@media (max-width: 47.99em) {
    .cs-dashboard .toolbar {
        align-items: center
    }
}

@media (max-width: 63.99em) {
    .cs-dashboard .toolbar {
        flex-direction: column
    }
}

.cs-dashboard .toolbar:after, .cs-dashboard .toolbar:before {
    display: none
}

@media (max-width: 63.99em) {
    .cs-dashboard .toolbar .cs-toolbar__item {
        display: flex;
        justify-content: center;
        margin: auto
    }

    .cs-dashboard .toolbar .cs-toolbar__item p {
        margin-bottom: 1rem
    }
}

@media (max-width: 63.99em) {
    .cs-dashboard .toolbar .cs-toolbar__item--amount {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 47.99em) {
    .cs-dashboard .toolbar .cs-toolbar__item--amount {
        padding-bottom: 0
    }
}

.cs-dashboard .toolbar .cs-toolbar__item--amount + .cs-toolbar__item--limiter {
    margin-top: 0
}

@media (max-width: 63.99em) {
    .cs-dashboard .toolbar .cs-toolbar__item--limiter {
        margin-top: 2.5rem
    }
}

.cs-dashboard .toolbar .toolbar-amount {
    padding-top: 0
}

@media (max-width: 47.99em) {
    .cs-dashboard .toolbar .pages {
        margin: 0 auto
    }
}

@media (min-width: 48em) {
    .cs-dashboard .toolbar .pages {
        position: static;
        display: flex;
        justify-content: center;
        width: auto
    }
}

@media (max-width: 47.99em) {
    .cs-dashboard .toolbar .limiter {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 47.99em) {
    .cs-dashboard .toolbar .limiter .label {
        width: auto
    }
}

.cs-dashboard .actions-toolbar > .secondary .action.back, .cs-dashboard .secondary .action.edit-email-preferences, .cs-dashboard .toolbar.wishlist-toolbar br {
    display: none
}

.cs-dashboard .addresses, .cs-dashboard .box {
    width: 100%;
    box-sizing: border-box
}

@media (min-width: 30em) {
    .cs-dashboard .addresses, .cs-dashboard .box {
        width: 48%
    }
}

.cs-dashboard .addresses .item, .cs-dashboard .box-content {
    font-weight: 300;
    color: #696969;
    line-height: 2.5rem;
    margin-bottom: 0
}

.cs-dashboard .tooltip.wrapper {
    font-size: 1.4rem;
    display: inline-block;
    padding-left: .5rem
}

.cs-dashboard .choice.persistent {
    padding-bottom: 1.5rem
}

@media (max-width: 63.99em) {
    .cs-dashboard .table-order-items .cs-table__col:last-child {
        padding-bottom: 2rem
    }

    .cs-dashboard .table-order-items .items-qty, .cs-dashboard .table-order-items .price-excluding-tax, .cs-dashboard .table-order-items .price-including-tax, .cs-dashboard .table-order-items .product-item-name {
        display: inline-block;
        font-weight: 400;
        margin: 0;
        color: #696969
    }

    .cs-dashboard .table-order-items .cs-cart-item__options-label {
        text-transform: none;
        width: auto;
        margin-right: 1rem
    }

    .cs-dashboard .table-order-items .cs-cart-item__options-label:after {
        content: ":"
    }

    .cs-dashboard .table-order-items .cs-table__col.subtotal {
        text-align: left
    }

    .cs-dashboard .table-order-items .price-excluding-tax .price {
        font-weight: 400
    }
}

.sales-order-invoice .cs-dashboard .actions, .sales-order-shipment .cs-dashboard .actions, .sales-order-view .cs-dashboard .actions {
    width: 100%;
    margin-top: 2rem;
    display: flex
}

.sales-order-invoice .cs-dashboard .actions .order, .sales-order-shipment .cs-dashboard .actions .order, .sales-order-view .cs-dashboard .actions .order {
    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;
    font-size: 1.2rem;
    margin: 0 1rem .8rem 0
}

.sales-order-invoice .cs-dashboard .actions .order::-moz-focus-inner, .sales-order-shipment .cs-dashboard .actions .order::-moz-focus-inner, .sales-order-view .cs-dashboard .actions .order::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.sales-order-invoice .cs-dashboard .actions .order, .sales-order-invoice .cs-dashboard .actions .order:visited, .sales-order-shipment .cs-dashboard .actions .order, .sales-order-shipment .cs-dashboard .actions .order:visited, .sales-order-view .cs-dashboard .actions .order, .sales-order-view .cs-dashboard .actions .order:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.sales-order-invoice .cs-dashboard .actions .order *, .sales-order-invoice .cs-dashboard .actions .order:visited *, .sales-order-shipment .cs-dashboard .actions .order *, .sales-order-shipment .cs-dashboard .actions .order:visited *, .sales-order-view .cs-dashboard .actions .order *, .sales-order-view .cs-dashboard .actions .order:visited * {
    color: #fff;
    fill: #fff
}

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

.sales-order-invoice .cs-dashboard .actions .order:active:not([disabled]) *, .sales-order-invoice .cs-dashboard .actions .order:focus:not([disabled]) *, .sales-order-invoice .cs-dashboard .actions .order:hover:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .order:active:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .order:focus:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .order:hover:not([disabled]) *, .sales-order-view .cs-dashboard .actions .order:active:not([disabled]) *, .sales-order-view .cs-dashboard .actions .order:focus:not([disabled]) *, .sales-order-view .cs-dashboard .actions .order:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.sales-order-invoice .cs-dashboard .actions .order[disabled], .sales-order-shipment .cs-dashboard .actions .order[disabled], .sales-order-view .cs-dashboard .actions .order[disabled] {
    opacity: .65;
    cursor: auto
}

.sales-order-invoice .cs-dashboard .actions .order:before, .sales-order-shipment .cs-dashboard .actions .order:before, .sales-order-view .cs-dashboard .actions .order:before {
    display: none
}

.sales-order-invoice .cs-dashboard .actions .order span, .sales-order-shipment .cs-dashboard .actions .order span, .sales-order-view .cs-dashboard .actions .order span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.sales-order-invoice .cs-dashboard .actions .print, .sales-order-shipment .cs-dashboard .actions .print, .sales-order-view .cs-dashboard .actions .print {
    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;
    font-size: 1.2rem;
    margin: 0 1rem .8rem 0
}

.sales-order-invoice .cs-dashboard .actions .print::-moz-focus-inner, .sales-order-shipment .cs-dashboard .actions .print::-moz-focus-inner, .sales-order-view .cs-dashboard .actions .print::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.sales-order-invoice .cs-dashboard .actions .print, .sales-order-invoice .cs-dashboard .actions .print:visited, .sales-order-shipment .cs-dashboard .actions .print, .sales-order-shipment .cs-dashboard .actions .print:visited, .sales-order-view .cs-dashboard .actions .print, .sales-order-view .cs-dashboard .actions .print:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #ff6101;
    color: #ff6101;
    background-color: #fff
}

.sales-order-invoice .cs-dashboard .actions .print *, .sales-order-invoice .cs-dashboard .actions .print:visited *, .sales-order-shipment .cs-dashboard .actions .print *, .sales-order-shipment .cs-dashboard .actions .print:visited *, .sales-order-view .cs-dashboard .actions .print *, .sales-order-view .cs-dashboard .actions .print:visited * {
    color: #ff6101;
    fill: #ff6101
}

.sales-order-invoice .cs-dashboard .actions .print:active:not([disabled]), .sales-order-invoice .cs-dashboard .actions .print:focus:not([disabled]), .sales-order-invoice .cs-dashboard .actions .print:hover:not([disabled]), .sales-order-shipment .cs-dashboard .actions .print:active:not([disabled]), .sales-order-shipment .cs-dashboard .actions .print:focus:not([disabled]), .sales-order-shipment .cs-dashboard .actions .print:hover:not([disabled]), .sales-order-view .cs-dashboard .actions .print:active:not([disabled]), .sales-order-view .cs-dashboard .actions .print:focus:not([disabled]), .sales-order-view .cs-dashboard .actions .print:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.sales-order-invoice .cs-dashboard .actions .print:active:not([disabled]) *, .sales-order-invoice .cs-dashboard .actions .print:focus:not([disabled]) *, .sales-order-invoice .cs-dashboard .actions .print:hover:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .print:active:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .print:focus:not([disabled]) *, .sales-order-shipment .cs-dashboard .actions .print:hover:not([disabled]) *, .sales-order-view .cs-dashboard .actions .print:active:not([disabled]) *, .sales-order-view .cs-dashboard .actions .print:focus:not([disabled]) *, .sales-order-view .cs-dashboard .actions .print:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.sales-order-invoice .cs-dashboard .actions .print[disabled], .sales-order-shipment .cs-dashboard .actions .print[disabled], .sales-order-view .cs-dashboard .actions .print[disabled] {
    opacity: .65;
    cursor: auto
}

.sales-order-invoice .cs-dashboard .actions .print:before, .sales-order-shipment .cs-dashboard .actions .print:before, .sales-order-view .cs-dashboard .actions .print:before {
    display: none
}

.sales-order-invoice .cs-dashboard .actions .print span, .sales-order-shipment .cs-dashboard .actions .print span, .sales-order-view .cs-dashboard .actions .print span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-dashboard .block-reviews-dashboard .product-name {
    font-weight: 300
}

.cs-dashboard .rating-result {
    margin-left: 0;
    width: auto
}

.cs-dashboard .rating-result:before {
    display: none
}

.cs-dashboard .rating-summary.item {
    display: flex;
    overflow: visible
}

.cs-dashboard .customer-review .product-name, .cs-dashboard .customer-review .review-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;
    text-transform: uppercase;
    margin: 1rem 0 2rem
}

.cs-dashboard .customer-review .review-title {
    text-transform: none
}

.cs-dashboard #aw_giftcard__check_code_form, .cs-dashboard .form-address-edit, .cs-dashboard .form-edit-account, .cs-dashboard .form.create.account, .cs-dashboard .form.password.forget, .cs-dashboard .form.password.reset, .cs-dashboard .form.send.confirmation {
    background: transparent;
    padding: 0
}

@media (min-width: 48em) {
    .cs-dashboard #aw_giftcard__check_code_form, .cs-dashboard .form-address-edit, .cs-dashboard .form-edit-account, .cs-dashboard .form.create.account, .cs-dashboard .form.password.forget, .cs-dashboard .form.password.reset, .cs-dashboard .form.send.confirmation {
        width: 100%
    }
}

.cs-dashboard #aw_giftcard__check_code_form br, .cs-dashboard .form-address-edit br, .cs-dashboard .form-edit-account br, .cs-dashboard .form.create.account br, .cs-dashboard .form.password.forget br, .cs-dashboard .form.password.reset br, .cs-dashboard .form.send.confirmation br {
    display: none
}

.cs-dashboard #aw_giftcard__check_code_form .fullname .label, .cs-dashboard .form-address-edit .fullname .label, .cs-dashboard .form-edit-account .fullname .label, .cs-dashboard .form.create.account .fullname .label, .cs-dashboard .form.password.forget .fullname .label, .cs-dashboard .form.password.reset .fullname .label, .cs-dashboard .form.send.confirmation .fullname .label {
    text-align: left;
    width: 100%
}

.cs-dashboard #aw_giftcard__check_code_form .fullname .control, .cs-dashboard .form-address-edit .fullname .control, .cs-dashboard .form-edit-account .fullname .control, .cs-dashboard .form.create.account .fullname .control, .cs-dashboard .form.password.forget .fullname .control, .cs-dashboard .form.password.reset .fullname .control, .cs-dashboard .form.send.confirmation .fullname .control {
    width: 100%
}

.cs-dashboard #aw_giftcard__check_code_form .action.primary, .cs-dashboard .form-address-edit .action.primary, .cs-dashboard .form-edit-account .action.primary, .cs-dashboard .form.create.account .action.primary, .cs-dashboard .form.password.forget .action.primary, .cs-dashboard .form.password.reset .action.primary, .cs-dashboard .form.send.confirmation .action.primary {
    font-size: 1.4rem
}

.cs-dashboard #aw_giftcard__check_code_form .back, .cs-dashboard .form-address-edit .back, .cs-dashboard .form-edit-account .back, .cs-dashboard .form.create.account .back, .cs-dashboard .form.password.forget .back, .cs-dashboard .form.password.reset .back, .cs-dashboard .form.send.confirmation .back {
    display: none
}

.cs-dashboard #aw_giftcard__check_code_form .fieldset, .cs-dashboard .form-address-edit .fieldset, .cs-dashboard .form-edit-account .fieldset, .cs-dashboard .form.create.account .fieldset, .cs-dashboard .form.password.forget .fieldset, .cs-dashboard .form.password.reset .fieldset, .cs-dashboard .form.send.confirmation .fieldset {
    margin-bottom: 2rem
}

.cs-dashboard #aw_giftcard__check_code_form .fieldset-fullname, .cs-dashboard .form-address-edit .fieldset-fullname, .cs-dashboard .form-edit-account .fieldset-fullname, .cs-dashboard .form.create.account .fieldset-fullname, .cs-dashboard .form.password.forget .fieldset-fullname, .cs-dashboard .form.password.reset .fieldset-fullname, .cs-dashboard .form.send.confirmation .fieldset-fullname {
    margin-bottom: 0
}

.cs-dashboard .addresses {
    width: 100%
}

.cs-dashboard .block-addresses-list + .actions-toolbar {
    background: transparent
}

@media (max-width: 47.99em) {
    .cs-dashboard .box-billing-address {
        margin-bottom: 2rem
    }
}

.cs-dashboard .form-newsletter-manage {
    background: transparent
}

.cs-dashboard .form-newsletter-manage .fieldset {
    margin-bottom: 1rem
}

.cs-dashboard__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-dashboard__button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-dashboard__button, .cs-dashboard__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-dashboard__button *, .cs-dashboard__button:visited * {
    color: #fff;
    fill: #fff
}

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

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

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

.cs-dashboard__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-dashboard__button-icon {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    display: none
}

.block-wishlist .cs-product-tile__price {
    text-align: center
}

.block-wishlist .cs-product-tile__addtocart-button svg {
    display: none
}

.block-wishlist .cs-product-tile__wishlist-actions {
    flex-direction: column;
    align-items: center
}

.block-wishlist .cs-product-tile__wishlist-actions a {
    color: #999;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: .05em;
    width: auto;
    height: 3.2rem;
    line-height: 2rem;
    border: 1px solid #999;
    border-radius: .5rem;
    display: inline-flex;
    text-decoration: none;
    padding: .5rem 1rem;
    margin-top: .5rem
}

.block-wishlist .cs-product-tile__wishlist-actions a:hover {
    color: #fff;
    background: #ff6101;
    border-color: #ff6101
}

.cs-page-success {
    margin: 2rem 0
}

@media (min-width: 48em) {
    .cs-page-success {
        margin: 4rem auto 2rem
    }
}

.cs-page-success__inner {
    border-top: 2px solid #f0f0f0;
    padding-top: 2.5rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 48em) {
    .cs-page-success__inner {
        padding-top: 1.5rem
    }
}

.cs-page-success__section:nth-child(2n+2) {
    margin-top: 3rem
}

@media (min-width: 48em) {
    .cs-page-success__section {
        width: 48%;
        box-sizing: border-box;
        padding-bottom: 2rem
    }

    .cs-page-success__section:nth-child(odd) {
        padding-right: 4rem
    }

    .cs-page-success__section:nth-child(2n+2) {
        padding-left: 4rem;
        border-left: 1px solid #dcdcdc;
        margin-top: 0
    }
}

@media (min-width: 48em) and (max-width: 47.99em) {
    .cs-page-success__section:nth-child(2n+2) {
        margin-top: 1.5rem
    }
}

@media (min-width: 64em) {
    .cs-page-success__section:nth-child(odd) {
        padding-right: 6rem
    }

    .cs-page-success__section:nth-child(2n+2) {
        padding-left: 6rem
    }
}

.cs-page-success__subheadline {
    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;
    text-transform: none
}

.cs-page-success__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;
    margin: 1rem 0 0
}

.cs-page-success__button:after, .cs-page-success__button:before {
    content: none
}

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

.cs-page-success__button, .cs-page-success__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
}

.cs-page-success__button *, .cs-page-success__button:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

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

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

.cs-page-success__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-page-success__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-page-success .form-create-account br {
    display: none
}

.cs-page-success .form-create-account .fieldset {
    margin-bottom: 2rem
}

.cs-page-success .form-create-account .fieldset.info {
    margin-bottom: 0
}

.cs-page-success .form-create-account .fieldset.account .field:first-of-type, .cs-page-success .form-create-account .fieldset.info .field, .cs-page-success .form-create-account .fieldset.info .legend {
    display: none
}

.cs-page-success .form-create-account .fieldset.account .password {
    margin-top: 0
}

.cs-page-success .form-create-account .fieldset.account #password-strength-meter-container {
    display: none
}

.cs-page-success .form-create-account .legend {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1rem;
    padding-bottom: .8rem;
    font-weight: 300;
    font-size: 1.8rem;
    width: 100%
}

.cs-page-success .form-create-account .legend strong {
    font-weight: 300;
    margin-right: 1rem
}

.cs-page-success .form-create-account .choice .label {
    width: auto;
    font-weight: 300;
    font-size: 1.4rem
}

.cs-page-success .form-create-account .primary .create, .cs-page-success .form-create-account .primary > 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;
    min-width: 12rem
}

.cs-page-success .form-create-account .primary .create::-moz-focus-inner, .cs-page-success .form-create-account .primary > button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-page-success .form-create-account .primary .create, .cs-page-success .form-create-account .primary .create:visited, .cs-page-success .form-create-account .primary > button, .cs-page-success .form-create-account .primary > 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-page-success .form-create-account .primary .create *, .cs-page-success .form-create-account .primary .create:visited *, .cs-page-success .form-create-account .primary > button *, .cs-page-success .form-create-account .primary > button:visited * {
    color: #fff;
    fill: #fff
}

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

.cs-page-success .form-create-account .primary .create:active:not([disabled]) *, .cs-page-success .form-create-account .primary .create:focus:not([disabled]) *, .cs-page-success .form-create-account .primary .create:hover:not([disabled]) *, .cs-page-success .form-create-account .primary > button:active:not([disabled]) *, .cs-page-success .form-create-account .primary > button:focus:not([disabled]) *, .cs-page-success .form-create-account .primary > button:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-page-success .form-create-account .primary .create[disabled], .cs-page-success .form-create-account .primary > button[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-page-success .form-create-account .primary .create span, .cs-page-success .form-create-account .primary > 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-page-success .form-create-account .primary > button.action.update, .cs-page-success .form-create-account .secondary {
    display: none
}

.cs-page-success__section {
    width: 100%
}

@media (min-width: 48em) {
    .cs-page-success__section {
        width: 100%
    }
}

.cs-cart-page {
    position: relative;
    width: 100%
}

@media (max-width: 47.99em) {
    .cs-cart-page {
        max-width: 45rem;
        margin: 0 auto
    }

    .cs-cart-page .page-title {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.cs-cart-page .cart-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    margin-bottom: 4rem
}

.ui-datepicker {
    display: none;
    z-index: 999999 !important;
    border: none;
    border-radius: 3px;
    padding: 0;
    width: auto;
    min-width: 25rem;
    box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28);
    background: #f0f0f0
}

.ui-datepicker-header {
    position: relative;
    background: #fed400;
    padding: 1.2rem 2rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    top: 2rem;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer
}

.ui-datepicker-next span, .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    top: .2rem;
    font-size: 0;
    width: 0;
    height: 0
}

.ui-datepicker-prev {
    left: 1.5rem
}

.ui-datepicker-prev span {
    border-width: 0;
    position: relative
}

.ui-datepicker-prev span:after, .ui-datepicker-prev span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2rem;
    width: 0;
    height: 0
}

.ui-datepicker-prev span:before {
    left: -1.2rem;
    border-top: .8rem solid transparent;
    border-bottom: .8rem solid transparent;
    border-right: .8rem solid #ff6101;
    margin-top: -.8rem
}

.ui-datepicker-prev span:after {
    left: -1rem;
    border-top: .6rem solid transparent;
    border-bottom: .6rem solid transparent;
    border-right: .6rem solid #fed400;
    margin-top: -.6rem
}

.ui-datepicker-next {
    right: 1.5rem
}

.ui-datepicker-next span {
    border-width: 0;
    position: relative
}

.ui-datepicker-next span:after, .ui-datepicker-next span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0
}

.ui-datepicker-next span:before {
    right: -1.2rem;
    border-top: .8rem solid transparent;
    border-bottom: .8rem solid transparent;
    border-left: .8rem solid #ff6101;
    margin-top: -.8rem
}

.ui-datepicker-next span:after {
    right: -1rem;
    border-top: .6rem solid transparent;
    border-bottom: .6rem solid transparent;
    border-left: .6rem solid #fed400;
    margin-top: -.6rem
}

.ui-datepicker-title {
    text-align: center;
    margin: 0 1.5rem
}

.ui-datepicker-title select {
    display: inline-block;
    font-size: 1.4rem
}

select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker-month {
    width: 47%;
    margin-right: 6%
}

.ui-datepicker-year {
    width: 47%
}

.ui-datepicker-table {
    border: none;
    font-size: 1rem;
    border-collapse: collapse
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    margin: 1rem 1.5rem 1.5rem;
    border-width: 0;
    width: 23rem
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    background: none;
    border-width: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
    text-align: center
}

.ui-datepicker-calendar th {
    text-transform: uppercase;
    color: #212121
}

.ui-datepicker-calendar .ui-datepicker-week-col {
    text-align: center
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar td span, .ui-datepicker-calendar th span {
    background: none;
    border-width: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
    line-height: 3rem;
    padding: 0;
    font-size: 1.4rem;
    display: block
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar td span {
    color: #696969
}

.ui-datepicker-calendar .ui-state-hover {
    background: #ff6101;
    color: #fff
}

.ui-datepicker-calendar .ui-state-disabled {
    background: transparent
}

.ui-datepicker-calendar .ui-state-disabled span {
    color: #dcdcdc
}

.ui-datepicker-calendar .ui-state-active {
    background: #ff6101;
    color: #fff
}

.ui-datepicker-buttonpane {
    overflow: hidden;
    padding-top: 1rem;
    border-top: 1px solid #dcdcdc
}

.ui-datepicker-buttonpane button {
    float: right
}

.ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-timepicker-div {
    padding: 1rem 0 .5rem
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: .8rem
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    height: 2.5rem;
    margin-bottom: -2.2rem
}

.ui-timepicker-div dl .ui_tpicker_time_label {
    margin-bottom: -2.5rem
}

.ui-timepicker-div dl dd {
    margin: 0 0 1rem 6.5rem
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider-handle {
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    background: #ff6101;
    display: block;
    position: absolute;
    z-index: 2;
    cursor: default
}

.ui-slider-horizontal {
    height: 1rem;
    border-radius: 1rem;
    border: none;
    background: #f0f0f0
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.5rem
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.cs-cart-bonus {
    padding: 1.5rem
}

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

@media (min-width: 64em) {
    .cs-cart-bonus {
        border-bottom: 1px solid #dcdcdc
    }
}

.cs-cart-bonus--empty-basket {
    border-top: 1px solid #dcdcdc;
    border-bottom: 0;
    margin-top: 2rem
}

.cs-cart-bonus__headline {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212121;
    display: flex;
    align-items: center;
    margin-bottom: 1.75rem
}

.cs-cart-bonus__gifts-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.cs-cart-bonus__gift {
    display: flex;
    flex: 1 1 100%;
    font-size: 1.3rem;
    color: #ebebeb;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 48em) {
    .cs-cart-bonus__gift {
        flex-basis: 16.66667%
    }
}

.cs-cart-bonus__gift + .cs-cart-bonus__gift {
    margin-top: 2rem
}

@media (min-width: 48em) {
    .cs-cart-bonus__gift + .cs-cart-bonus__gift {
        margin-top: 0
    }
}

@media (min-width: 48em) {
    .cs-cart-bonus__gift + .cs-cart-bonus__gift .cs-cart-bonus__progress-wrapper {
        border-left: 0;
        border-radius: 0 .2rem .2rem 0
    }
}

.cs-cart-bonus__gift--awarded .cs-cart-bonus__progress-done {
    transform: scaleX(1) !important
}

.cs-cart-bonus__gift:first-of-type .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:first-of-type .cs-cart-bonus__icon path, .cs-cart-bonus__gift:first-of-type .cs-cart-bonus__label, .cs-cart-bonus__gift:first-of-type .cs-cart-bonus__tooltip {
    transition-delay: .8s
}

.cs-cart-bonus__gift:first-of-type .cs-cart-bonus__progress-done {
    transition-delay: 0s
}

.cs-cart-bonus__gift:nth-of-type(2) .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:nth-of-type(2) .cs-cart-bonus__icon path, .cs-cart-bonus__gift:nth-of-type(2) .cs-cart-bonus__label, .cs-cart-bonus__gift:nth-of-type(2) .cs-cart-bonus__tooltip {
    transition-delay: 1.6s
}

.cs-cart-bonus__gift:nth-of-type(2) .cs-cart-bonus__progress-done {
    transition-delay: .8s
}

.cs-cart-bonus__gift:nth-of-type(3) .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:nth-of-type(3) .cs-cart-bonus__icon path, .cs-cart-bonus__gift:nth-of-type(3) .cs-cart-bonus__label, .cs-cart-bonus__gift:nth-of-type(3) .cs-cart-bonus__tooltip {
    transition-delay: 2.4s
}

.cs-cart-bonus__gift:nth-of-type(3) .cs-cart-bonus__progress-done {
    transition-delay: 1.6s
}

.cs-cart-bonus__gift:nth-of-type(4) .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:nth-of-type(4) .cs-cart-bonus__icon path, .cs-cart-bonus__gift:nth-of-type(4) .cs-cart-bonus__label, .cs-cart-bonus__gift:nth-of-type(4) .cs-cart-bonus__tooltip {
    transition-delay: 3.2s
}

.cs-cart-bonus__gift:nth-of-type(4) .cs-cart-bonus__progress-done {
    transition-delay: 2.4s
}

.cs-cart-bonus__gift:nth-of-type(5) .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:nth-of-type(5) .cs-cart-bonus__icon path, .cs-cart-bonus__gift:nth-of-type(5) .cs-cart-bonus__label, .cs-cart-bonus__gift:nth-of-type(5) .cs-cart-bonus__tooltip {
    transition-delay: 4s
}

.cs-cart-bonus__gift:nth-of-type(5) .cs-cart-bonus__progress-done {
    transition-delay: 3.2s
}

.cs-cart-bonus__gift:nth-of-type(6) .cs-cart-bonus__icon-box--status, .cs-cart-bonus__gift:nth-of-type(6) .cs-cart-bonus__icon path, .cs-cart-bonus__gift:nth-of-type(6) .cs-cart-bonus__label, .cs-cart-bonus__gift:nth-of-type(6) .cs-cart-bonus__tooltip {
    transition-delay: 4.8s
}

.cs-cart-bonus__gift:nth-of-type(6) .cs-cart-bonus__progress-done {
    transition-delay: 4s
}

.cs-cart-bonus__top-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: space-between
}

@media (min-width: 48em) {
    .cs-cart-bonus__top-wrapper {
        justify-content: center
    }
}

.cs-cart-bonus__inline-amount {
    display: none;
    margin: 0 .8rem 0 auto;
    align-items: center;
    color: #37b841
}

@media (max-width: 47.99em) {
    .cs-cart-bonus__gift--current .cs-cart-bonus__inline-amount {
        display: flex
    }
}

.cs-cart-bonus__icon-wrapper {
    position: relative
}

.cs-cart-bonus__icon-wrapper--awarded .cs-cart-bonus__icon--gift path {
    fill: #37b841
}

[data-mage-init] .cs-cart-bonus__icon-wrapper--awarded .cs-cart-bonus__icon--gift path {
    fill: #ebebeb
}

.cs-cart-bonus__icon-wrapper--awarded .cs-cart-bonus__icon-box--status {
    visibility: visible;
    opacity: 1
}

[data-mage-init] .cs-cart-bonus__icon-wrapper--awarded .cs-cart-bonus__icon-box--status {
    visibility: hidden;
    opacity: 0
}

.cs-cart-bonus__icon-box--status {
    background: #37b841;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    line-height: 1.3rem;
    right: -.6rem;
    bottom: -.1rem;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    display: flex;
    transition: opacity, visibility .3s
}

.cs-cart-bonus__icon {
    width: 2.3rem;
    height: 2.1rem;
    transition: fill .3s
}

.cs-cart-bonus__icon--headline {
    margin-right: 1rem
}

.cs-cart-bonus__icon--headline path {
    fill: #212121
}

.cs-cart-bonus__icon--gift path {
    fill: #ebebeb
}

.cs-cart-bonus__icon--status {
    width: .7rem;
    height: .7rem
}

.cs-cart-bonus__icon--status path {
    fill: #fff
}

.cs-cart-bonus__progress-wrapper {
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: .2rem;
    height: 1.4rem;
    width: 100%;
    padding: .2rem;
    box-sizing: border-box
}

@media (min-width: 48em) {
    .cs-cart-bonus__progress-wrapper {
        border-radius: .2rem 0 0 .2rem
    }
}

.cs-cart-bonus__progress-possible {
    position: absolute;
    height: .8rem;
    background: repeating-linear-gradient(-45deg, #dcdcdc, #dcdcdc 1px, transparent 0, transparent 5px);
    border-radius: .2rem;
    top: .2rem;
    left: .2rem;
    right: .2rem;
    border: 1px solid #dcdcdc;
    box-sizing: border-box
}

.cs-cart-bonus__progress-done {
    position: relative;
    transform: scaleX(0);
    width: 100%;
    height: .8rem;
    background: #37b841;
    border-radius: .2rem;
    transform-origin: left;
    transition: transform .8s linear;
    z-index: 2
}

[data-mage-init] .cs-cart-bonus__progress-done {
    transform: scaleX(0) !important
}

.cs-cart-bonus__label-wrapper {
    display: flex;
    align-items: center;
    color: #ebebeb;
    margin: 0;
    font-size: 1.3rem;
    max-width: calc(100% - 3.3rem);
    transition: color .3s
}

.cs-cart-bonus__label-wrapper--top {
    margin-right: .8rem
}

.cs-cart-bonus__label-wrapper--bottom {
    display: none
}

.cs-cart-bonus__label-wrapper--awarded {
    color: #37b841
}

[data-mage-init] .cs-cart-bonus__label-wrapper--awarded {
    color: #ebebeb
}

@media (min-width: 48em) {
    .cs-cart-bonus__label-wrapper {
        text-align: center;
        max-width: none;
        margin-top: 1rem
    }

    .cs-cart-bonus__label-wrapper--top {
        display: none
    }

    .cs-cart-bonus__label-wrapper--bottom {
        display: block
    }
}

.cs-cart-bonus__tooltip {
    top: 0;
    left: .8rem;
    position: absolute;
    display: none;
    transform: translate3d(-50%, -100%, 0) scaleY(1);
    flex-wrap: wrap;
    justify-content: center;
    transition: transform .3s;
    transform-origin: center bottom
}

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

.cs-cart-bonus__tooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.4rem;
    height: 0;
    border-color: #37b841 transparent transparent;
    border-style: solid;
    border-width: .6rem .4rem 0
}

.cs-cart-bonus__tooltip--edge_left .cs-cart-bonus__tooltip-content {
    transform: translateX(35%)
}

.cs-cart-bonus__tooltip--edge_right .cs-cart-bonus__tooltip-content {
    transform: translateX(-35%)
}

[data-mage-init] .cs-cart-bonus__tooltip {
    transform: translate3d(-50%, -100%, 0) scaleY(0)
}

.cs-cart-bonus__tooltip-content {
    background: #37b841;
    width: 100%;
    padding: .6rem .7rem .5rem;
    box-sizing: border-box;
    font-size: 1rem;
    color: #fff;
    border-radius: .2rem;
    text-align: center;
    margin-bottom: .6rem
}

.cs-cart-item {
    border-top: 1px solid #dcdcdc;
    position: relative;
    padding-bottom: 5rem
}

@media (min-width: 64em) {
    .cs-cart-item {
        padding-bottom: 0;
        border-top: none
    }
}

tbody:nth-child(3) .cs-cart-item {
    border-top: none
}

tbody:last-child .cs-cart-item {
    border-bottom: 1px solid #dcdcdc
}

@media (min-width: 64em) {
    tbody:last-child .cs-cart-item {
        border-bottom: none
    }
}

@media (min-width: 64em) {
    .cs-cart-item--no-icons {
        padding-right: 0
    }
}

.cs-cart-item td {
    vertical-align: top
}

@media (min-width: 64em) {
    .cs-cart-item td {
        vertical-align: middle
    }
}

.cs-cart-item__product {
    display: flex
}

.cs-cart-item__image {
    width: auto;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

/*@media (min-width: 64em) {
    .cs-cart-item__image {
        width: 10rem
    }
}

@media (min-width: 90em) {
    .cs-cart-item__image {
        width: 15rem
    }
}*/

.cs-cart-item__brand {
    width: 100%;
    padding-top: 1.5rem
}

.cs-cart-item__brand + .cs-cart-item__name {
    padding-top: 0
}

.cs-cart-item__brand-text {
    font-size: 1.2rem;
    color: #ebebeb
}

.cs-cart-item__name {
    width: 100%;
    padding: 1.5rem 0 0
}

.cs-cart-item__name, .cs-cart-item__name a {
    font-size: 1.5rem;
    font-weight: 700;
    color: #212121
}

.cs-cart-item__name a {
    text-decoration: none
}

.cs-cart-item__name a__name {
    width: 100%;
    padding: 1.5rem 0
}

.cs-cart-item__name a__name a {
    font-size: 1.4rem
}

.cs-cart-item__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-cart-item__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
}

.cs-cart-item__badge:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.cs-cart-item__badge--free {
    background-color: #37b841;
    color: #fff
}

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

.cs-cart-item__badge--free .cs-cart-item__badge-text + .cs-cart-item__badge--free .cs-cart-item__badge-text {
    margin-left: .5rem
}

.cs-cart-item__badge + .cs-cart-item__name {
    padding-top: .5rem
}

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

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

.cs-cart-item__details {
    padding: 0 1rem 1rem 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.ie11 .cs-cart-item__details {
    flex-basis: 100%
}

@media (min-width: 64em) {
    .cs-cart-item__details {
        padding: 0 1rem 0 2rem
    }
}

.cs-cart-item__options-group {
    margin: 0;
    display: block;
    width: 100%;
    padding: 0;
    line-height: 1;
}

.cs-cart-item__options-label {
    width: 6rem;
    display: inline-block;
    color: #8C8C8C;
    font-size: 1rem;
    font-weight: normal;
    margin: 0;
}
.cs-cart-item__options-label._bold {
    font-weight: bold;
    color: #212121;
}
.cs-cart-item__options-label:after {
    content: " :";
}

/*@media (min-width: 48em) {
    .cs-cart-item__options-label {
        width: auto;
        display: block
    }
}*/

.cs-cart-item__options-value {
    margin-bottom: 0;
    display: inline-block;
    color: #8C8C8C;
    font-size: 1rem
}
.cs-cart-item__options-value._bold {
    font-weight: bold;
    color: #212121;
}
/*@media (min-width: 64em) {
    .cs-cart-item__options-value {
        width: auto;
        display: block
    }
}*/

/*.cs-cart-item__price {
    padding: .4rem 0 .4rem 2rem !important
}*/

@media (max-width: 63.99em) {
    .cs-cart-item__price {
        text-align: right
    }
}

/*@media (min-width: 64em) {
    .cs-cart-item__price {
        padding: .4rem 2rem .4rem 0 !important
    }
}

.cs-cart-item__subtotal {
    padding: .4rem 2rem .4rem 0 !important
}*/

.cart-container .price-including-tax + .price-excluding-tax:before {
    content: "";
}

@media (min-width: 64em) {
    .cs-cart-item__subtotal {
        padding-right: 0
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item__subtotal {
        text-align: right
    }
}

@media (min-width: 64em) {
    .cs-cart-item--no-icons .cs-cart-item__subtotal {
        text-align: right
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item__price, .cs-cart-item__qty, .cs-cart-item__subtotal {
        box-sizing: border-box;
        width: 31%;
        display: inline-block !important;
        height: 9rem;
        overflow: hidden
    }

    .cs-cart-item__price:before, .cs-cart-item__qty:before, .cs-cart-item__subtotal:before {
        content: attr(data-th) !important;
        font-size: 1rem;
        text-transform: uppercase;
        padding: 0 0 2.1rem !important
    }
}

@media (max-width: 63.99em) and (min-width: 30em) {
    .cs-cart-item__price:before, .cs-cart-item__qty:before, .cs-cart-item__subtotal:before {
        font-size: 1.1rem
    }
}

@media (min-width: 64em) {
    .cs-cart-item__price, .cs-cart-item__qty, .cs-cart-item__subtotal {
        padding-left: 0
    }
}

/*.cs-cart-item__qty {
    padding: .4rem 0 !important
}

@media (min-width: 64em) {
    .cs-cart-item__qty {
        padding: .4rem 2rem .4rem 0 !important
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item__qty {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        width: 36%;
        height: auto;
        min-height: 9rem
    }

    .cs-cart-item__qty:before {
        padding: 0 0 1rem !important
    }
}*/

.ie11 .cs-cart-item__item {
    width: 100%
}
.cart.table-wrapper #shopping-cart-table.data.table .col.price,
.cart.table-wrapper #shopping-cart-table.data.table .col.subtotal {
    text-align: right;
    padding-right: 1.3rem;
}

@media (max-width: 63.99em) {
    .cs-cart-item__item {
        padding-top: 1rem
    }

    .cs-cart-item__item:before {
        display: none !important
    }
}

.cs-cart-item__qty-input {
    margin: 0 auto;
    width: 10rem
}

@media (min-width: 64em) {
    .cs-cart-item__qty-input {
        width: 11rem
    }
}

/*@media (min-width: 64em) {
    .cs-cart-item__subtotal-inner {
        display: flex;
        align-items: center;
        height: 2.5rem
    }
}*/

.cs-cart-item__buttons {
    width: 100%;
    align-items: center;
    position: relative;
    box-sizing: border-box
}

@media (min-width: 64em) {
    .cs-cart-item__buttons {
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item__link--edit {
        position: absolute;
        left: -.8rem
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item__link--remove {
        margin-left: 0;
        position: absolute;
        right: -.2rem
    }
}

.cs-cart-item__link-wrapper {
    display: flex;
    margin: 0 .5rem
}

.cs-cart-item__link-wrapper:hover .cs-cart-item__link-icon path {
    fill: #ff6101
}

.cs-cart-item__link-icon {
    width: 2rem;
    height: 2rem
}

.cs-cart-item__link-icon path {
    fill: #ff6101
}

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

@media (max-width: 63.99em) {
    .cs-cart-item {
        border: 0
    }
}

@media (min-width: 64em) {
    .cs-cart-item__item, .cs-cart-item__price, .cs-cart-item__qty, .cs-cart-item__subtotal {
        border: 0 !important
    }
}

.cs-cart-item__item {
    padding-left: 0 !important
}

.cs-cart-item__subtotal .price {
    color: #ff6101
}

@media (max-width: 63.99em) {
    .cs-cart-item__bottom {
        padding-bottom: 3.5rem !important
    }
}

@media (min-width: 64em) {
    .cs-cart-item__bottom {
        padding-right: 0;
        padding-left: 0
    }
}

.cs-cart-item__bottom:before {
    display: none !important
}

@media (max-width: 63.99em) {
    .cs-cart-item__bottom {
        padding-bottom: 0 !important
    }
}

/*.cs-cart-item__image {
    padding: 5px;
    border: 1px solid #ddd
}*/

@media (max-width: 63.99em) {
    .cs-cart-item__buttons.actions-toolbar {
        text-align: right;
        padding-bottom: 10px
    }
}

.cs-cart-item__link {
    display: inline-block
}

.cs-cart-item__link--remove {
    margin-left: .3rem;
    margin-right: .3rem
}

@media (max-width: 63.99em) {
    .cs-cart-item__link--remove {
        margin-left: 0;
        position: relative;
        right: auto
    }
}

@media (max-width: 63.99em) {
    .cs-cart-item.item-actions {
        border-bottom: 1px solid #dcdcdc
    }
}

@media (max-width: 63.99em) {
    .table-wrapper.cs-cart-table-wrapper {
        margin-bottom: 0
    }
}

/*.cs-cart-summary {
    background: #fff;
    border-top: 1px solid #dcdcdc
}

@media (min-width: 48em) {
    .cs-cart-summary {
        padding: 2rem;
        border-bottom: none;
        border-top: none;
        box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28)
    }
}*/

.cs-cart-summary--empty {
    border-top: none;
    padding: 0 2rem
}

@media (min-width: 48em) {
    .cs-cart-summary--empty {
        box-shadow: none;
        padding: 2rem 0
    }
}

.cs-cart-summary__title {
    font-size: 1.8rem
}

.cs-cart-summary__trigger {
    padding: 1.1rem .8rem 1.1rem 0
}

@media (min-width: 48em) {
    .cs-cart-summary__trigger {
        border-top: 1px solid #dcdcdc;
        margin-top: 1.1rem
    }
}

.cs-cart-summary__label {
    font-size: 1.4rem;
    font-weight: 400;
    color: #696969
}

.cs-cart-summary__value {
    font-size: 1.4rem;
    font-weight: 700;
    color: #212121
}

.cs-cart-summary__remove {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem
}

.cs-cart-summary__totals {
    display: inline-block;
    width: 30%;
    font-size: 1.4rem;
    font-weight: 400;
    color: #696969
}

.cs-container__main-column ul.checkout.methods {
    width: auto;
    float: right;
    margin-bottom: 2rem;
}

.unsere-block-hr {
    display: block;
    width: 100%;
}

.unsere-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5rem;
}

.unsere-block-item h5 {
    font-size: 1.8rem;
}

.cs-cart-summary__totals th {
    padding-left: 0;
    font-weight: 400;
    color: #696969
}

.cs-cart-summary__totals td {
    padding-right: 0;
    text-align: right;
    white-space: nowrap
}

.cs-checkout .opc-block-summary .grand,
.cs-cart-summary__totals .grand {
    border-top: 1px solid #dcdcdc
}
.cs-cart-summary__totals .grand {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.cs-checkout .opc-block-summary .grand td, .cs-checkout .opc-block-summary .grand th,
.cs-cart-summary__totals .grand td, .cs-cart-summary__totals .grand th {
    color: #696969
}
.cs-checkout .opc-block-summary .grand.incl td, .cs-checkout .opc-block-summary .grand.incl th,
.cs-cart-summary__totals .grand.incl td, .cs-cart-summary__totals .grand.incl th {
    color: #ff6101
}
.cs-cart-summary__totals .grand.excl td strong, .cs-cart-summary__totals .grand.excl th strong{
    font-weight: normal;
}

.cs-cart-summary__totals .discount.coupon {
    display: none
}

.cs-cart-summary__tax-note-row td, .cs-cart-summary__tax-note-row th {
    padding: 0 !important
}

.cs-cart-summary__tax-note {
    text-align: right;
    font-size: 1.4rem;
    color: #ebebeb
}

.cs-cart-summary__to-checkout-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;
    width: 100%
}

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

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

.cs-cart-summary__to-checkout-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-cart-summary__to-checkout-button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

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

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

.cs-cart-summary__to-checkout-button, .cs-cart-summary__to-checkout-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-cart-summary__to-checkout-button *, .cs-cart-summary__to-checkout-button:visited * {
    color: #fff;
    fill: #fff
}

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

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

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

.cs-cart-summary__to-checkout-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-cart-summary__to-checkout-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-cart-summary .cs-cart-summary__shipping, .cs-cart-summary .multicheckout {
    display: none
}

.cs-cart-summary .checkout-methods-items .item + .item {
    margin-top: 0 !important
}

.cs-cart-summary #block-shipping {
    display: none
}

.cs-cart-summary .totals.giftcard .action.delete {
    font-size: 0;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icons/close.svg);
    background-size: contain;
    display: inline-block;
    transform: translateY(-1rem)
}

.cs-cart-summary {
    background: #fbfbfb;
    border-radius: 3px;
    padding: 1rem 1.5rem 2rem;
    border-top: 1px solid #ddd
}
.checkout-cart-index .cs-cart-summary {
    display: none;
}

/*@media (min-width: 48em) {
    .cs-cart-summary {
        padding: 2rem;
        border: 1px solid #ddd;
        box-shadow: none
    }
}*/

.cs-cart-summary__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;
    text-transform: none;
    font-weight: 300
}

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

.cs-cart-summary #block-shipping {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.cs-cart-summary #block-shipping.active #block-shipping-heading:before {
    top: 7px;
    transform: rotate(-225deg)
}

.cs-cart-summary #block-shipping-heading {
    cursor: pointer;
    position: relative;
    font-size: 13px;
    padding-right: 10px;
    display: block
}

.cs-cart-summary #block-shipping-heading:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 4px;
    border-left: 1px solid #696969;
    border-bottom: 1px solid #696969;
    transform: rotate(-45deg)
}

.cs-cart-summary .fieldset.rate {
    border: 0;
    padding: 20px 0 0
}

.cs-cart-summary .fieldset.rate .field .label {
    width: auto;
    margin-top: 2px
}

.cs-cart-summary .fieldset.estimate {
    border: 0;
    padding: 0
}

.cs-cart-summary .fieldset.estimate .field {
    margin-top: 10px
}

.cs-cart-summary .fieldset.estimate .field .label {
    font-weight: 300
}

.checkout-cart-index .cs-cart-summary .amquote-addto-button, .cs-cart-summary .fieldset.estimate legend, .cs-cart-summary .fieldset.estimate legend + br, .cs-cart-summary .fieldset.estimate p.note {
    display: none
}

.amasty_quote-cart-index .cs-cart-summary .input-text {
    width: 100%
}

.amasty_quote-cart-index .cs-cart-summary .label {
    font-weight: 300
}

.amasty_quote-cart-index .cs-cart-summary .field-tooltip-content {
    display: none
}

.amasty_quote-cart-index .cs-cart-summary .fieldset {
    border: 0;
    padding: 0
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items {
    padding: 10px 0
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.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;
    width: 100%
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary, .amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.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
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary *, .amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary:visited * {
    color: #fff;
    fill: #fff
}

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

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary:active:not([disabled]) *, .amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary:focus:not([disabled]) *, .amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.amasty_quote-cart-index .cs-cart-summary .checkout-methods-items button.primary[disabled] {
    opacity: .65;
    cursor: auto
}

.amasty_quote-cart-index .cart-container {
    display: flex;
    flex-direction: row
}

.amasty_quote-cart-index .cart-container .action.continue {
    display: none
}

.amasty_quote-cart-index .cart-container #shopping-cart-table th {
    text-transform: none;
    font-size: 1.4rem
}

.amasty_quote-cart-index .cart-container #shopping-cart-table td {
    vertical-align: middle
}

.amasty_quote-cart-index .cart-container #shopping-cart-table td.item {
    padding-left: 0;
    display: flex
}

.amasty_quote-cart-index .cart-container #shopping-cart-table td.qty label {
    display: none
}

.amasty_quote-cart-index .cart-container #shopping-cart-table td.qty input {
    max-width: 40px;
    font-size: 1.4rem
}

.amasty_quote-cart-index .cart-container #shopping-cart-table .product-item-photo {
    padding: 5px;
    border: 1px solid #ddd;
    max-width: 150px;
    margin-right: 10px
}

/*.amasty_quote-cart-index .cart-container #shopping-cart-table .product-image-wrapper {*/
/*    padding: 0 !important*/
/*}*/

.amasty_quote-cart-index .cart-container #shopping-cart-table .product-image-photo {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto
}

.amasty_quote-cart-index .cart-container #shopping-cart-table .actions-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.amasty_quote-cart-index .cart-container #shopping-cart-table .product-item-name a {
    color: #000
}

.amasty_quote-cart-index .cart-container .cart.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
}

.amasty_quote-cart-index .cart-container .cart.actions button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.amasty_quote-cart-index .cart-container .cart.actions button, .amasty_quote-cart-index .cart-container .cart.actions 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
}

.amasty_quote-cart-index .cart-container .cart.actions button *, .amasty_quote-cart-index .cart-container .cart.actions button:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

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

.amasty_quote-cart-index .cart-container .cart.actions button[disabled] {
    opacity: .65;
    cursor: auto
}

.amasty_quote-cart-index .add-note-quote {
    color: #4899ff;
    font-weight: 300
}

@media (max-width: 63.99em) {
    .cs-cart-table {
        border: none;
        font-size: 1.4rem;
        padding: 0
    }

    .cs-cart-table:last-child {
        padding-bottom: 1.2rem
    }
}

@media (min-width: 48em) {
    .cs-cart-table {
        border-top: 1px solid #dcdcdc
    }
}

.cs-cart-table-wrapper {
    background-color: transparent;
    margin-bottom: 0
}

@media (max-width: 63.99em) {
    .cs-cart-table .cs-cart-table__head {
        display: none
    }
}

.cs-cart-table__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 2rem 0;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc
}

@media (min-width: 48em) {
    .cs-cart-table__toolbar {
        border: none;
        flex-direction: row
    }
}

@media (min-width: 48em) {
    .cs-cart-table__toolbar--top {
        padding-top: 0
    }
}

@media (max-width: 63.99em) {
    .cs-cart-table__toolbar--bottom {
        border-top: 1px solid #dcdcdc;
        border-bottom: none
    }
}

.cs-cart-table__head {
    /*border-bottom: 2px solid #dcdcdc*/
    background-color: #FAFAFA;
}

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

.cs-cart-table__head-col {
    color: #212121;
    padding: 1.3rem 1.5rem 1.3rem 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1rem
}

.cs-cart-table__head-col--right {
    text-align: right
}

#shopping-cart-table .cart-line-item-sep {
    border-bottom: 1px solid #c6c6c6;
    padding: 2rem 0;
}

.cs-checkout .billing-address-same-as-shipping-block {
    position: absolute;
    right: 3rem;
    top: 25px;
    width: auto;
}

.unsere-block .icon-adjust img {
    max-width: 30%;
    vertical-align: top;
    padding: 0.5rem 4% 0.5rem 0;
    float: left;
}

@media (min-width: 48em) {
    .checkout-cart-index td.cs-cart-table__col.cs-cart-item__item.col.item {
        width: 50%;
    }
    .checkout-cart-index td.cs-cart-table__col.cs-cart-item__qty {
        width: 20%;
    }
    .checkout-cart-index #shopping-cart-table td.cs-cart-table__col.cs-cart-item__price, 
    .checkout-cart-index #shopping-cart-table td.cs-cart-table__col.cs-cart-item__subtotal {
        width: 15%;
        text-align: right;
    }
    .unsere-block-item {
        width: 33%;
    }
}

@media (max-width: 63.99em) {
    .cs-cart-table .cs-cart-table__col {
        border: none;
        display: block;
        font-size: 1.4rem;
        padding: .2rem
    }
    .cs-cart-table .cs-cart-table__col:first-child {
        padding-top: 2rem
    }
    .cs-cart-table .cs-cart-table__col:last-child {
        padding-bottom: 1rem
    }
    .cs-cart-item__link--remove {
        position: absolute;
    }
    .cs-container__main-column ul.checkout.methods,
    ul.checkout-methods-items,
    .cs-cart-summary__totals {
        width: 100%;
    }
    #shopping-cart-table .cart-line-item-sep:before {
        display: none;
    }
    #shopping-cart-table .cs-cart-item__link--edit {
        left: 1.2rem;
    }
    .cs-discount__content {
        display: block;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .unsere-block {
        flex-direction: column;
        margin-bottom: 0;
    }
    .unsere-block .unsere-block-item {
        margin-bottom: 5rem;
    }
    .cs-checkout .billing-address-same-as-shipping-block {
        position: static;
    }
    .cs-checkout__sidebar > .cs-checkout__sidebar-bottom {
        display: none;
    }
    .cs-checkout__sidebar > .cs-checkout__sidebar-bottom:last-child {
        display: flex;
    }
}

@media (max-width: 63.99em) {
    .cs-cart-table .cs-cart-table__col:before {
        content: attr(data-th) ": ";
        padding-right: 10px;
        display: inline-block;
        color: #212121;
        font-weight: 700
    }
}

@media (max-width: 63.99em) {
    .cs-cart-table .cs-cart-table__col--actions {
        border-bottom: 1px solid #dcdcdc
    }
}

@media (max-width: 63.99em) {
    .cs-cart-table .cs-cart-table__col--actions:before {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

.cs-cart-table__col {
    font-size: 1.4rem;
    color: #212121;
    font-weight: 300;
    border-bottom: 1px solid #dcdcdc;
    padding: .8rem 1rem
}

@media (max-width: 47.99em) {
    .cs-cart-table:not(.cs-cart-table--no-change-mobile) .cs-cart-table__col {
        border: none;
        display: block;
        padding: .4rem 2rem
    }

    .cs-cart-table:not(.cs-cart-table--no-change-mobile) .cs-cart-table__col:first-child {
        padding-top: 2rem
    }

    .cs-cart-table:not(.cs-cart-table--no-change-mobile) .cs-cart-table__col:last-child {
        padding-bottom: 1.2rem
    }
}

@media (max-width: 47.99em) {
    .cs-cart-table:not(.cs-cart-table--no-change-mobile) .cs-cart-table__col:before {
        padding-right: 10px;
        content: attr(data-th) ": ";
        display: inline-block;
        color: #212121;
        font-weight: 700
    }
}

@media (min-width: 64em) {
    .cs-cart-table__col {
        font-size: 1.4rem
    }
}

.cs-cart-table__col--attention {
    font-weight: 700;
    color: #212121
}

@media (max-width: 47.99em) {
    .cs-cart-table__col--actions {
        border-bottom: 1px solid #dcdcdc
    }
}

@media (max-width: 47.99em) {
    .cs-cart-table__col--actions:before {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

@media (max-width: 47.99em) {
    .cs-cart-table__col--label {
        display: none !important
    }
}

.cs-cart-table__col.price .price {
    font-weight: 400;
    font-size: 1.4rem
}

.cs-cart-table__col.subtotal .price-including-tax .price,
.cs-cart-table__col.price .price-including-tax .price {
    font-weight: 700;
    font-size: 1.8rem;
    color: #ff6101;
}

.cs-cart-table__col.subtotal .price, .cs-cart-table__col.total .price {
    color: #212121;
    font-size: 1.4rem;
    font-weight: 400
}

.cs-cart-table__col.qty ul {
    list-style: none inside none;
    padding-left: 0;
    margin-bottom: 0
}

.cs-cart-table__col.qty li {
    margin-bottom: 0
}

.cs-cart-table__head-text {
    text-transform: none;
    font-size: 1.4rem
}

.cs-cart-table__col.subtotal .price, .cs-cart-table__col.total .price {
    color: #ff6101
}

.cart-blocks {
    width: 100%
}

.cart-blocks--hidden {
    display: none
}

.cart-blocks img {
    max-width: 100%
}

@media (max-width: 63.99em) {
    .cart-blocks {
        order: 1
    }
}

@media (max-width: 63.99em) {
    .cs-container__aside {
        order: 2
    }
}

@media (max-width: 63.99em) {
    .cs-container__main-column {
        order: 10
    }
}

.cs-container__cart-coupons .cs-discount {
    width: auto;
    text-align: right;
}

@media (max-width: 63.99em) {
    .cs-container__cart-coupons .cs-discount {
        padding-left: 0;
        padding-right: 0
    }
}

.cs-container__cart-coupons .fieldset.coupon {
    display: flex;
    align-items: flex-end
}

.cs-container__cart-coupons .fieldset.coupon .field {
    width: auto;
    max-width: 200px
}

.cs-container__cart-coupons .fieldset.coupon .field input {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

div#block-calculator {
    width: 100%;
    margin-bottom: 2rem;
    max-width: 400px;
    display: none;
}

#block-calculator label,
.cs-container__cart-coupons .fieldset.coupon .field .label {
    color: #ff6101;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left;
}
#block-calculator span {
    font-weight: 600;
    font-size: 1.4rem;
}

@media (max-width: 63.99em) {
    .cs-container__cart-coupons .fieldset.coupon .field {
        max-width: 50%
    }
}

@media (max-width: 63.99em) {
    .cs-container__cart-coupons .fieldset.coupon .cs-discount__buttons {
        width: 50%
    }
}

.cs-container__cart-coupons .fieldset.coupon button.action {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

@media (max-width: 63.99em) {
    .cs-container__cart-coupons .fieldset.coupon button.action {
        padding: .75em .5em;
        width: 100%
    }
}

@media (max-width: 47.99em) {
    .checkout-index-index .column.main {
        padding-top: 0
    }
}

.ie11 .checkout-index-index #maincontent {
    min-height: calc(100vh - 25rem)
}

.checkout-index-index .page-title-wrapper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.checkout-index-index button.action.primary.action-save-address {
    order: 2
}

.checkout-index-index .page-header {
    margin: .5rem auto 1rem
}

@media (min-width: 48em) {
    .checkout-index-index .page-header {
        margin: 2.5rem auto 1rem
    }
}

.checkout-index-index .cs-topbar {
    max-width: 93rem
}

.checkout-index-index .cs-topbar .cs-topbar__item:first-child {
    opacity: 0;
    width: 1rem;
    overflow: hidden
}

.checkout-index-index .modal-popup .modal-inner-wrap .field .label[for=shipping-save-in-address-book] {
    width: auto
}

.cs-checkout {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 45rem;
    margin: 0 auto 1.5rem
}

@media (min-width: 48em) {
    .cs-checkout {
        max-width: 93rem
    }
}

@media (min-width: 48em) {
    .cs-checkout__progress-bar {
        position: absolute;
        right: 0;
        top: -11rem;
        z-index: 2;
        margin-bottom: 0
    }

    .ie11 .cs-checkout__progress-bar {
        top: -10.5rem
    }
}

.cs-checkout__messages {
    width: 100%
}

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

.cs-checkout__grand-total-tax-note-row td, .cs-checkout__grand-total-tax-note-row th {
    padding: 0 !important;
    text-align: right
}

.cs-checkout__grand-total-tax-note {
    text-align: right;
    font-size: 1.4rem;
    color: #ebebeb;
    white-space: nowrap
}

.cs-checkout__sidebar-button {
    width: 100%;
    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-checkout__sidebar-button:active, .cs-checkout__sidebar-button:focus, .cs-checkout__sidebar-button:hover {
    background-color: #ff6101 !important
}

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

.cs-checkout__sidebar-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-checkout__sidebar-button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

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

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

.cs-checkout__sidebar-button, .cs-checkout__sidebar-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-checkout__sidebar-button *, .cs-checkout__sidebar-button:visited * {
    color: #fff;
    fill: #fff
}

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

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

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

@media (min-width: 48em) {
    .cs-checkout__sidebar-button {
        min-width: 20rem
    }
}

.cs-checkout__sidebar-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-checkout__sidebar-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-checkout__sidebar-button {
        width: 100%
    }
}

.cs-checkout__place-order {
    padding: 2rem 0;
    border-bottom: 2px solid #dcdcdc;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 47.99em) {
    .modal-inner-wrap .cs-checkout__place-order {
        display: none
    }
}

@media (min-width: 48em) {
    .cs-checkout__place-order {
        padding: 2rem
    }
}

.cs-checkout__place-order-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;
    width: 100%
}

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

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

.cs-checkout__place-order-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-checkout__place-order-button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

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

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

.cs-checkout__place-order-button, .cs-checkout__place-order-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-checkout__place-order-button *, .cs-checkout__place-order-button:visited * {
    color: #fff;
    fill: #fff
}

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

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

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

.cs-checkout__place-order-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-checkout__place-order-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-checkout .fieldset .note {
    margin-top: 0;
    display: block;
    font-size: .85em;
    padding: .3em 0 0;
    color: #696969
}

.cs-checkout .fieldset .label {
    margin-bottom: .5rem
}

.cs-checkout .billing-address-form .choice.field {
    display: flex;
    flex-wrap: nowrap
}

.cs-checkout .billing-address-form .label {
    margin-bottom: 0
}

@media (min-width: 48em) {
    .cs-checkout .form-shipping-address .field[name*=postcode] {
        width: 11.5rem;
        float: left
    }

    .cs-checkout .form-shipping-address .field[name*=postcode] .error, .cs-checkout .form-shipping-address .field[name*=postcode] .warning {
        width: 400%;
        box-sizing: border-box;
        margin-top: 2.7rem;
        float: left
    }
}

@media (min-width: 48em) {
    .cs-checkout .form-shipping-address .field[name*=city] {
        width: calc(100% - 11.5rem);
        padding-left: 1.5rem;
        display: inline-flex;
        box-sizing: border-box
    }
}

.cs-checkout .form-shipping-address .field._success:not(._warn-missing-street-number) .control:after {
    display: block
}

.cs-checkout .form-shipping-address .field[name="shippingAddress.country_id"] .control:after, .cs-checkout .form-shipping-address .field[name="shippingAddress.custom_attributes.customer_type"] .control:after, .cs-checkout .form-shipping-address .field[name="shippingAddress.prefix"] .control:after {
    display: none !important
}

.cs-checkout .block, .cs-checkout .block .title strong {
    margin: 0
}

.cs-checkout .opc-wrapper {
    padding: 0;
    z-index: 2;
    width: 100%;
    float: none
}

.cs-checkout > .checkout-blocks,
.cs-checkout.login-step .cs-checkout__sidebar {
    display: none;
}
.cs-checkout.login-step > .checkout-blocks {
    display: block;
}
@media (min-width: 48em) {
    .cs-checkout .opc-wrapper {
        width: calc(100% - 44%)
    }
    .cs-checkout.login-step .opc-wrapper {
        width: 100%
    }
}

.cs-checkout .opc-wrapper .block-title, .cs-checkout .opc-wrapper .step-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;
    text-transform: uppercase;
    text-transform: none;
    font-weight: 700;
    color: #212121;
    margin: 0;
    border-bottom: none;
    padding: 0 0 2rem
}

.cs-checkout .opc-wrapper .action.continue {
    display: none
}

.cs-checkout .opc {
    list-style: none inside none;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.cs-checkout .opc-estimated-wrapper, .cs-checkout__payments, .cs-checkout__shipping-method, .cs-checkout__shipping-method-wrapper, .cs-checkout__sidebar, .cs-checkout__step-tabs .cs-tabs {
    margin: 0 0 3.5rem;
    background: #fff
}

@media (min-width: 48em) {
    .cs-checkout .opc-estimated-wrapper, .cs-checkout__payments, .cs-checkout__shipping-method, .cs-checkout__shipping-method-wrapper, .cs-checkout__sidebar, .cs-checkout__step-tabs .cs-tabs {
        box-shadow: 1px 3px 3rem 0 rgba(33, 33, 33, .28);
        border-radius: 0
    }
}

@media (min-width: 48em) {
    .cs-checkout .modal-inner-wrap {
        background: #fff
    }
}

@media (max-width: 47.99em) {
    .cs-checkout__shipping-method {
        margin-bottom: -1rem
    }
}

.cs-checkout__after-payments, .cs-checkout__payments, .cs-checkout__shipping-method, .cs-checkout__shipping-method-wrapper {
    padding: 2rem 0
}

@media (min-width: 48em) {
    .cs-checkout__after-payments, .cs-checkout__payments, .cs-checkout__shipping-method, .cs-checkout__shipping-method-wrapper {
        padding: 2rem
    }
}

@media (max-width: 47.99em) {
    .cs-checkout__after-payments, .cs-checkout__payments {
        margin-bottom: 0
    }
}

.cs-checkout__after-payments > .payment-option:nth-child(n+2) {
    margin-top: 2rem
}

.cs-checkout__sidebar {
    width: 100%;
    margin: 0
}

@media (min-width: 48em) {
    .cs-checkout__sidebar {
        height: 100%;
        z-index: 2;
        width: calc(44% - 3.5rem);
        margin: 0 0 0 3.5rem;
        order: 2
    }
}

@media (min-width: 48em) {
    .cs-checkout__sidebar .action-close {
        display: none
    }
}

.cs-checkout__sidebar-bottom {
    display: flex;
    justify-content: flex-end;
    padding: 0
}

@media (min-width: 48em) {
    .cs-checkout__sidebar-bottom {
        padding: 2rem
    }
}

.cs-checkout .block-authentication .primary .action, .cs-checkout .form-login .primary .action {
    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: 15rem
}

.cs-checkout .block-authentication .primary .action:active, .cs-checkout .block-authentication .primary .action:focus, .cs-checkout .block-authentication .primary .action:hover, .cs-checkout .form-login .primary .action:active, .cs-checkout .form-login .primary .action:focus, .cs-checkout .form-login .primary .action:hover {
    background-color: #ff6101 !important
}

.cs-checkout .block-authentication .primary .action:after, .cs-checkout .block-authentication .primary .action:before, .cs-checkout .form-login .primary .action:after, .cs-checkout .form-login .primary .action:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px
}

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

.cs-checkout .block-authentication .primary .action:after, .cs-checkout .form-login .primary .action:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

.cs-checkout .block-authentication .primary .action:hover:after, .cs-checkout .form-login .primary .action:hover:after {
    width: calc(100% + 2px)
}

.cs-checkout .block-authentication .primary .action::-moz-focus-inner, .cs-checkout .form-login .primary .action::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .block-authentication .primary .action, .cs-checkout .block-authentication .primary .action:visited, .cs-checkout .form-login .primary .action, .cs-checkout .form-login .primary .action: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-checkout .block-authentication .primary .action *, .cs-checkout .block-authentication .primary .action:visited *, .cs-checkout .form-login .primary .action *, .cs-checkout .form-login .primary .action:visited * {
    color: #fff;
    fill: #fff
}

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

.cs-checkout .block-authentication .primary .action:active:not([disabled]) *, .cs-checkout .block-authentication .primary .action:focus:not([disabled]) *, .cs-checkout .block-authentication .primary .action:hover:not([disabled]) *, .cs-checkout .form-login .primary .action:active:not([disabled]) *, .cs-checkout .form-login .primary .action:focus:not([disabled]) *, .cs-checkout .form-login .primary .action:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-checkout .block-authentication .primary .action[disabled], .cs-checkout .form-login .primary .action[disabled] {
    opacity: .65;
    cursor: auto
}

@media (max-width: 47.99em) {
    .cs-checkout .block-authentication .primary .action, .cs-checkout .form-login .primary .action {
        width: 100%
    }
}

.cs-checkout .block-authentication .primary .action span, .cs-checkout .form-login .primary .action 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-checkout .block-authentication .actions-toolbar, .cs-checkout .form-login .actions-toolbar {
    margin-top: 2rem
}

.cs-checkout .block-authentication .field, .cs-checkout .form-login .field {
    margin-bottom: .5rem
}

.cs-checkout .block-authentication .block-title, .cs-checkout .form-login .block-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;
    text-transform: uppercase;
    text-transform: none;
    font-weight: 700;
    color: #212121;
    margin: 0 0 2rem;
    padding-bottom: 0
}

.cs-checkout .action-remind, .cs-checkout .action.remind {
    margin-top: .3rem;
    font-size: 1.2rem;
    line-height: 35px;
    color: #212121;
    text-decoration: underline;
    font-weight: 600;
}

.cs-checkout .form-login {
    margin: 0
}

.cs-checkout .checkout-gray-frame .actions-toolbar {
    display: flex;
}
.cs-checkout .checkout-gray-frame .actions-toolbar .primary {
    margin-left: auto;
}

#checkout .action.primary > span:after {
    background: url('../images/icons/button/icon-default-primary.svg') no-repeat scroll center right transparent;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: bottom;
    margin-left: 2rem;
}
ul.checkout-list {
    list-style: none;
    padding-left: 0;
    font-size: 12px;
}
ul.checkout-list li {
    margin-bottom: 0;
}
ul.checkout-list li:before {
    background: none no-repeat scroll left center transparent;
    background-size: 20px 20px;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 0.5rem;
}
ul.checkout-list li.dic:before { background-image: url('../images/checkout/euro-schein.png'); }
ul.checkout-list li.usr:before { background-image: url('../images/checkout/kundenservice.png'); }
ul.checkout-list li.trk:before { background-image: url('../images/checkout/lkw-abholung.png'); }
ul.checkout-list li.fld:before { background-image: url('../images/checkout/ordner.png'); }
ul.checkout-list li.lst:before { background-image: url('../images/checkout/rechnung-gp.png'); }
.cs-checkout .table-checkout-shipping-method {
    width: 100%
}

.cs-checkout .table-checkout-shipping-method td {
    padding-top: .8rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #dcdcdc
}

@media (max-width: 47.99em) {
    .cs-checkout .table-checkout-shipping-method td {
        padding-left: 0
    }
    ul.checkout-list li {
        padding-left: 27px;
        position: relative;
        margin-bottom: 1rem;
    }
    ul.checkout-list li:before {
        position: absolute;
        left: 0;
        top: 0;
        transform: translateY(-50%);
    }
}

.cs-checkout .table-checkout-shipping-method td.col-method {
    padding-left: 0
}

.cs-checkout .table-checkout-shipping-method tr:last-child td {
    border-bottom: none
}

.cs-checkout .table-checkout-shipping-method thead {
    display: block;
    border-bottom: none
}

.cs-checkout .table-checkout-shipping-method thead th {
    display: none
}

.cs-checkout .table-checkout-shipping-method .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-checkout .table-checkout-shipping-method .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-checkout .table-checkout-shipping-method .radio:-moz-focusring, .cs-checkout .table-checkout-shipping-method .radio::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

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

.cs-checkout .table-checkout-shipping-method .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-checkout .table-checkout-shipping-method .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-checkout .table-checkout-shipping-method .radio:checked, .cs-checkout .table-checkout-shipping-method .radio:checked:focus, .cs-checkout .table-checkout-shipping-method .radio:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.cs-checkout .table-checkout-shipping-method .radio[disabled], .cs-checkout .table-checkout-shipping-method .radio[disabled] + .cs-input__label, .cs-checkout .table-checkout-shipping-method .radio[disabled] + .label {
    opacity: .65
}

.cs-checkout .ship-to, .cs-checkout .ship-via {
    border-top: 1px solid #dcdcdc
}

.cs-checkout .ship-to {
    padding-bottom: 2rem
}

.cs-checkout .shipping-information {
    padding: 0 0 2rem
}

.cs-checkout .shipping-information-content {
    padding: 0 2rem
}

.cs-checkout .shipping-information-title {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    padding: 2rem 2rem 0
}

.cs-checkout .shipping-information-title button.action.action-edit {
    cursor: pointer
}

@media (min-width: 30em) {
    .cs-checkout .methods-shipping .actions-toolbar {
        max-width: calc(50% - 2rem)
    }
}

@media (min-width: 48em) {
    .cs-checkout .methods-shipping .actions-toolbar {
        width: calc(50% - 2rem)
    }
}

.cs-checkout .action-show-popup {
    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-checkout .action-show-popup:active, .cs-checkout .action-show-popup:focus, .cs-checkout .action-show-popup:hover {
    background-color: #ff6101 !important
}

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

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

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

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

.cs-checkout .action-show-popup::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .action-show-popup, .cs-checkout .action-show-popup: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-checkout .action-show-popup *, .cs-checkout .action-show-popup:visited * {
    color: #fff;
    fill: #fff
}

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

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

.cs-checkout .action-show-popup[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-checkout .shipping-address-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .cs-checkout .shipping-address-items {
        flex-direction: column
    }
}

.cs-checkout .shipping-address-items .action-select-shipping-item, .cs-checkout .shipping-address-items .edit-address-link {
    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;
    margin: 2rem 0 0
}

.cs-checkout .shipping-address-items .action-select-shipping-item:after, .cs-checkout .shipping-address-items .action-select-shipping-item:before, .cs-checkout .shipping-address-items .edit-address-link:after, .cs-checkout .shipping-address-items .edit-address-link:before {
    content: none
}

.cs-checkout .shipping-address-items .action-select-shipping-item::-moz-focus-inner, .cs-checkout .shipping-address-items .edit-address-link::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .shipping-address-items .action-select-shipping-item, .cs-checkout .shipping-address-items .action-select-shipping-item:visited, .cs-checkout .shipping-address-items .edit-address-link, .cs-checkout .shipping-address-items .edit-address-link: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-checkout .shipping-address-items .action-select-shipping-item *, .cs-checkout .shipping-address-items .action-select-shipping-item:visited *, .cs-checkout .shipping-address-items .edit-address-link *, .cs-checkout .shipping-address-items .edit-address-link:visited * {
    color: #ff6101;
    fill: #ff6101
}

.cs-checkout .shipping-address-items .action-select-shipping-item:active:not([disabled]), .cs-checkout .shipping-address-items .action-select-shipping-item:focus:not([disabled]), .cs-checkout .shipping-address-items .action-select-shipping-item:hover:not([disabled]), .cs-checkout .shipping-address-items .edit-address-link:active:not([disabled]), .cs-checkout .shipping-address-items .edit-address-link:focus:not([disabled]), .cs-checkout .shipping-address-items .edit-address-link:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid #ff6101;
    color: #fff;
    background-color: #ff6101
}

.cs-checkout .shipping-address-items .action-select-shipping-item:active:not([disabled]) *, .cs-checkout .shipping-address-items .action-select-shipping-item:focus:not([disabled]) *, .cs-checkout .shipping-address-items .action-select-shipping-item:hover:not([disabled]) *, .cs-checkout .shipping-address-items .edit-address-link:active:not([disabled]) *, .cs-checkout .shipping-address-items .edit-address-link:focus:not([disabled]) *, .cs-checkout .shipping-address-items .edit-address-link:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-checkout .shipping-address-items .action-select-shipping-item[disabled], .cs-checkout .shipping-address-items .edit-address-link[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-checkout .shipping-address-items .action-select-shipping-item span, .cs-checkout .shipping-address-items .edit-address-link 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-checkout .shipping-address-item {
    font-size: 1.4rem;
    border: 1px solid #dcdcdc;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1.5rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 64em) {
    .cs-checkout .shipping-address-item {
        width: calc(50% - (2rem / 2));
        margin: 0 0 2rem
    }
}

.cs-checkout .shipping-address-item.selected-item {
    border-color: #ff6101
}

.cs-checkout .shipping-address-item a {
    font-size: 1.4rem
}

.cs-checkout .estimated-block {
    display: none
}

.cs-checkout .opc-estimated-wrapper {
    padding: 0 0 2rem;
    z-index: 2;
    width: 100%;
    margin: 0
}

@media (min-width: 48em) {
    .cs-checkout .opc-estimated-wrapper {
        display: none;
        padding: 2rem 0
    }
}

.cs-checkout .opc-estimated-wrapper .action.showcart {
    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-checkout .opc-estimated-wrapper .action.showcart:after, .cs-checkout .opc-estimated-wrapper .action.showcart:before {
    content: none
}

.cs-checkout .opc-estimated-wrapper .action.showcart::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .opc-estimated-wrapper .action.showcart, .cs-checkout .opc-estimated-wrapper .action.showcart: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-checkout .opc-estimated-wrapper .action.showcart *, .cs-checkout .opc-estimated-wrapper .action.showcart:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

.cs-checkout .opc-estimated-wrapper .action.showcart:active:not([disabled]) *, .cs-checkout .opc-estimated-wrapper .action.showcart:focus:not([disabled]) *, .cs-checkout .opc-estimated-wrapper .action.showcart:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-checkout .opc-estimated-wrapper .action.showcart[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-checkout .opc-estimated-wrapper .action.showcart span:first-child {
    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-checkout .opc-estimated-wrapper .action.showcart:hover .counter {
    background-color: #fff
}

.cs-checkout .opc-estimated-wrapper .action.showcart:hover .counter-number {
    color: #ff6101
}

.cs-checkout .opc-estimated-wrapper .action.showcart .counter-number {
    color: #fff
}

.cs-checkout .opc-estimated-wrapper .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;
    transition: background-color .5s, fill .5s, color .5s;
    margin-left: .5rem;
    margin-bottom: -.15em;
    top: -.15em
}

.cs-checkout .opc-estimated-wrapper .counter-number {
    transform: skew(15deg);
    min-width: 1ch
}

.cs-checkout .opc-estimated-wrapper .minicart-wrapper, .cs-checkout .opc-estimated-wrapper .minicart-wrapper .showcart {
    width: 100%
}

.cs-checkout .field-select-billing label {
    display: none
}

.cs-checkout .billing-address-same-as-shipping-block {
    margin-bottom: 1rem;
    flex-wrap: nowrap
}

.cs-checkout .billing-address-same-as-shipping-block label span {
    display: inline-block;
    white-space: normal;
    font-weight: 600;
    font-size: 1.4rem;
    padding-left: 1.2rem
}

.cs-checkout .billing-address-same-as-shipping-block input {
    display: inline-block;
    height: 1em;
    width: 1em;
    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;
    margin: .2rem .3rem .3rem 0
}

.cs-checkout .billing-address-same-as-shipping-block input::-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-checkout .billing-address-same-as-shipping-block input:-moz-focusring, .cs-checkout .billing-address-same-as-shipping-block input::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important
}

.cs-checkout .billing-address-same-as-shipping-block input:focus:not([disabled]), .cs-checkout .billing-address-same-as-shipping-block input:hover:not([disabled]) {
    border: 1px solid #ff6101;
    box-shadow: none;
    background-color: transparent
}

.cs-checkout .billing-address-same-as-shipping-block input: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-checkout .billing-address-same-as-shipping-block input: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-checkout .billing-address-same-as-shipping-block input:checked, .cs-checkout .billing-address-same-as-shipping-block input:checked:focus, .cs-checkout .billing-address-same-as-shipping-block input:checked:hover {
    border: 1px solid #ff6101;
    background-color: transparent;
    box-shadow: none
}

.cs-checkout .billing-address-same-as-shipping-block input[disabled], .cs-checkout .billing-address-same-as-shipping-block input[disabled] + .cs-input__label, .cs-checkout .billing-address-same-as-shipping-block input[disabled] + .label {
    opacity: .65
}

.cs-checkout .billing-address-same-as-shipping-block input::-ms-check {
    color: transparent;
    border-radius: 3px;
    background-size: 1em 1em
}

.cs-checkout .billing-address-same-as-shipping-block input: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-checkout .billing-address-same-as-shipping-block input: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-checkout .billing-address-details .action-edit-address {
    display: inline-block;
    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;
    font-size: 1.4rem;
    margin: 1.6rem 0 2rem
}

.cs-checkout .billing-address-details .action-edit-address::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .billing-address-details .action-edit-address, .cs-checkout .billing-address-details .action-edit-address:visited {
    cursor: pointer;
    border-radius: 3px;
    outline-offset: 1px;
    text-decoration: none;
    box-shadow: none
}

.cs-checkout .billing-address-details .action-edit-address:active:not([disabled]), .cs-checkout .billing-address-details .action-edit-address:focus:not([disabled]), .cs-checkout .billing-address-details .action-edit-address:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none
}

.cs-checkout .billing-address-details .action-edit-address[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-checkout .checkout-billing-address .actions-toolbar .primary {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 48em) {
    .cs-checkout .checkout-billing-address .actions-toolbar .primary {
        flex-wrap: nowrap
    }
}

@media (min-width: 48em) {
    .cs-checkout .checkout-billing-address button.action.action-update {
        order: 2
    }
}

.cs-checkout .action-cancel, .cs-checkout .action-edit-address, .cs-checkout .action-update {
    display: inline-block;
    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.4rem
}

.cs-checkout .action-cancel:after, .cs-checkout .action-cancel:before, .cs-checkout .action-edit-address:after, .cs-checkout .action-edit-address:before, .cs-checkout .action-update:after, .cs-checkout .action-update:before {
    content: none
}

.cs-checkout .action-cancel::-moz-focus-inner, .cs-checkout .action-edit-address::-moz-focus-inner, .cs-checkout .action-update::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-checkout .action-cancel, .cs-checkout .action-cancel:visited, .cs-checkout .action-edit-address, .cs-checkout .action-edit-address:visited, .cs-checkout .action-update, .cs-checkout .action-update: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-checkout .action-cancel *, .cs-checkout .action-cancel:visited *, .cs-checkout .action-edit-address *, .cs-checkout .action-edit-address:visited *, .cs-checkout .action-update *, .cs-checkout .action-update:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

.cs-checkout .action-cancel:active:not([disabled]) *, .cs-checkout .action-cancel:focus:not([disabled]) *, .cs-checkout .action-cancel:hover:not([disabled]) *, .cs-checkout .action-edit-address:active:not([disabled]) *, .cs-checkout .action-edit-address:focus:not([disabled]) *, .cs-checkout .action-edit-address:hover:not([disabled]) *, .cs-checkout .action-update:active:not([disabled]) *, .cs-checkout .action-update:focus:not([disabled]) *, .cs-checkout .action-update:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-checkout .action-cancel[disabled], .cs-checkout .action-edit-address[disabled], .cs-checkout .action-update[disabled] {
    opacity: .65;
    cursor: auto
}

@media (max-width: 47.99em) {
    .cs-checkout .action-cancel, .cs-checkout .action-edit-address, .cs-checkout .action-update {
        width: 100%;
        margin-bottom: 2rem
    }
}

@media (max-width: 47.99em) {
    .cs-checkout .action-cancel {
        margin-bottom: 0
    }
}

.cs-checkout .action-edit-address, .cs-checkout .payment.ccard {
    margin-top: 2rem
}

.cs-checkout__agreements {
    font-size: 1.2rem
}

@media (max-width: 47.99em) {
    .modal-inner-wrap .cs-checkout__agreements {
        display: none
    }
}

.cs-checkout__agreements .checkout-agreements {
    padding: 2rem 0 0;
    border-top: 2px solid #dcdcdc
}

@media (min-width: 48em) {
    .cs-checkout__agreements .checkout-agreements {
        padding: 2rem 2rem 0
    }
}

.modal._show .cs-checkout__agreements {
    display: none
}

.cs-checkout__agreements a:active, .cs-checkout__agreements a:focus, .cs-checkout__agreements a:hover {
    text-decoration: underline
}

.cs-checkout .opc-block-summary {
    padding: 0
}

@media (max-width: 47.99em) {
    .cs-checkout .opc-block-summary .action.checkout, .cs-checkout .opc-block-summary .items-in-cart, .cs-checkout .opc-block-summary .title {
        display: none
    }
}

.cs-checkout .opc-block-summary .title {
    display: flex;
    justify-content: space-between;
    text-transform: none;
    padding: 2rem;
    margin: 0;
    border-bottom: none
}

.cs-checkout .opc-block-summary > .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;
    text-transform: uppercase;
    text-transform: none;
    font-weight: 700;
    color: #212121;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0
}

@media (max-width: 47.99em) {
    .cs-checkout .opc-block-summary > .title {
        display: none
    }
}

.cs-checkout .opc-block-summary .discount .title {
    padding: 0
}

.cs-checkout .opc-block-summary .discount.coupon {
    display: none
}

.cs-checkout .opc-block-summary .aw-giftcard-totals .title {
    padding: 0 0 0 2rem
}

.cs-checkout .items-in-cart {
    position: relative
}

.cs-checkout .items-in-cart .actions-toolbar {
    position: absolute;
    top: calc(2rem - 2px);
    right: 2rem
}

@media (min-width: 48em) {
    .cs-checkout .items-in-cart .title strong {
        padding-right: 10rem
    }
}

.cs-checkout .minicart-items-wrapper {
    margin: 0;
    max-height: none;
    padding: 0;
    border: 0
}

.ie11 .cs-checkout .table-totals {
    table-layout: fixed
}

@media (max-width: 47.99em) {
    .cs-checkout .table-totals .table-caption {
        clip: auto;
        height: auto;
        overflow: auto;
        padding: 0;
        position: static;
        width: auto;
        white-space: normal;
        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;
        text-transform: uppercase;
        margin: 1rem 0 2rem;
        text-transform: none;
        font-weight: 700;
        color: #212121;
        text-align: left
    }
}

.cs-checkout .table-totals td, .cs-checkout .table-totals th {
    font-weight: 600;
    font-size: 1.4rem;
    padding: .8rem 0;
}

/*@media (min-width: 48em) {
    .cs-checkout .table-totals td, .cs-checkout .table-totals th {
        padding: .8rem 2rem
    }
}*/

.cs-checkout .table-totals .amount {
    text-align: right;
    border-bottom: none
}

.cs-checkout .table-totals .grand td, .cs-checkout .table-totals .grand th {
    font-size: 1.5rem
}

.cs-checkout .action-edit, .cs-checkout .action.viewcart {
    background: transparent;
    border: none;
    color: #ff6101;
    font-weight: 600;
    text-transform: capitalize;
    background-image: url(../images/icons/edit_color.svg);
    background-repeat: no-repeat;
    background-position: 99%;
    background-size: 1.7rem;
    padding-right: 2.5rem;
    font-size: 1.4rem;
    display: inline-block
}

.cs-checkout .action-edit span, .cs-checkout .action.viewcart span {
    font-family: Libre Franklin
}

.cs-checkout .action.delete, .cs-checkout .totals.giftcard .action {
    font-size: 0;
    width: 1rem;
    height: 1rem;
    background-image: url(../images/icons/close.svg);
    background-size: contain;
    display: inline-block;
    transform: translateY(-1rem)
}

.cs-checkout .reward-points-buttons-container button span span {
    display: inline
}

.cs-checkout .minicart-items {
    list-style: none inside none;
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.cs-checkout .minicart-items .product-item {
    padding: 1rem 2rem;
    margin: 0;
    border-top: 1px solid #dcdcdc
}

.cs-checkout .minicart-items .product {
    display: flex
}

.cs-checkout .minicart-items .product-image-container {
    flex-shrink: 0;
    margin-right: 1rem
}

.cs-checkout .minicart-items .product-image-wrapper {
    height: 100%
}

.cs-checkout .minicart-items .product-item-details {
    width: 100%
}

.cs-checkout .minicart-items .product-item-inner {
    margin: 0;
    display: block
}

.cs-checkout .minicart-items .price {
    font-weight: 600;
    font-size: 1.4rem
}

.cs-checkout .minicart-items .item-name-block {
    margin: 0
}

.cs-checkout .minicart-items .product-item-name-block {
    margin: 0;
    text-align: left;
    width: 100%;
    display: block
}

.cs-checkout .minicart-items .product-item-name {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1.5rem
}

.cs-checkout .minicart-items .details-qty {
    width: 100%;
    display: block;
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem
}

.cs-checkout .minicart-items .details-qty .label {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600
}

.cs-checkout .minicart-items .subtotal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .3rem
}

.cs-checkout .minicart-items .subtotal > span {
    width: 100%
}

.cs-checkout .modal-custom .modal-inner-wrap {
    box-shadow: none
}

@media (max-width: 47.99em) {
    .cs-checkout .modal-custom .modal-inner-wrap .title {
        display: block;
        padding-bottom: 2rem
    }
}

@media (max-width: 47.99em) {
    .cs-checkout .modal-custom .modal-inner-wrap .table-totals {
        display: none
    }
}

@media (max-width: 47.99em) {
    .cs-checkout .modal-custom .modal-inner-wrap .items-in-cart {
        display: block
    }
}

.cs-checkout .modal-custom .modal-inner-wrap .items-in-cart .title strong {
    font-size: 1.4rem
}

@media (max-width: 47.99em) {
    .cs-checkout .modal-custom .modal-inner-wrap .items-in-cart .title {
        padding-top: 2rem
    }
}

.cs-checkout .payments .legend {
    display: none
}

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

.cs-checkout .payment-method .payment-method-title {
    border-top: 1px solid #dcdcdc;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

@media (min-width: 64em) {
    .cs-checkout .payment-method .payment-method-title {
        margin: 0
    }
}

.cs-checkout .payment-method .payment-method-title input {
    margin-top: 1px
}

.cs-checkout .payment-method .payment-method-title .label {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 1.5rem 1.5rem 1.5rem 0;
    margin: 0;
    background-position: 100%;
    background-size: 4rem 2.5rem;
    background-repeat: no-repeat;
    width: 100%
}

.cs-checkout .payment-method .payment-method-title .label img {
    display: none
}

.cs-checkout .payment-method .payment-method-title .label[for=banktransfer], .cs-checkout .payment-method .payment-method-title .label[for=payone_advance_payment] {
    background-image: url(../images/checkout/2021-vorkasse-Rabatt.png);
    background-size: auto 30px;
}

.cs-checkout .payment-method .payment-method-title .label[for=barzhalen] {
    background-image: url(../images/icons/payment-logos/payment-logo-barzhalen.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=billsafe] {
    background-image: url(../images/icons/payment-logos/payment-logo-billsafe.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=creditcard], .cs-checkout .payment-method .payment-method-title .label[for=payone_creditcard] {
    background-image: url(../images/icons/payment-logos/creditcard.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=cashondelivery] {
    background-image: url(../images/icons/payment-logos/on_delivery.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=checkmo] {
    background-image: url(../images/icons/payment-logos/money_order.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=giropay] {
    background-image: url(../images/icons/payment-logos/giropay.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=ideal] {
    background-image: url(../images/icons/payment-logos/payment-logo-ideal.jpg)
}

.cs-checkout .payment-method .payment-method-title .label[for=payone_obt_ideal] {
    background-image: url(../images/icons/payment-logos/payone_obt_ideal.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=invoice] {
    background-image: url(../images/checkout/2021-rechnung.png);
    background-size: auto 30px;
}

.cs-checkout .payment-method .payment-method-title .label[for=eps], .cs-checkout .payment-method .payment-method-title .label[for=payone_obt_eps] {
    background-image: url(../images/icons/payment-logos/payment-logo-eps.jpg)
}

.cs-checkout .payment-method .payment-method-title .label[for=lastschrift], .cs-checkout .payment-method .payment-method-title .label[for=payone_debit] {
    background-image: url(../images/icons/payment-logos/lastschrift.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=payone_invoice] {
    background-image: url(../images/checkout/2021-rechnung.png);
    background-size: auto 30px;
}

.cs-checkout .payment-method .payment-method-title .label[for=payone_creditcard] {
    background-image: url(../images/checkout/2021-kreditkarte-gp.png);
    background-size: auto 30px;
}

.cs-checkout .payment-method .payment-method-title .label[for=paydirekt] {
    background-image: url(../images/icons/payment-logos/paydirekt.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=payolution] {
    background-image: url(../images/icons/payment-logos/payment-logo-payolution.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=payenginecw_creditcard] {
    background-image: url(../images/icons/payment-logos/creditcard.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for*=paypal] {
    background-image: url(../images/icons/payment-logos/paypal.svg);
    background-size: auto 1.5rem
}

.cs-checkout .payment-method .payment-method-title .label[for=payenginecw_postfinancecard] {
    background-image: url(../images/icons/payment-logos/payment-logo-postfinance-card.png);
    background-size: auto 1.7rem
}

.cs-checkout .payment-method .payment-method-title .label[for=postfinance] {
    background-image: url(../images/icons/payment-logos/payment-logo-postfinance.jpg)
}

.cs-checkout .payment-method .payment-method-title .label[for=postfinance-card] {
    background-image: url(../images/icons/payment-logos/payment-logo-postfinance-card.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=przelewy24] {
    background-image: url(../images/icons/payment-logos/payment-logo-przelewy24.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=paypal-agreement] {
    background-image: url(../images/icons/payment-logos/payment-logo-paypal-agreement.png)
}

.cs-checkout .payment-method .payment-method-title .label[for=purchaseorder] {
    background-image: url(../images/icons/payment-logos/purchase_order.svg)
}

.cs-checkout .payment-method .payment-method-title .label[for=payone_obt_sofortueberweisung] {
    background-image: url(../images/checkout/2021-klarna-gp.png);
    background-size: auto 30px;
}

.cs-checkout .payment-method .payment-method-title .label[for=twintcw_twint] {
    background-image: url(../images/icons/payment-logos/twint.svg);
    background-size: 4.5rem 3rem
}

.cs-checkout .payment-method .payment-method-title .label[for*=klarna] {
    background-image: url(../images/icons/payment-logos/klarna_background_logo.svg)
}

.cs-checkout .payment-method .payment-method-billing-address {
    margin-right: 2rem
}

@media (min-width: 48em) {
    .cs-checkout .payment-method .payment-method-billing-address {
        margin-right: 0
    }
}
@media (max-width: 47.99em) {
    .cs-checkout .payment-method .payment-method-title .label {
        padding-right: 9rem;
    }
}

.cs-checkout .payment-method:not(:last-child) .payment-method-billing-address {
    padding-bottom: 2rem
}

.cs-checkout .payment-method .billing-address-details {
    padding: 0 0 0 3rem;
    line-height: 1.6;
    font-weight: 300
}

.cs-checkout .payment-method .checkout-agreements-block {
    display: none
}

.cs-checkout .payment-method .payment-method-content {
    line-height: 150%;
    display: none;
    padding: 0 0 0 2rem
}

.cs-checkout .payment-method .payment-method-content .payolution_overlay {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 0
}

.cs-checkout .payment-method._active .payment-method-content {
    display: block
}

.cs-checkout .payment-method img {
    max-width: 10rem;
    height: auto
}

.cs-checkout .payment-method p {
    margin-bottom: 0
}

.cs-checkout .payment-method p:not(:empty) {
    margin-top: 2rem
}

.cs-checkout .payment-method .number {
    width: 23rem;
    margin: 2rem 0
}

.cs-checkout .opc-payment-additional + .opc-payment-additional {
    margin-top: 2rem
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title {
    display: inline-block;
    width: auto;
    padding-right: 2.5rem;
    position: relative
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title:after, .cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .7rem;
    height: 1px;
    left: auto;
    background-color: #ebebeb;
    transition: transform .15s linear, right .15s linear, background-color .15s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title:before {
    transform: rotate(45deg) translateZ(0);
    right: .5rem
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title:after {
    transform: rotate(-45deg) translateZ(0);
    right: 0
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title[aria-expanded=true]:before {
    transform: rotate(-45deg)
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .payment-option-title[aria-expanded=true]:after {
    transform: rotate(45deg)
}

.cs-checkout .opc-payment-additional:not(.rewardpoints) .action-toggle {
    font-size: 1.4rem;
    line-height: 1
}

.cs-checkout .aw-giftcard-code, .cs-checkout .payment-option-content {
    margin-top: 2rem
}

.cs-checkout .opc-payment-additional.rewardpoints {
    padding-top: 1rem
}

.cs-checkout .opc-payment-additional.rewardpoints .payment-option-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
}

.cs-checkout .opc-payment-additional.rewardpoints .payment-option-content {
    margin-top: 0
}

.cs-checkout .opc-payment-additional.rewardpoints .payment-option-inner {
    width: 100%
}

.customweb-payenginecw-payment-form .label {
    float: none !important;
    width: 100% !important;
    text-align: left !important
}

.customweb-payenginecw-payment-form .control:not(.select-field) {
    float: none !important;
    width: 100% !important
}

.paypal.checkout {
    text-align: center
}

.paypal.checkout.after:before, .paypal.checkout.before:before {
    content: attr(data-label);
    font-size: 1.15rem;
    font-weight: 700;
    margin: 1rem .5rem .2rem
}

.paypal.checkout input:focus {
    outline: none;
    box-shadow: none
}

.paypal-review .primary 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
}

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

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

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

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

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

.paypal-review .primary button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.paypal-review .primary button, .paypal-review .primary 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
}

.paypal-review .primary button *, .paypal-review .primary button:visited * {
    color: #fff;
    fill: #fff
}

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

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

.paypal-review .primary button[disabled] {
    opacity: .65;
    cursor: auto
}

.paypal-review .primary 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
}

.paypal-review .secondary 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
}

.paypal-review .secondary button:after, .paypal-review .secondary button:before {
    content: none
}

.paypal-review .secondary button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.paypal-review .secondary button, .paypal-review .secondary 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
}

.paypal-review .secondary button *, .paypal-review .secondary button:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

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

.paypal-review .secondary button[disabled] {
    opacity: .65;
    cursor: auto
}

.paypal-review .secondary 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
}

.amazon-widget {
    width: 100%;
    max-width: 100%;
    height: 25rem;
    margin-top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .27);
    margin-bottom: 2rem
}

.amazon-widget iframe {
    border: none !important
}

.amazon-payment-method .payment-method-content, .amazon-payment-method .payment-method-title {
    padding: 0;
    margin-top: 0
}

.checkout-index-index .columns .column.main {
    padding-top: 30px
}

.checkout-index-index .page-header {
    max-width: 93rem;
    margin: 0;
    width: 100%
}

@media (min-width: 48em) {
    .checkout-index-index .page-header {
        margin: 0
    }
}

.checkout-index-index .page-header .cs-logo {
    padding-left: 2rem
}

@media (min-width: 64em) {
    .checkout-index-index .page-header .cs-logo {
        padding-left: 0
    }
}

.checkout-index-index .page-header .header.content {
    padding: 0 0 2rem
}

.checkout-index-index .checkout-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
}

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

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

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

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

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

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

.checkout-index-index .checkout-button, .checkout-index-index .checkout-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
}

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

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

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

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

.checkout-index-index .checkout-button--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
}

.checkout-index-index .checkout-button--secondary:after, .checkout-index-index .checkout-button--secondary:before {
    content: none
}

.checkout-index-index .checkout-button--secondary::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.checkout-index-index .checkout-button--secondary, .checkout-index-index .checkout-button--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
}

.checkout-index-index .checkout-button--secondary *, .checkout-index-index .checkout-button--secondary:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

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

.checkout-index-index .checkout-button--secondary[disabled] {
    opacity: .65;
    cursor: auto
}

@media (max-width: 47.99em) {
    .checkout-index-index .checkout-button, .checkout-index-index .checkout-button--secondary {
        width: 100%
    }
}

.checkout-index-index .label--normal {
    margin-top: 10px;
    font-weight: 300
}

.checkout-index-index .actions-toolbar--inline {
    padding-top: 20px;
    display: flex;
    flex-direction: row
}

.checkout-index-index .actions-toolbar--inline div.secondary {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.checkout-index-index .actions-toolbar--inline div.secondary a {
    color: #4899ff
}

@media (max-width: 47.99em) {
    .checkout-index-index .actions-toolbar--inline {
        flex-wrap: wrap
    }

    .checkout-index-index .actions-toolbar--inline .primary {
        width: 100%
    }

    .checkout-index-index .actions-toolbar--inline div.secondary {
        padding-top: 10px;
        width: 100%;
        justify-content: center
    }
}

/*@media (min-width: 64em) {
    .checkout-index-index #checkout-step-shipping .fieldset:not(.hidden-fields) {
        max-width: 80%
    }
}*/

.checkout-blocks {
    width: 100%
}

.checkout-blocks img {
    max-width: 100%
}

.cs-checkout {
    width: 100%;
    max-width: none;
    justify-content: space-between
}

.cs-checkout__progress-bar {
    width: auto;
    list-style: none;
    max-width: 100%;
    padding: 0;
    margin-bottom: 2rem;
    box-sizing: border-box
}

@media (min-width: 48em) {
    .cs-checkout__progress-bar {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ie11 .cs-checkout__progress-bar {
        top: -10.5rem
    }
}

@media (min-width: 48em) {
    .cs-checkout .opc-estimated-wrapper, .cs-checkout__after-payments, .cs-checkout__payments, .cs-checkout__shipping-method, .cs-checkout__shipping-method-wrapper, .cs-checkout__sidebar, .cs-checkout__step-tabs .cs-tabs {
        box-shadow: none;
        border-radius: 0
    }
}

.cs-checkout__sidebar {
    z-index: 1
}

@media (min-width: 48em) {
    .cs-checkout__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
        max-width: 375px
    }
}

.cs-checkout .modal-inner-wrap {
    background: none;
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: none
}

@media (max-width: 47.99em) {
    .cs-checkout .modal-inner-wrap {
        position: relative !important;
        transform: none !important
    }

    .cs-checkout .modal-inner-wrap .cs-checkout__place-order, .cs-checkout .modal-inner-wrap .table-totals {
        display: block
    }

    .cs-checkout .modal-inner-wrap .action-close {
        display: none
    }
}

.cs-checkout .opc-payment-additional.discount-code {
    color: #ff6101
}

.cs-checkout .opc-payment-additional.discount-code .payment-option-title:after, .cs-checkout .opc-payment-additional.discount-code .payment-option-title:before {
    background-color: #ff6101
}

.cs-checkout .opc-block-summary {
    background: #f4f4f4;
    border-radius: 3px;
    padding: 2rem;
    border: 1px solid #ddd;
    box-shadow: none;
    display: flex;
    flex-direction: column
}

.cs-checkout .opc-block-summary .title {
    padding: 0 0 1em;
    font-weight: 300;
    font-size: 1.8rem
}

.cs-checkout .opc-block-summary .items-in-cart .title {
    padding-top: 1em
}

.cs-checkout .opc-block-summary .checkout-agreements-wrapper {
    order: 3;
    display: none
}

.cs-checkout .opc-block-summary .checkout-agreements-wrapper .checkout-agreements {
    padding-left: 0;
    padding-right: 0
}

.cs-checkout .opc-block-summary .checkout-agreements-wrapper .checkout-agreements .cs-input {
    align-content: flex-start
}

.cs-checkout .opc-block-summary .checkout-agreements-wrapper .checkout-agreements .cs-input__label {
    width: 90%;
    font-weight: 300
}

.cs-checkout .opc-block-summary .checkout-agreements-wrapper .checkout-agreements .cs-input__label a {
    color: #4899ff
}

.cs-checkout .opc-block-summary .cs-checkout__place-order {
    order: 4
}

.cs-checkout .opc-block-summary .table-totals {
    order: 2
}

.cs-checkout .opc-block-summary .table-totals + .checkout-agreements-wrapper, .cs-checkout .opc-block-summary .table-totals + .checkout-agreements-wrapper .cs-checkout__agreements {
    display: block
}

.cs-checkout .opc-block-summary .table-totals th {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 48em) {
    .cs-checkout .opc-wrapper {
        width: calc(100% - 420px)
    }
    .cs-checkout.login-step .opc-wrapper {
        width: 100%
    }
}

.cs-checkout .opc-wrapper .step-title {
    border-bottom: 1px solid #dcdcdc;
    font-weight: 300;
    padding: 0 0 1rem;
    margin-bottom: 1rem
}

.cs-checkout .opc-wrapper .checkout-guest-form .action.continue {
    display: block
}

.cs-checkout .opc-estimated-wrapper, .cs-checkout__mobile-summary {
    display: none !important
}

@media (max-width: 47.99em) {
    .cs-checkout .opc-summary-wrapper {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.cs-checkout__shipping-method-wrapper {
    padding-left: 0;
    padding-right: 0
}

.cs-checkout .form-shipping-address .field {
    float: none !important;
    margin-top: 1em
}

.cs-checkout .form-shipping-address .field .warning {
    max-width: 100% !important
}

@media (min-width: 48em) {
    .cs-checkout .form-shipping-address .field[name*=city] {
        width: 100%;
        padding-left: 0
    }
}

@media (min-width: 48em) {
    .cs-checkout .form-shipping-address .field[name*=postcode] {
        width: 100%
    }
}

.cs-checkout .form-shipping-address .field._success:not(._warn-missing-street-number) .control._with-tooltip:after {
    right: 3em
}

.cs-checkout .form ._with-tooltip {
    padding-right: 30px;
    position: relative
}

.cs-checkout .form .field-tooltip {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

.cs-checkout .form .field-tooltip._active .field-tooltip-content {
    display: block
}

.cs-checkout .form .field-tooltip-action {
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    background: #fff;
    border: 2px solid #bbb;
    border-radius: 50%;
    display: block
}

.cs-checkout .form .field-tooltip-action:after {
    content: "?";
    color: #bbb;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    display: block;
    font-weight: 600
}

.cs-checkout .form .field-tooltip-action._active, .cs-checkout .form .field-tooltip-action:hover {
    border: 2px solid #000
}

.cs-checkout .form .field-tooltip-action._active:after, .cs-checkout .form .field-tooltip-action:hover:after {
    color: #000
}

.cs-checkout .form .field-tooltip-content {
    min-width: 200px;
    display: none;
    position: absolute;
    top: 0;
    left: 20px;
    padding: 10px;
    color: #000;
    background: #f4f4f4;
    border: 1px solid #ddd
}

.cs-checkout .form .field-tooltip-content:before {
    content: "";
    position: absolute;
    display: block;
    left: -11px;
    top: 10px;
    width: 0;
    height: 0;
    border-color: transparent #f4f4f4 transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0
}

@media (max-width: 47.99em) {
    .cs-checkout .form .field-tooltip-content {
        width: 100%;
        top: 40px;
        right: 0;
        left: auto;
        min-width: 280px
    }

    .cs-checkout .form .field-tooltip-content:before {
        left: auto;
        right: 3px;
        top: -10px;
        border-width: 0 7px 10px;
        border-color: transparent transparent #f4f4f4
    }
}

@media (min-width: 48em) {
    .cs-checkout__shipping-method, .cs-checkout__sidebar-bottom {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
}

.cs-checkout .fieldset .label {
    font-weight: 300;
    font-size: 1.4rem;
    color: #000
}

.cs-checkout .items-in-cart .actions-toolbar {
    right: 0
}

@media (max-width: 47.99em) {
    .cs-checkout .items-in-cart .title {
        padding-top: 1em
    }
}

.cs-checkout .action-edit.viewcart, .cs-checkout .action.viewcart {
    background-image: url(../images/icons/edit_color_gp.svg);
    padding-right: 0;
    width: 20px;
    height: 20px
}

.cs-checkout .action-edit.viewcart span, .cs-checkout .action.viewcart span {
    display: none
}

.cs-checkout .cs-tabs__content {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 47.99em) {
    .cs-checkout .cs-tabs {
        box-shadow: none
    }
}

.cs-checkout .minicart-items .product-item {
    padding-left: 0;
    padding-right: 0
}

.cs-checkout .minicart-items .product-item .product {
    display: flex;
    flex-direction: row
}

.cs-checkout .minicart-items .product-item .product .cs-minicart-product__image, .cs-checkout .minicart-items .product-item .product .cs-minicart-product__image-container {
    max-width: 100px;
    max-height: 100px
}

.cs-checkout .minicart-items .product-item .product .cs-minicart-product__name {
    color: #000;
    font-size: 1.3rem;
    font-weight: 400;
    padding-right: 10px
}

.cs-checkout .minicart-items .product-item .product .cs-minicart-product__options-label, .cs-checkout .minicart-items .product-item .product .cs-minicart-product__options-value {
    color: #000
}

.cs-checkout .minicart-items .product-item .product .cs-minicart-product__subtotal .cs-minicart-product__options-value {
    color: #000;
    font-size: 1.4rem
}

.cs-checkout .minicart-items .product-item .product .cs-minicart-product__subtotal .cs-minicart-product__options-label {
    display: none
}

.cs-checkout__summary-wrapper {
    display: flex;
    flex-direction: column
}

.cs-checkout__summary-wrapper > div {
    order: 2
}

.cs-checkout__summary-wrapper > div.opc-block-shipping-information {
    order: 1
}

.cs-checkout .ship-to, .cs-checkout .ship-via {
    border: 0
}

.cs-checkout .action-edit {
    background-image: url(../images/icons/edit_color_gp.svg)
}
.cs-checkout .action-edit.ship-address {
    float: right;
    cursor: pointer;
}

.cs-checkout .shipping-information-title {
    font-weight: 300;
    font-size: 1.8rem;
    border-bottom: 1px solid #ddd;
    padding: 0 0 .5em
}

.cs-checkout .shipping-information-title strong[role=heading] {
    font-weight: 300
}

.cs-checkout .shipping-information-title button.action-edit span {
    display: none
}

.cs-checkout .shipping-information-content {
    padding: 1em 0 0
}

.cs-checkout .payment-methods .step-title + .payment-method .payment-method-title {
    border: 0 !important
}

/*.cs-checkout .payment-method-title .label {
    background: none !important
}*/

.cs-checkout__place-order {
    padding-left: 0;
    padding-right: 0;
    border: 0
}

.checkout-login__wrapper {
    display: flex;
    flex-wrap: wrap
}

.checkout-login__col {
    width: 50%
}

.checkout-login__col--first {
    padding-right: 20px
}

@media (max-width: 47.99em) {
    .checkout-login__col {
        width: 100%;
        margin-top: 30px
    }

    .checkout-login__col--first {
        margin-top: 0;
        padding-right: 0
    }
}

.cs-discount {
    padding: 1.5rem 1.5rem 0;
    border-top: 1px solid #dcdcdc
}

@media (min-width: 64em) {
    .cs-discount {
        padding: 1.5rem 2rem 0 0;
        border-top: none;
        width: 30rem
    }
}

.cs-cart-page .cs-discount:not(:only-child) {
    width: 100%;
    margin: 0;
    padding: 0;
}

.cs-discount.aw-giftcard {
    margin-bottom: 0
}

@media (max-width: 63.99em) {
    .checkout-index-index .cs-discount--gift {
        margin-top: 1.5rem
    }
}

.cs-discount__content {
    display: none
}

.cs-discount .title, .cs-discount__title {
    border-top: none;
    padding: 0
}

@media (min-width: 64em) {
    .cs-discount .title, .cs-discount__title {
        margin-bottom: 2rem
    }
}

.cs-discount[data-collapsible=true] .cs-discount .title, .cs-discount[data-collapsible=true] .cs-discount__title {
    cursor: pointer
}

.cs-discount .title-text, .cs-discount__text, .cs-discount__title-text {
    font-size: 1.2rem;
    color: #696969
}

.cs-discount__trigger-icon {
    margin-left: .8rem;
    height: 6px;
    width: 1.2rem;
    transition: transform .3s;
    display: none
}

.ie11 .cs-discount__trigger-icon {
    margin-bottom: .2rem
}

.cs-discount__trigger-icon path {
    fill: #ebebeb
}

.cs-discount.active .cs-discount__trigger-icon--animation {
    transform: rotate(-180deg)
}

.cs-discount[data-collapsible=true] .cs-discount__trigger-icon {
    display: inline
}

.cs-discount button.action, .opc-payment-additional button.action {
    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;
    margin: 1rem 0 0
}

.cs-discount button.action::-moz-focus-inner, .opc-payment-additional button.action::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-discount button.action, .cs-discount button.action:visited, .opc-payment-additional button.action, .opc-payment-additional button.action: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-discount button.action *, .cs-discount button.action:visited *, .opc-payment-additional button.action *, .opc-payment-additional button.action:visited * {
    color: #ff6101;
    fill: #ff6101
}

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

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

.cs-discount button.action[disabled], .opc-payment-additional button.action[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-discount button.action span, .opc-payment-additional button.action span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-discount button.action svg, .opc-payment-additional button.action svg {
    max-width: 1em;
    max-height: 1.4rem;
    z-index: 2;
    height: auto;
    width: 100%;
    display: none
}

.cs-discount__content {
    padding: 1rem;
    display: inline-block;
    margin-right: 3rem;
    box-shadow: 0 0 5px #999;
    background: #fff;
    position: relative;
}

#block-calculator .cs-discount__content:before {
    background-color: #fff;
    content: "\00a0";
    display: block;
    height: 20px;
    position: absolute;
    top: 56%;
    transform:          rotate( 42deg ) skew( -7deg );
    -moz-transform:     rotate( 42deg ) skew( -7deg );
    -ms-transform:      rotate( 42deg ) skew( -7deg );
    -o-transform:       rotate( 42deg ) skew( -7deg );
    -webkit-transform:  rotate( 42deg ) skew( -7deg );
    width:  20px;
    box-shadow: 2px -2px 2px 0 rgba( 153, 153, 153, .4 );
    right: -10px;
}

@media (max-width: 47.99em) {
    .cart-container .cs-container__cart-coupons-left {
        flex-direction: column-reverse;
    }
    .cs-discount__content {
        margin-right: 1rem;
    }
    div#block-calculator {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
}

.cs-progress-bar {
    padding: 0;
    list-style: none;
    counter-reset: progress-bar;
    display: flex;
    position: static;
    flex-basis: 100%;
    justify-content: center;
}

.cs-progress-bar__item {
    width: 18rem;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.cs-progress-bar__item:after {
    display: block;
    content: "";
    width: 100%;
    height: .2rem;
    background: #f0f0f0;
    position: absolute;
    top: .9rem;
    left: 61%;
    z-index: -1;
    width: 78%;
}

/*@media (min-width: 64em) {
    .cs-progress-bar__item:hover .cs-progress-bar__indicator-wrapper, .cs-progress-bar__item:hover .cs-progress-bar__indicator-wrapper:after, .cs-progress-bar__item:hover:after {
        background: #ffea7f
    }
}*/

.cs-progress-bar__indicator-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    height: 2.7rem;
    transform: skew(-18deg);
    background: #f0f0f0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
    border-radius: 3px
}

.cs-progress-bar__indicator {
    transform: skew(18deg)
}

.cs-progress-bar__indicator:before {
    display: inline-block;
    counter-increment: progress-bar;
    content: counter(progress-bar)
}

.cs-progress-bar__item:after {
    top: 17px
}

.cs-progress-bar__item:first-child:after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cs-progress-bar__item:last-child:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cs-progress-bar__item._complete:after {
    background: #ff6101
}

.cs-progress-bar__item._active .cs-progress-bar__indicator-wrapper {
    background: #ff6101;
    border-color: #ff6101;
}
.cs-progress-bar__item._complete .cs-progress-bar__indicator-wrapper {
    background: #fff;
    border-color: #ff6101
}

/*@media (min-width: 64em) {
    .cs-progress-bar__item._active:hover:after, .cs-progress-bar__item._complete:hover:after {
        background: #ff6101
    }
}*/

.cs-progress-bar__item._complete .cs-progress-bar__indicator:before {
    content: url(../images/icons/check.svg);
    width: 1.5rem;
    height: 2rem
}

.ie11 .cs-progress-bar__item._complete .cs-progress-bar__indicator:before {
    transform: translateY(3px)
}

@media (min-width: 64em) {
    /*.cs-progress-bar__item:hover .cs-progress-bar__indicator-wrapper {
        background: #fff
    }*/

    .cs-progress-bar__item:hover .cs-progress-bar__indicator-wrapper:after, .cs-progress-bar__item:hover:after {
        background: #f0f0f0
    }
    .cs-progress-bar__item._complete:hover .cs-progress-bar__indicator-wrapper:after, ._complete.cs-progress-bar__item:hover:after {
        background: #ff6101
    }

}

.cs-progress-bar__indicator-wrapper {
    width: 35px;
    height: 35px;
    transform: none;
    background: #fff;
    border-radius: 50%;
    border: 0.2rem solid #5F5464;
    cursor: pointer
}

.cs-progress-bar__indicator {
    display: inline-block;
    transform: none;
    color: #212121
}

.cs-progress-bar__item._active .cs-progress-bar__indicator {
    color: #fff
}
.cs-progress-bar__item._complete .cs-progress-bar__indicator {
    color: #ff6101
}

.cs-progress-bar__item-text {
    width: 100%;
    text-align: center;
    color: #5F5464;
    font-size: 1.4rem;
    margin-top: .3rem
}

.cs-progress-bar__item._complete .cs-progress-bar__item-text {
    color: #ff6101;
    font-weight: bold;
}

.cs-progress-bar__item._active .cs-progress-bar__item-text {
    color: #212121;
    font-weight: bold;
}

.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-qty-increment {
    position: relative;
    display: flex;
    margin-bottom: 1rem;
    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
}

.cs-form, .cs-form__fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-form__field + .cs-form__field {
    margin-top: 1em
}

.cs-form--disabled {
    opacity: .6
}

.cs-form__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-form__button:active, .cs-form__button:focus, .cs-form__button:hover {
    background-color: #ff6101 !important
}

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

.cs-form__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-form__button:after {
    width: 3em;
    min-width: auto;
    background-color: #ff6101;
    transition: width .25s linear;
    z-index: -2;
    border-radius: 3px
}

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

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

.cs-form__button, .cs-form__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-form__button *, .cs-form__button:visited * {
    color: #fff;
    fill: #fff
}

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

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

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

.cs-form__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-form__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
}

.form, .form .fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.form .field + .field {
    margin-top: 1em
}

.cs-sticky-block {
    box-sizing: border-box
}

@media (min-width: 64em) {
    .cs-sticky-block {
        position: -webkit-sticky;
        position: sticky;
        z-index: 10;
        top: 1em
    }
}

@media (min-width: 48em) {
    .cs-sticky-block--pdp {
        position: relative;
        z-index: 3;
        margin-right: calc(15px - .5rem)
    }

    .page-product-bundle .cs-sticky-block--pdp {
        margin-right: 0
    }
}

@media (min-width: 64em) {
    .cs-sticky-block--pdp {
        top: 3rem;
        margin-right: 15px
    }

    .page-product-bundle .cs-sticky-block--pdp {
        margin-right: 0
    }
}

@media screen and (min-width: 1230px) {
    .cs-sticky-block--pdp {
        margin-right: 0
    }
}

@media (min-width: 48em) {
    .cs-sticky-block--no-mobile {
        position: -webkit-sticky;
        position: sticky;
        top: 8.5rem
    }
}

@media (min-width: 64em) {
    .cs-sticky-block--no-mobile {
        top: 1.5rem
    }
}

.table-wrapper {
    margin-bottom: 2rem
}

@media (max-width: 47.99em) {
    .table-wrapper {
        border: none;
        display: block
    }
}

@media (min-width: 48em) {
    .table-wrapper.cart .table-wrapper.cart {
        border-top: none
    }
}

.table-wrapper.grouped tbody:last-child td {
    border-bottom: none
}

.table {
    border-bottom: 1px solid #dcdcdc;
    max-width: 100%;
    width: 100%;
    background: transparent
}

.table.totals {
    border-bottom: none;
}

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

.table:not(.totals):not(.table-totals) {
    border: none
}

.table:not(.totals):not(.table-totals) td {
    border: none;
    padding: .8rem 1rem
}

/*.table:not(.totals):not(.table-totals) thead {
    border-bottom: 2px solid #dcdcdc
}*/

.table:not(.totals):not(.table-totals) thead th {
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #9C9C9C
}

.table:not(.totals):not(.table-totals) tbody td {
    font-size: 1.4rem;
    color: #212121;
    font-weight: 300;
    border-bottom: 1px solid #dcdcdc;
    border-left: none
}

@media (max-width: 47.99em) {
    .table:not(.totals):not(.table-totals) tbody td.actions {
        border-bottom: 1px solid #dcdcdc
    }
}

.table:not(.totals):not(.table-totals) tbody td.actions a + a:before {
    margin: 0 .7rem 0 .5rem;
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.4rem;
    border-right: 2px solid #dcdcdc;
    vertical-align: middle
}

.table:not(.totals):not(.table-totals) tbody td:first-child {
    border-left: none
}

@media (max-width: 63.99em) {
    .account .table:not(.totals):not(.table-totals) tbody tr:first-child td {
        padding-top: 0
    }
}

.table:not(.totals):not(.table-totals) tbody tr:nth-child(2n) {
    background: transparent
}

.table:not(.totals):not(.table-totals) tfoot {
    font-size: 1.4rem
}

@media (max-width: 47.99em) {
    .table:not(.totals):not(.table-totals) tfoot {
        background: #f0f0f0
    }
}

.table:not(.totals):not(.table-totals) tfoot .mark {
    text-align: right
}

@media (max-width: 47.99em) {
    .table:not(.totals):not(.table-totals) tfoot .amount {
        text-align: right
    }
}

.table .items-qty, .table .price-excluding-tax, .table .price-including-tax, .table .product-item-name {
    font-size: 1.4rem;
    line-height: 155%
}

@media (max-width: 47.99em) {
    .table-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        position: relative
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) {
        border: none;
        font-size: 1.4rem;
        padding: 0
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals):last-child {
        padding-bottom: 1.2rem
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) thead {
        display: none
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td {
        border: none;
        display: block;
        font-size: 1.4rem;
        padding: .2rem
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td:first-child {
        padding-top: 2rem
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td:last-child {
        padding-bottom: 1rem
    }
}

@media (max-width: 47.99em) and (max-width: 63.99em) {
    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td:before {
        padding-right: 10px;
        content: attr(data-th) ": ";
        display: inline-block;
        color: #212121;
        font-weight: 700
    }
}

@media (max-width: 47.99em) and (max-width: 63.99em) {
    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td.actions {
        border-bottom: 1px solid #dcdcdc
    }
}

@media (max-width: 47.99em) and (max-width: 63.99em) {
    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tbody td.actions:before {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

@media (max-width: 47.99em) {
    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot {
        display: block
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot th {
        box-sizing: border-box;
        float: left;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        width: 70%
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot td {
        box-sizing: border-box;
        float: left;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        width: 30%
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot tr {
        display: block
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot tr:first-child td, .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals) tfoot tr:first-child th {
        padding-top: 2rem
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals).additional-attributes tbody th {
        display: none
    }

    .table-wrapper .table:not(.comparison):not(.totals):not(.table-totals).additional-attributes tbody td:last-child {
        border: none;
        padding: 0 0 .5rem
    }

    .data-table-definition-list thead {
        display: none
    }

    .data-table-definition-list tbody th {
        padding-bottom: 0
    }

    .data-table-definition-list tbody td, .data-table-definition-list tbody th {
        display: block;
        padding-left: 0;
        padding-right: 0
    }
}

.account .table-wrapper, .table-wrapper.cart {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    position: relative
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .account .table-wrapper .table, .table-wrapper.cart .table {
        border: none;
        font-size: 1.4rem;
        padding: 0
    }

    .account .table-wrapper .table:last-child, .table-wrapper.cart .table:last-child {
        padding-bottom: 1.2rem
    }

    .account .table-wrapper .table thead, .table-wrapper.cart .table thead {
        display: none
    }

    .account .table-wrapper .table tbody td, .table-wrapper.cart .table tbody td {
        border: none;
        display: block;
        font-size: 1.4rem;
        padding: .2rem
    }

    .account .table-wrapper .table tbody td:first-child, .table-wrapper.cart .table tbody td:first-child {
        padding-top: 2rem
    }

    .account .table-wrapper .table tbody td:last-child, .table-wrapper.cart .table tbody td:last-child {
        padding-bottom: 1rem
    }
}

@media (min-width: 48em) and (max-width: 63.99em) and (max-width: 63.99em) {
    .account .table-wrapper .table tbody td:before, .table-wrapper.cart .table tbody td:before {
        padding-right: 10px;
        content: attr(data-th) ": ";
        display: inline-block;
        color: #212121;
        font-weight: 700
    }
}

@media (min-width: 48em) and (max-width: 63.99em) and (max-width: 63.99em) {
    .account .table-wrapper .table tbody td.actions, .table-wrapper.cart .table tbody td.actions {
        border-bottom: 1px solid #dcdcdc
    }
}

@media (min-width: 48em) and (max-width: 63.99em) and (max-width: 63.99em) {
    .account .table-wrapper .table tbody td.actions:before, .table-wrapper.cart .table tbody td.actions:before {
        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) and (max-width: 63.99em) {
    .account .table-wrapper .table tfoot, .table-wrapper.cart .table tfoot {
        display: block
    }

    .account .table-wrapper .table tfoot th, .table-wrapper.cart .table tfoot th {
        box-sizing: border-box;
        float: left;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        width: 70%
    }

    .account .table-wrapper .table tfoot td, .table-wrapper.cart .table tfoot td {
        box-sizing: border-box;
        float: left;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
        width: 30%
    }

    .account .table-wrapper .table tfoot tr, .table-wrapper.cart .table tfoot tr {
        display: block
    }

    .account .table-wrapper .table tfoot tr:first-child td, .account .table-wrapper .table tfoot tr:first-child th, .table-wrapper.cart .table tfoot tr:first-child td, .table-wrapper.cart .table tfoot tr:first-child th {
        padding-top: 2rem
    }
}

#repertus_find_packstation_button_execute, .repertus_packstation--search-button, .repertus_packstation_search_button .action-basic {
    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;
    margin: 1rem 0 0
}

#repertus_find_packstation_button_execute::-moz-focus-inner, .repertus_packstation--search-button::-moz-focus-inner, .repertus_packstation_search_button .action-basic::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

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

#repertus_find_packstation_button_execute *, #repertus_find_packstation_button_execute:visited *, .repertus_packstation--search-button *, .repertus_packstation--search-button:visited *, .repertus_packstation_search_button .action-basic *, .repertus_packstation_search_button .action-basic:visited * {
    color: #fff;
    fill: #fff
}

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

#repertus_find_packstation_button_execute:active:not([disabled]) *, #repertus_find_packstation_button_execute:focus:not([disabled]) *, #repertus_find_packstation_button_execute:hover:not([disabled]) *, .repertus_packstation--search-button:active:not([disabled]) *, .repertus_packstation--search-button:focus:not([disabled]) *, .repertus_packstation--search-button:hover:not([disabled]) *, .repertus_packstation_search_button .action-basic:active:not([disabled]) *, .repertus_packstation_search_button .action-basic:focus:not([disabled]) *, .repertus_packstation_search_button .action-basic:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

#repertus_find_packstation_button_execute[disabled], .repertus_packstation--search-button[disabled], .repertus_packstation_search_button .action-basic[disabled] {
    opacity: .65;
    cursor: auto
}

.repertus-packstation-search.modal-popup._show {
    z-index: 905 !important
}

.repertus-packstation-search .modal-title {
    padding-left: 3rem;
    text-transform: none
}

.repertus-packstation-search .modal-content {
    padding-bottom: 3rem
}

.repertus-packstation-search .modal-footer {
    display: none
}

.repertus-packstation-search .action-close {
    right: 1rem;
    cursor: pointer
}

.repertus-packstation-search .tonur_packstation_input {
    margin-bottom: 1.5rem
}

.repertus-packstation-search .repertus_packstaion--search-modal--input-fields {
    display: flex;
    justify-content: space-between
}

.repertus-packstation-search .repertus--input-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%
}

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

.repertus-packstation-search .repertus--input-field 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
}

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

.repertus-packstation-search .repertus--input-field input::-moz-placeholder {
    opacity: 1;
    color: #ebebeb
}

.repertus-packstation-search .repertus--input-field input:-ms-input-placeholder {
    opacity: 1;
    color: #ebebeb
}

.repertus-packstation-search .repertus--input-field input::placeholder {
    opacity: 1;
    color: #ebebeb
}

.repertus-packstation-search .repertus--input-field input[disabled] {
    opacity: .65
}

.repertus-packstation-search .repertus--input-field.postcode {
    margin-right: 1.5rem
}

.repertus-packstation-search #tonur_packstation_map {
    position: relative;
    min-height: 27rem;
    max-height: 40rem;
    border: .1rem solid #fff
}

@media (min-width: 23.125em) {
    .repertus-packstation-search #tonur_packstation_map {
        min-height: 29.5rem
    }
}

@media (min-width: 48em) {
    .repertus-packstation-search #tonur_packstation_map {
        min-height: 40rem
    }
}

.repertus-packstation-search #tonur_packstation_map_overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40.2rem;
    background-color: #000;
    opacity: .7;
    z-index: 100
}

.repertus-packstation-search #tonur_packstation_map_overlay p {
    margin-top: 27%;
    color: #fff;
    text-align: center
}

.repertus-packstation-search #tonur_packstation_map_frame {
    position: relative
}

.repertus-packstation-search #tonur_packstation_map_frame.busy #tonur_packstation_map_overlay {
    display: table-cell
}

.repertus-packstation-search .MicrosoftMap .Infobox .infobox-body {
    min-width: 190px
}

.repertus-packstation-search .MicrosoftMap .Infobox .infobox-title {
    padding: 1rem 1rem 0
}

.repertus-packstation-search .MicrosoftMap .Infobox .infobox-actions {
    height: 2.5rem
}

.repertus_address_type_fieldset, .repertus_address_type_fieldset .fieldset-wrapper-content {
    width: 100%
}

.field[name="shippingAddress.repertus_address_type"] {
    display: none
}

@use "sass:map"; @media (max-width: 47.99em) {
    .cs-login-or-guest .cs-checkout__step-tabs .cs-tabs {
        margin: 0;
        box-shadow: none
    }

    .cs-login-or-guest .cs-checkout__step-tabs .cs-tabs__content {
        padding-left: 0;
        padding-right: 0
    }
}

.cs-login-or-guest--active .cs-checkout__sidebar, .cs-login-or-guest .cs-checkout__step-tabs .cs-tabs__triggers {
    display: none
}

.cs-login-or-guest--active .opc-wrapper {
    width: 100%
}

.cs-login-or-guest--active .login-container .block-customer-login {
    margin-top: 4rem
}

@media (min-width: 48em) {
    .cs-login-or-guest--active .login-container .block-customer-login {
        margin-top: 0
    }
}

.cs-login-or-guest--active .login-container .fieldset > .field > .control {
    width: 100%
}

.cs-login-or-guest--active .login-container .fieldset:after {
    display: none
}

.cs-login-or-guest--active .login-container .actions-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue {
    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;
    display: block
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue, .cs-login-or-guest--active .login-container .actions-toolbar .action.continue: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-login-or-guest--active .login-container .actions-toolbar .action.continue *, .cs-login-or-guest--active .login-container .actions-toolbar .action.continue:visited * {
    color: #fff;
    fill: #fff
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue:active:not([disabled]), .cs-login-or-guest--active .login-container .actions-toolbar .action.continue:focus:not([disabled]), .cs-login-or-guest--active .login-container .actions-toolbar .action.continue:hover:not([disabled]) {
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #ff6101
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue:active:not([disabled]) *, .cs-login-or-guest--active .login-container .actions-toolbar .action.continue:focus:not([disabled]) *, .cs-login-or-guest--active .login-container .actions-toolbar .action.continue:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.continue span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login {
    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;
    margin: 1rem 0 0
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login, .cs-login-or-guest--active .login-container .actions-toolbar .action.action-login: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-login-or-guest--active .login-container .actions-toolbar .action.action-login *, .cs-login-or-guest--active .login-container .actions-toolbar .action.action-login:visited * {
    color: #fff;
    fill: #fff
}

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

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login:active:not([disabled]) *, .cs-login-or-guest--active .login-container .actions-toolbar .action.action-login:focus:not([disabled]) *, .cs-login-or-guest--active .login-container .actions-toolbar .action.action-login:hover:not([disabled]) * {
    color: #fff;
    fill: #fff
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login[disabled] {
    opacity: .65;
    cursor: auto
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-login span {
    margin-top: 0;
    z-index: 1;
    font-weight: 700;
    vertical-align: baseline;
    display: inline-block;
    line-height: 1.275em;
    letter-spacing: normal
}

.cs-login-or-guest--active .login-container .actions-toolbar .action.action-remind {
    display: inline-block;
    font-size: inherit;
    margin-top: 1rem
}

.cs-checkout__after-payments .cs-checkout__discounts,
.cs-checkout .payment-method .payment-method-billing-address,
.login-step .cs-checkout__sidebar,
.cs-login-or-guest--active .opc-estimated-wrapper {
    display: none
}

.opc .shipping-information div.ship-via,
.checkout-shipping-address,
.checkout-billing-address,
#opc-shipping_method,
#checkout-step-payment,
.checkout-gray-frame
 {
    background: #F9F9F9;
    padding: 2rem 3rem;
    margin-bottom: 1.5rem;
}
.cs-checkout .shipping-information-content {
    padding: 1em 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.cs-checkout .shipping-information-content > div {
    width: 48%;
}
@media (max-width: 47.99em) {
    .cs-checkout .shipping-information-content {
        flex-direction: column;
    }
    .cs-checkout .shipping-information-content > div {
        width: 100%;
    }
}
.checkout-billing-address {
    position: relative;
}
#checkout-payment-method-load.cs-checkout__payments, 
.cs-checkout__shipping-method-wrapper {
    padding: 0;
    background: transparent;
}
.cs-checkout .shipping-information-title,
.cs-checkout .opc-wrapper .step-title {
    border-bottom: .3rem solid #ff6101;
    font-weight: 600;
}
.cs-checkout .ship-to .shipping-information-title {
    display: none;
}
.cs-checkout .checkout-gray-frame .field {
    flex-wrap: nowrap;
    float: none !important;
    margin-top: 1em;
    align-items: baseline;
}
.cs-checkout .fieldset .label {
    font-weight: 600;
    width: auto;
    min-width: 30%;
}
.cs-progress-bar__item:last-child:after {
    display: none;
}
.checkout-billing-address fieldset.fieldset {
    border: none;
    padding: 0;
}
.cs-checkout__after-payments {
    background-color: transparent;
}
.cs-checkout__sidebar-inner .modal-content {
    padding-top: 1.4rem;
}
p.head1 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 0;
}
p.head2 {
    font-size: 1.1rem;
    color: #fff;
    margin: 0.6rem 0;
}
p.head3 a {
    font-size: 2.2rem;
    color: #fff;
    line-height: 1;
    font-weight: bold;
}