/*!DsiFlic v2.2.1*/

.DsiFlic-enabled {
    position: relative
}

.DsiFlic-enabled:focus {
    outline: none
}

.DsiFlic-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.DsiFlic-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.DsiFlic-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DsiFlic-enabled.is-draggable .DsiFlic-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.DsiFlic-enabled.is-draggable .DsiFlic-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.DsiFlic-button {
    position: absolute;
    border: 2px solid #555;
    color: #333
}

.DsiFlic-button:hover {
    cursor: pointer
}

.DsiFlic-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F
}

.DsiFlic-button:active {
    opacity: .6
}

.DsiFlic-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.DsiFlic-button-icon {
    fill: currentColor
}

.DsiFlic-prev-next-button {
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%)
}

.DsiFlic-prev-next-button.previous {
    left: 0
}

.DsiFlic-prev-next-button.next {
    right: 0
}

.DsiFlic-rtl .DsiFlic-prev-next-button.previous {
    left: auto;
    right: 10px
}

.DsiFlic-rtl .DsiFlic-prev-next-button.next {
    right: auto;
    left: 10px
}

.DsiFlic-prev-next-button .DsiFlic-button-icon {
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%
}

.DsiFlic-page-dots {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.DsiFlic-rtl .DsiFlic-page-dots {
    direction: rtl
}

.DsiFlic-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.DsiFlic-page-dots .dot.is-selected {
    opacity: 1
}

.text-content {
    position: absolute;
    opacity: 0
}

.text-content__icon {
    margin-bottom: 2.3em
}

.text-content__icon svg {
    display: block;
    width: 4.7em
}

.text-center .text-content__icon svg {
    margin: 0 auto
}

.description {
    color: #555;
    font-size: 1.4rem;
    letter-spacing: .024em;
    line-height: 2rem
}

.block-title {
    margin-bottom: var(--space-btitle);
    color: var(--c-block-title);
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.1428em
}

.block-title__classic .block-title {
    padding-left: 1rem;
    font-size: 2.2rem
}

.block-title__classic .block-title::before {
    display: inline-block;
    position: relative;
    bottom: -1px;
    left: -1rem;
    width: .4rem;
    height: 1.4rem;
    content: '';
    background-color: var(--c-theme)
}

.block-title__advanced .block-title,
.block-title__cb .block-title {
    font-size: 2.5rem;
    text-align: center
}

.block-title__advanced .block-description,
.block-title__cb .block-description {
    text-align: center
}

.block-title__cb .block-title::after {
    display: block;
    margin: 0 auto;
    padding-top: 1.5rem;
    width: 3.5rem;
    border-bottom: 3px solid var(--c-theme);
    content: ''
}

.block-title__cb .center-icon .block-title {
    margin-bottom: 4.2rem
}

.block-title__cb .sidebar-block .block-title::after,
.block-title__cb .nav-top__center .block-title::after {
    content: none
}

.block-title__ch .block-title {
    font-size: 3.5rem;
    font-weight: 900;
    text-align: center
}

.block-title__ch .block-description {
    font-family: var(--font-heading);
    font-size: 1.6rem;
    text-align: center
}

.block-description {
    margin-top: var(--space-btitle-minus);
    margin-bottom: 4.5rem;
    color: #818181;
    font-size: 1.6rem
}

h2,
h3,
h4 {
    margin-bottom: 2.4rem
}

h5,
h6,
p {
    margin-bottom: 1.6rem
}

.full-width-container {
    overflow: hidden
}

.container,
.container-1500 {
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

.col-padding {
    position: relative;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.large-1,
.medium-1 {
    width: 100%
}

.large-2,
.medium-2 {
    width: 100%
}

.large-3,
.medium-3 {
    width: 100%
}

.large-4,
.medium-4 {
    width: 100%
}

.large-5,
.medium-5 {
    width: 100%
}

.large-6,
.medium-6 {
    width: 100%
}

.large-7,
.medium-7 {
    width: 100%
}

.large-8,
.medium-8 {
    width: 100%
}

.large-9,
.medium-9 {
    width: 100%
}

.large-10,
.medium-10 {
    width: 100%
}

.large-11,
.medium-11 {
    width: 100%
}

.large-12,
.medium-12 {
    width: 100%
}

.ds-none {
    display: none
}

.ds-block {
    display: block
}

.ds-flex {
    display: -ms-flexbox;
    display: flex
}

.ds-inline-flex {
    display: -ms-flexbox;
    display: inline-flex
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.align-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-center {
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-strech {
    -ms-flex-align: stretch;
    align-items: stretch
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.full-height {
    height: 100vh
}

.width-100 {
    width: 100%
}

.height-100 {
    height: 100%
}

.x-center {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.y-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.xy-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.item-1x {
    -ms-flex: 1;
    flex: 1
}

.item-2x {
    -ms-flex: 2;
    flex: 2
}

.item-3x {
    -ms-flex: 3;
    flex: 3
}

.grid-items__1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.grid-items__2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.grid-items__3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.grid-items__4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.grid-items__5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.grid-items__6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}

.landscape-half:first-child {
    padding-bottom: .6rem
}

.landscape-half:last-child {
    padding-top: .6rem
}

@media all and (min-width: 768px) {
    .landscape-half:first-child {
        padding-bottom: 1rem
    }
    .landscape-half:last-child {
        padding-top: 1rem
    }
}

@media all and (min-width: 1200px) {
    .landscape-half:first-child {
        padding-bottom: 1.5rem
    }
    .landscape-half:last-child {
        padding-top: 1.5rem
    }
}

.portrait-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.portrait-half:first-child {
    padding-right: .6rem
}

.portrait-half:last-child {
    padding-left: .6rem
}

@media all and (min-width: 768px) {
    .portrait-half:first-child {
        padding-right: 1rem
    }
    .portrait-half:last-child {
        padding-left: 1rem
    }
}

@media all and (min-width: 1200px) {
    .portrait-half:first-child {
        padding-right: 1.5rem
    }
    .portrait-half:last-child {
        padding-left: 1.5rem
    }
}

@media (min-width: 320px) {
    .grid-items__2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .grid-items__3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .grid-items__4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .grid-items__5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .grid-items__6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 568px) {
    .small-1 {
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .small-2 {
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .small-3 {
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .small-4 {
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .small-5 {
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .small-6 {
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .small-7 {
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .small-8 {
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .small-9 {
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .small-10 {
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .small-11 {
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .small-12 {
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .grid-items__3 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .grid-items__4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .grid-items__5 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .grid-items__6 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .medium-1 {
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .medium-2 {
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .medium-3 {
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .medium-4 {
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .medium-5 {
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .medium-6 {
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .medium-7 {
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .medium-8 {
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .medium-9 {
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .medium-10 {
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .medium-11 {
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .medium-12 {
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .grid-items__4,
    .grid-items__5,
    .grid-items__6 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-1 {
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .large-2 {
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .large-3 {
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .large-4 {
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .large-5 {
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .large-6 {
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .large-7 {
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .large-8 {
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .large-9 {
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .large-10 {
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .large-11 {
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .large-12 {
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .grid-items__5,
    .grid-items__6 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .huge-1 {
        -ms-flex-basis: 8.3333333333%;
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
    .huge-2 {
        -ms-flex-basis: 16.6666666667%;
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }
    .huge-3 {
        -ms-flex-basis: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .huge-4 {
        -ms-flex-basis: 33.3333333333%;
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }
    .huge-5 {
        -ms-flex-basis: 41.6666666667%;
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }
    .huge-6 {
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .huge-7 {
        -ms-flex-basis: 58.3333333333%;
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }
    .huge-8 {
        -ms-flex-basis: 66.6666666667%;
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }
    .huge-9 {
        -ms-flex-basis: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .huge-10 {
        -ms-flex-basis: 83.3333333333%;
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }
    .huge-11 {
        -ms-flex-basis: 91.6666666667%;
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }
    .huge-12 {
        -ms-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1400px) {
    .grid-items__6 {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width: 1530px) {
    .container-1500 {
        max-width: 1500px
    }
}

body {
    color: var(--c-body-text);
    font-size: var(--font-body-size);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-family: var(--font-body);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#mainContent {
    min-height: 500px
}

#mainContent .shopify-section {
    overflow: hidden
}

* {
    margin: 0;
    padding: 0
}

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

input::-webkit-input-placeholder {
    color: currentcolor
}

input:-ms-input-placeholder {
    color: currentcolor
}

input::placeholder {
    color: currentcolor
}

textarea::-webkit-input-placeholder {
    color: currentcolor
}

textarea:-ms-input-placeholder {
    color: currentcolor
}

textarea::placeholder {
    color: currentcolor
}

a {
    text-decoration: none
}

a,
input,
textarea,
select,
option {
    color: inherit;
    font-family: inherit
}

a,
button,
input,
select,
textarea,
label,
summary {
    touch-action: manipulation
}

select {
    border: 0px solid #dfdfdf;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 7 4'><path fill='rgb(103,103,103)' d='M.82 0L3.5 2.481 6.18 0 7 .76 3.5 4 0 .76z' fill-rule='evenodd'></path></svg>");
    background-position-x: calc(100% - 15px);
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 8px;
    color: #444;
    font-size: 1.4rem
}

@media all and (min-width: 992px) {
    select {
        background-position-x: calc(100% - 20px)
    }
}

a:focus {
    color: inherit
}

img {
    max-width: 100%
}

svg {
    fill: currentcolor;
    transition: fill .35s
}

.logo-image,
.footer-logo {
    font-family: 'Raleway', Arial;
    font-weight: 700;
    text-transform: capitalize
}

.logo-image svg,
.footer-logo svg {
    display: block;
    width: 100%;
    height: 100%
}

.logo-image {
    display: -ms-flexbox;
    display: flex;
    font-size: 3rem
}

.logo-image img {
    -ms-align-self: center;
    align-self: center
}

.logo-image__mobile {
    display: none
}

.logo-container svg {
    height: 100%
}

.footer-logo {
    font-size: 2.3rem;
    line-height: 0
}

#newsletter-popup .delivery-style h3,
#newsletter-popup .textbox h3 {
    font-family: var(--font-body)
}

.text-green1 h2,
#newsletter-popup .delivery-style p {
    font-family: var(--font-heading)
}

.shopify-product-reviews-badge {
    display: block
}

.alr-display-review-badge,
.loox-rating,
.spr-badge,
.shopify-product-reviews-badge {
    min-width: 7rem !important;
    min-height: 1.7rem !important;
    margin-left: auto;
    font-size: 1.1rem
}

.position-absolute {
    position: absolute
}

.position-relative,
.image-block-item {
    position: relative
}

.list-style-none {
    list-style: none
}

.m-0 {
    margin: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-body {
    font-family: var(--font-body)
}

.font-heading {
    font-family: var(--font-heading)
}

.font-menu {
    font-family: var(--font-menu)
}

.font-extra {
    font-family: var(--font-extra)
}

.font-button {
    font-family: var(--font-button)
}

.font-arial {
    font-family: Arial, sans-serif
}

.font-normal {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-300 {
    font-weight: 300
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700 {
    font-weight: 700
}

.font-900 {
    font-weight: 900
}

.right {
    order: 13
}

.pos-right {
    position: absolute;
    right: 0
}

.overflow-hidden {
    overflow: hidden
}

.text-capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

@media (min-width: 992px) {
    /* .sticky-dir-down,
    .sticky-dir-up {
        position: -webkit-sticky;
        position: sticky;
        height: 100%
    }
    .sticky-dir-up {
        top: 5.6rem
    }
    .sticky-dir-down {
        bottom: 3rem;
        align-self: flex-end
    } */
}

@media (min-width: 1400px) {
    /* .sticky-dir-up {
        top: 9rem
    } */
}

@media (max-width: 991px) {
    .hide-under-pad {
        display: none
    }
}

@media (max-width: 767px) {
    .image-block-item {
        width: 50%;
        max-width: 50%;
        margin-bottom: 2rem
    }
    .hide-on-mobile {
        display: none
    }
}

@media (max-width: 567px) {
    .image-block-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.5rem
    }
}

.template-index {
    overflow: auto
}

.template-index .header-menu__shadow,
.sub-menu .header-menu__shadow {
    height: 3rem;
    opacity: .62
}

.vnd-device-touch.mobile-show_quick_actions .product-card a.link-entire {
    display: none
}

#preview-bar-iframe {
    display: none !important;
    height: 0 !important
}

@keyframes moveDown {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%)
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-appear {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
    transition: -webkit-transform .72s ease-in, opacity .2s ease-in;
    transition: transform .72s ease-in, opacity .2s ease-in;
    transition: transform .72s ease-in, -webkit-transform .72s ease-in, opacity .2s ease-in
}

.fade-appear.finished {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.transform-appear {
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: -webkit-transform .72s ease-in, margin-top .72s ease-in;
    transition: transform .72s ease-in, margin-top .72s ease-in;
    transition: transform .72s ease-in, -webkit-transform .72s ease-in, margin-top .72s ease-in;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    margin-top: 60rem
}

.transform-appear.finished {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0
}

.btn,
button {
    display: inline-block;
    transition: all .3s;
    color: inherit;
    font-family: var(--font-button);
    font-size: 11px;
    font-style: var(--font-button-style);
    font-weight: 700;
    letter-spacing: var(--font-button-space);
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

.btn svg {
    width: 1.4rem;
    margin-left: .8rem
}

.btn .btn-svg-10 {
    width: 1rem
}

.btn .btn-svg-14 {
    width: 1.4rem
}

.btn-add-cart {
    position: relative;
    min-width: 13.5rem;
    height: 3.6rem;
    /* overflow: hidden */
}

/* .btn-default, */
.btn-add-cart,
.btn-transparent,
.btn-secondary,
.btn-third,
.btn-text,
.shopify-payment-button button.shopify-payment-button__button--unbranded {
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid;
    line-height: 1;
    text-align: center
}

/* .btn-default {
    border-color: var(--c-btn-default);
    background: none;
    color: var(--c-btn-default)
} */

.btn-transparent {
    border-color: var(--c-btn-transparent);
    background: none;
    color: var(--c-btn-transparent)
}

.btn-text {
    border: 0;
    background-color: transparent;
    color: var(--c-btn-text);
    text-transform: initial
}

/* .btn-default, */
.btn-transparent {
    padding: 1.2rem 2rem
}

.btn-secondary {
    padding: 1.2rem 2rem;
    border-color: var(--c-btn-bg);
    background-color: var(--c-btn-bg);
    color: var(--c-btn-t)
}

.btn-third {
    padding: 1.2rem 2rem;
    border-color: var(--c-btn-3-border);
    background-color: var(--c-btn-3-bg);
    color: var(--c-btn-3-t)
}

.action-item,
.btn-add-cart {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 0
}

/* .btn-add-cart,
.shopify-payment-button button.shopify-payment-button__button--unbranded {
    border-color: var(--c-cart-border);
    background-color: var(--c-cart-bg);
    color: var(--c-cart);
    font-weight: 700
} */

.btn-icon {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 1.5rem;
    width: 2rem;
    height: 4rem;
    border: 0;
    background: none;
    cursor: pointer
}

.btn-icon svg {
    width: 1.9rem;
    height: 100%;
    fill: #666
}

.btn-compare,
.btn-wishlist {
    cursor: pointer
}

.btn-compare span,
.btn-wishlist span {
    display: none
}

.btn-compare.btn svg,
.btn-wishlist.btn svg {
    margin: 0 auto
}

.btn-compare.btn.is-active,
.btn-wishlist.btn.is-active {
    background-color: #91dbff !important;
    border-color: #91dbff !important
}

.btn-compare.btn.is-active svg,
.btn-compare.btn:hover svg,
.btn-wishlist.btn.is-active svg,
.btn-wishlist.btn:hover svg {
    color: #fff
}

.link-color {
    border: 0;
    background: none;
    cursor: pointer
}

.product-form .link-page-popup,
.link-color:hover {
    color: var(--c-theme)
}

.link-entire {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: contain;
}

.ticksign {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.ticksign svg {
    display: block;
    width: 1.5rem;
    padding: .1rem;
    border: 2px solid #cacaca;
    fill: transparent
}

.ticksign.active svg {
    border-color: var(--c-theme);
    border-radius: .2rem;
    background-color: var(--c-theme);
    fill: #fff
}

.filter-tag .nav-list__link {
    line-height: 3rem
}

.btn-second {
    margin-left: 1.6rem
}

.mobile-sidebar-toggler {
    display: none !important;
}

/* #toPageTop {
    display: none
} */

.DsiFlic-prev-next-button {
    border: 2px solid #444;
    border-radius: 0;
    background: 0;
    cursor: pointer
}

.DsiFlic-prev-next-button:hover {
    border-color: var(--c-theme) !important;
    background-color: var(--c-theme) !important;
    color: var(--c-default-h-t) !important;
    opacity: 1 !important
}

.DsiFlic-page-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.vnd-sls-dots-same .DsiFlic-page-dots .dot {
    margin: 0 .5rem;
    transition: all .35s
}

.vnd-sls-dots-diff-1 .DsiFlic-page-dots .dot {
    width: 9px;
    height: 9px;
    margin: 0 .6rem 0 .7rem
}

.vnd-sls-dots-diff-1 .DsiFlic-page-dots .dot.is-selected {
    width: 13px;
    height: 13px
}

.vnd-sls-dots-diff-2 .DsiFlic-page-dots .dot {
    width: 8px;
    height: 8px;
    margin: 0 .7rem 0 .8rem
}

.vnd-sls-dots-diff-2 .DsiFlic-page-dots .dot.is-selected {
    width: 14px;
    height: 14px
}

/* .items-carousel:not(.DsiFlic-enabled),
.DsiFlic-carousel:not(.DsiFlic-enabled) {
    width: auto;
    overflow: hidden;
    white-space: nowrap
} */

/* .items-carousel:not(.DsiFlic-enabled)>*,
.DsiFlic-carousel:not(.DsiFlic-enabled)>* {
    display: inline-flex !important;
    vertical-align: top;
    filter: blur(2px);
    transition: filter .25s
} */

.items-carousel .DsiFlic-page-dots {
    margin-top: 3.2rem
}

.items-carousel.fade .DsiFlic-slider,
.DsiFlic-carousel.fade .DsiFlic-slider {
    transform: none !important;
    -webkit-transform: none !important
}

.items-carousel.fade .slide-item,
.DsiFlic-carousel.fade .slide-item {
    left: 0 !important;
    opacity: 0;
    transition: opacity .45s ease-in-out;
    z-index: 0
}

.items-carousel.fade .slide-item.is-selected,
.DsiFlic-carousel.fade .slide-item.is-selected {
    transition: opacity .45s ease-in-out;
    opacity: 1;
    z-index: 1
}

.items-carousel.fade .DsiFlic-prev-next-button,
.items-carousel.fade .DsiFlic-page-dots,
.DsiFlic-carousel.fade .DsiFlic-prev-next-button,
.DsiFlic-carousel.fade .DsiFlic-page-dots {
    z-index: 2
}

.slideshow-nav__big .DsiFlic-prev-next-button {
    width: 5rem;
    height: 4rem
}

.slideshow-nav__medium .DsiFlic-prev-next-button {
    width: 2.8rem;
    height: 2.2rem
}

.slideshow-nav__medium .DsiFlic-prev-next-button .DsiFlic-button-icon {
    width: 1.2rem;
    left: .6rem
}

@media all and (min-width: 768px) {
    .slideshow-nav__medium .DsiFlic-prev-next-button {
        width: 3.8rem;
        height: 3rem
    }
    .slideshow-nav__medium .DsiFlic-prev-next-button .DsiFlic-button-icon {
        left: 1.1rem
    }
}

.slideshow-nav__small .DsiFlic-prev-next-button {
    width: 3.5rem;
    height: 2.8rem
}

.nav-top__center .DsiFlic-button.previous,
.nav-top__right .DsiFlic-button.previous,
.sidebar-carousel .DsiFlic-button.previous {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.nav-top__center .DsiFlic-button.next,
.nav-top__right .DsiFlic-button.next,
.sidebar-carousel .DsiFlic-button.next {
    margin-left: -2px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.nav-top__center .DsiFlic-prev-next-button {
    position: absolute;
    top: -5.9rem;
    left: 50%
}

.nav-top__right .DsiFlic-prev-next-button {
    position: absolute;
    top: -2.5rem;
    right: .5rem;
    left: auto
}

.nav-top__right .DsiFlic-button.previous {
    right: 0.3rem
}

@media (min-width: 768px) {
    .nav-top__right .DsiFlic-prev-next-button {
        right: 1rem
    }
    .nav-top__right .DsiFlic-button.previous {
        right: 0.8rem
    }
}

@media (min-width: 992px) {
    .nav-top__right .DsiFlic-prev-next-button {
        top: -4.5rem;
        right: 1.5rem
    }
    .nav-top__right .DsiFlic-button.previous {
        right: 1.3rem
    }
}

.nav-middle .DsiFlic-prev-next-button {
    opacity: 0
}

.nav-middle .DsiFlic-button.previous {
    left: 2.5rem
}

.nav-middle .DsiFlic-button.next {
    right: 2.5rem
}

.nav-middle .DsiFlic-button.previous,
.nav-middle .DsiFlic-button.next {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.nav-middle:hover .DsiFlic-prev-next-button {
    opacity: 1
}

.nav-box-shadow .DsiFlic-prev-next-button {
    border-color: transparent;
    background-color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06)
}

@media (min-width: 568px) {
    /* .btn-default, */
    .btn-add-cart,
    .btn-transparent,
    .btn-secondary,
    .btn-third,
    .shopify-payment-button button.shopify-payment-button__button--unbranded {
        border-width: var(--btn-border-width)
    }
}

@media (min-width: 992px) {
    .items-carousel .DsiFlic-page-dots {
        margin-top: 5.2rem
    }
}

@media (min-width: 1200px) {
    .btn,
    button {
        font-size: var(--font-button-size)
    }
}

@media (min-width: 1400px) {
    .container .nav-middle .DsiFlic-button.previous {
        left: -6.5rem
    }
    .container .nav-middle .DsiFlic-button.next {
        right: -6.5rem
    }
}

@media (max-width: 991px) {
    .slideshow-nav__big .DsiFlic-prev-next-button {
        width: 3.8rem;
        height: 3rem
    }
    .DsiFlic-carousel.dots-left .DsiFlic-page-dots {
        left: 2rem
    }
}

@media (max-width: 767px) {
    .btn {
        font-size: 1rem
    }
    /* .btn-default, */
    .btn-transparent,
    .btn-secondary,
    .btn-third {
        padding: 1rem 1.2rem
    }
    .DsiFlic-prev-next-button {
        width: 30px;
        height: 30px
    }
    .DsiFlic-carousel.dots-left .DsiFlic-page-dots {
        left: 1rem
    }
}

@media (max-width: 567px) {
    .vs-homepage-slideshow .DsiFlic-page-dots {
        bottom: 1rem
    }
    .DsiFlic-carousel.dots-left .DsiFlic-page-dots {
        left: 0
    }
}

@media (max-width: 480px) {
    /* .btn-default, */
    .btn-transparent,
    .btn-secondary,
    .btn-third {
        min-width: auto;
        padding: .9rem
    }
    .DsiFlic-carousel .DsiFlic-prev-next-button {
        display: none
    }
}

.image-bg,
.placeholder {
    position: absolute;
    right: 0;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    object-fit: contain
}

.contain-bg {
    background-color: var(--c-main-background);
    background-size: contain;
    background-position: center center
}

.lazyload,
.lazyloading {
    transition: opacity .35s ease-in-out;
    opacity: 0
}

.lazyloaded {
    transition: opacity .35s ease-in-out;
    opacity: 1
}

.image-loading::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: .5;
    content: '';
    z-index: 2
}

.image-loaded::before {
    opacity: 0;
    transition: opacity .3s
}

.vnd-image-loading-three-dots .image-loading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='currentColor'><circle cx='15' cy='15' r='15'><animate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/><animate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/></circle><circle cx='60' cy='15' r='9' fill-opacity='0.3'><animate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/><animate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/></circle><circle cx='105' cy='15' r='15'><animate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/><animate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/></circle></svg>")
}

.vnd-image-loading-oval .image-loading::before {
    background-image: url("data:image/svg+xml;utf8,<svg width='25' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='currentColor'><g fill='none' fill-rule='evenodd'><g transform='translate(1 1)' stroke-width='2'><circle stroke-opacity='.5' cx='18' cy='18' r='18'/><path d='M36 18c0-9.94-8.06-18-18-18'><animateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/></path></g></g></svg>")
}

.media-container>model-viewer,
.media-container>iframe,
.media-container>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.banner.has-minheight {
    min-height: 32rem
}

.content-bg {
    position: relative;
    padding: 2.1rem 2.4rem
}

@media all and (min-width: 768px) {
    .content-bg {
        padding: 2.8rem 3.5rem
    }
}

@media all and (min-width: 1400px) {
    .content-bg {
        padding: 3rem 5rem
    }
}

.product-img {
    position: relative;
    width: 100%
}

.product-type {
    color: var(--c-product-type);
    font-family: var(--font-heading);
    font-size: 1.3rem;
    letter-spacing: .171em;
    text-transform: uppercase
}

/* .product-name {
    color: var(--c-product-name);
    font-family: var(--f-p-n);
    font-weight: 400;
    letter-spacing: var(--f-p-n-s)
} */

.product-price span {
    display: inline-block;
    font-family: var(--f-p-p)
}

.old-price {
    color: var(--c-old-price);
    font-size: 1.2rem;
    text-decoration: line-through
}

.old-price span {
    text-decoration: inherit
}

.current-price {
    color: var(--c-current-price);
    font-size: 1.4rem;
    font-weight: 700
}

.sale-price {
    color: var(--c-sale-price)
}

.disable-swatch .swatch-group {
    display: none
}

.swatch-group {
    -ms-flex-align: center;
    align-items: center;
    list-style: none
}

.swatch-group li {
    margin-right: .7rem;
    margin-bottom: .7rem
}

.swatch-group .color-swatch-variant i,
.swatch-group .color-swatch-custom i {
    width: 100%;
    height: 100%
}

.swatch-group .color-swatch-custom svg {
    width: 100%;
    height: 100%;
    padding: .4rem;
    border-radius: 100%;
    background-color: #f5f5f5;
    color: #666
}

.color-swatch {
    padding: 1px;
    border: 1px solid #6a6a6a;
    border-radius: 100%;
    cursor: pointer
}

.color-swatch.active {
    border-color: var(--c-theme) !important;
    border-width: 1px
}

.color-swatch i {
    display: -ms-flexbox;
    display: flex;
    width: .8rem;
    height: .8rem;
    border-radius: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: repeat
}

.color-swatch.color-swatch-variant,
.color-swatch.color-swatch-custom {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0
}

.swatch-color-circle-small .color-swatch {
    padding: 2px;
    border-color: #d0d0d0
}

.swatch-color-circle-small .color-swatch i {
    width: .7rem;
    height: .7rem
}

.swatch-color-circle-small .color-swatch-variant,
.swatch-color-circle-small .color-swatch-custom {
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0
}

.swatch-color-circle-big .color-swatch {
    padding: 4px;
    border-color: transparent
}

.swatch-color-circle-big .color-swatch i {
    width: 1.2rem;
    height: 1.2rem
}

.swatch-color-circle-big .color-swatch.active {
    border-color: #595959 !important
}

.swatch-color-circle-big .color-swatch-variant,
.swatch-color-circle-big .color-swatch-custom {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0
}

.swatch-color-circle-big .color-swatch-variant i,
.swatch-color-circle-big .color-swatch-custom i {
    width: 100%;
    height: 100%
}

.product-disabled .btn-add-cart,
.product-disabled .shopify-payment-button__button {
    opacity: .36;
    pointer-events: none
}

.limited-brand {
    display: inline-block;
    margin-bottom: .8rem
}

.product-second-image {
    background-color: #fff;
    opacity: 0;
    transition: opacity .5s
}

.product-img:hover .product-second-image {
    opacity: 1;
    transition: opacity .5s
}

.action-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.6rem;
    min-width: 3.6rem;
    height: 4rem;
    border-color: var(--c-action-bg);
    background-color: var(--c-action-bg);
    color: var(--c-action);
    cursor: pointer
}

.action-item svg {
    margin: 0
}

.action-item:hover {
    border-color: var(--c-theme);
    background-color: var(--c-theme);
    color: var(--c-default-h-t)
}

.quick-actions-rect.product-actions-center .action-item.action-quickview {
    margin-right: .2rem;
    transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem)
}

.quick-actions-rect.product-actions-leftcol .action-item.action-quickview,
.quick-actions-rect.product-actions-rightcol .action-item.action-quickview {
    margin-bottom: .3rem
}

.quick-actions-circle.product-actions-center .action-item.action-quickview {
    margin-right: .5rem
}

.quick-actions-circle.product-actions-leftcol .action-item.action-quickview,
.quick-actions-circle.product-actions-rightcol .action-item.action-quickview {
    margin-bottom: .6rem
}

.quick-actions-rect.product-actions-center .action-item.btn-compare,
.quick-actions-rect.product-actions-center .action-item.btn-wishlist {
    transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    margin-left: .2rem
}

.quick-actions-rect.product-actions-center .product-card:hover .action-item {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.quick-actions-rect.product-actions-leftcol .action-item.btn-wishlist,
.quick-actions-rect.product-actions-leftcol .action-item.btn-compare,
.quick-actions-rect.product-actions-rightcol .action-item.btn-wishlist,
.quick-actions-rect.product-actions-rightcol .action-item.btn-compare {
    margin-top: .3rem
}

.quick-actions-circle .action-item {
    border-radius: 100%
}

.quick-actions-circle.product-actions-leftcol .action-item,
.quick-actions-circle.product-actions-rightcol .action-item {
    width: 3.5rem;
    height: 3.5rem
}

.quick-actions-circle.product-actions-leftcol .action-item.btn-compare,
.quick-actions-circle.product-actions-leftcol .action-item.btn-wishlist,
.quick-actions-circle.product-actions-rightcol .action-item.btn-compare,
.quick-actions-circle.product-actions-rightcol .action-item.btn-wishlist {
    margin-top: .6rem
}

.quick-actions-circle.product-actions-center .action-item.btn-compare,
.quick-actions-circle.product-actions-center .action-item.btn-wishlist {
    margin-left: .5rem
}

.quick-actions-circle.product-actions-center .product-card .product-default-actions {
    transform: translate(-50%, -30%)
}

.quick-actions-circle.product-actions-center .product-card:hover .product-default-actions {
    transform: translate(-50%, -50%)
}

.quick-actions-circle.product-actions-center .action-item {
    width: 4rem;
    height: 4rem
}

.product-date {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.product-date .dealtime-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 4.4rem;
    min-width: 3.2rem;
    margin-left: .5rem;
    padding: 1.1rem 0 .3rem;
    border: 2px solid var(--c-product-deal-border);
    background-color: var(--c-product-deal-bg);
    overflow: hidden
}

.product-date .dealtime-wrapper:first-child {
    margin-left: 0 !important
}

.horizontal-default .product-date .dealtime-wrapper,
.horizontal-advanced .product-date .dealtime-wrapper,
.horizontal-progressive .product-date .dealtime-wrapper,
.horizontal-modern .product-date .dealtime-wrapper,
.grid-items__4 .product-date .dealtime-wrapper,
.grid-items__5 .product-date .dealtime-wrapper,
.grid-items__6 .product-date .dealtime-wrapper {
    margin-left: .2rem
}

@media screen and (min-width: 576px) {
    .product-date .dealtime-wrapper {
        width: 100%;
        min-width: 3.6rem
    }
}

.vnd-cd__text-left .dealtime-wrapper {
    -ms-flex-align: start;
    align-items: flex-start
}

.vnd-cd__text-left .countdown-number {
    padding-left: .5rem
}

.vnd-cd__text-left .countdown-text {
    padding-left: .6rem
}

.vnd-cd__text-big .dealtime-wrapper {
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.1)
}

.vnd-cd__text-big .countdown-number {
    font-weight: 500
}

.vnd-cd__text-big .countdown-text {
    font-family: Arial, sans-serif;
    text-transform: lowercase
}

@media all and (min-width: 568px) {
    .vnd-cd__text-big .dealtime-wrapper {
        max-width: 5.2rem;
        padding: .6rem 0
    }
    .vnd-cd__text-big .countdown-number {
        font-size: 2.3rem
    }
    .vnd-cd__text-big .countdown-text {
        font-size: 1rem
    }
}

.product-description {
    margin-bottom: 2rem;
    color: #666;
    line-height: 2.5rem
}

.countdown-number {
    color: var(--c-product-deal-text);
    font-family: var(--font-heading);
    font-size: 1.8rem;
    font-weight: 400
}

.countdown-text {
    color: var(--c-product-deal-text);
    font-family: "Open Sans", sans-serif;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase
}

.product-card {
    position: relative
}

.product-card .product-img {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0
}

.product-card .main-product {
    position: relative;
    width: 100%
}

.product-card .product-detail {
    width: 100%
}

.product-card .product-detail>*:last-child {
    margin-bottom: 0
}

.product-card .product-info>*:last-child {
    margin-bottom: 0
}

.product-card .current-price {
    font-size: 1.4rem
}

.product-card .product-name {
    font-size: 1.5rem;
    line-height: 1.8rem
}

.grid-items__5 .product-card .product-name,
.grid-items__6 .product-card .product-name {
    font-size: 1.4rem
}

.product-card .product-description {
    display: none
}

.product-card .product-deal {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.product-card .limited-brand {
    display: none
}

.product-card .product-actions {
    opacity: 0;
    visibility: hidden;
    will-change: transform
}

.product-card.show-border {
    padding: .8rem;
    border: 1px solid #ececec
}

.product-card.show-shadow {
    padding: .8rem;
    box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.06)
}

@media screen and (min-width: 768px) {
    .product-card.show-border,
    .product-card.show-shadow {
        padding: 1rem
    }
}

@media screen and (min-width: 992px) {
    .product-card.show-border,
    .product-card.show-shadow {
        padding: 2rem
    }
}

.card-wrapper .show-shadow {
    margin: .9rem 0
}

.product-label,
.vertical-card__right-top {
    display: none;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem
}

.product-actions-rightcol .product-label,
.product-card__btn-wishlist .product-label {
    left: 1.5rem;
    right: auto
}

.vertical-default .product-actions,
.vertical-classic .product-actions,
.vertical-progressive .product-actions,
.vertical-modern .product-actions,
.vertical-details .product-actions,
.horizontal-default .product-actions,
.horizontal-advanced .product-actions,
.horizontal-progressive .product-actions,
.horizontal-modern .product-actions,
.horizontal-classic .product-actions {
    display: none
}

.product-actions-center .vertical-default .product-actions,
.product-actions-center .vertical-classic .product-actions,
.product-actions-center .vertical-progressive .product-actions,
.product-actions-center .vertical-modern .product-actions,
.product-actions-center .vertical-details .product-actions,
.product-actions-center .horizontal-default .product-actions,
.product-actions-center .horizontal-advanced .product-actions,
.product-actions-center .horizontal-progressive .product-actions,
.product-actions-center .horizontal-modern .product-actions,
.product-actions-center .horizontal-classic .product-actions {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.vertical-default .product-deal,
.vertical-classic .product-deal,
.vertical-progressive .product-deal,
.vertical-advanced .product-deal,
.vertical-modern .product-deal,
.vertical-details .product-deal {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute;
    width: 100%;
    bottom: 2rem
}

.vertical-default .product-date,
.vertical-classic .product-date,
.vertical-progressive .product-date,
.vertical-advanced .product-date,
.vertical-modern .product-date,
.vertical-details .product-date {
    -ms-flex-pack: center;
    justify-content: center
}

.vertical-progressive .product-type,
.vertical-modern .product-type,
.horizontal-progressive .product-type,
.horizontal-modern .product-type {
    display: inline-block;
    padding: 0 3px;
    border: 1px solid currentColor;
    font-family: var(--font-button);
    font-size: 1rem;
    font-weight: 700
}

.vertical-progressive .product-type,
.horizontal-progressive .product-type {
    font-family: var(--font-body);
    font-weight: 500
}

.vertical-progressive .product-name,
.horizontal-progressive .product-name {
    font-family: var(--font-menu);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .3em;
    line-height: 1.35em;
    text-transform: uppercase
}

.vertical-progressive .old-price,
.horizontal-progressive .old-price {
    margin-left: 5px
}

.horizontal-default .product-img,
.horizontal-advanced .product-img,
.horizontal-progressive .product-img {
    width: 17rem;
    min-width: 17rem;
    margin-right: 2rem
}

.horizontal-default .product-type,
.horizontal-advanced .product-type,
.horizontal-progressive .product-type {
    margin-bottom: 1.4rem
}

.horizontal-default .product-name,
.horizontal-advanced .product-name,
.horizontal-progressive .product-name {
    margin-bottom: 1.8rem
}

.horizontal-default .current-price,
.horizontal-advanced .current-price,
.horizontal-progressive .current-price {
    margin-right: .8rem;
    order: -1;
    font-size: 1.8rem
}

.horizontal-default .product-label,
.horizontal-advanced .product-label,
.horizontal-progressive .product-label {
    top: 2.5rem;
    right: auto;
    left: 2.5rem
}

.horizontal-default div[class*="grid-items__"],
.horizontal-advanced div[class*="grid-items__"],
.horizontal-progressive div[class*="grid-items__"] {
    min-width: 42rem
}

.horizontal-default .product-info,
.horizontal-advanced .product-info,
.horizontal-progressive .product-info,
.horizontal-modern .product-info {
    -ms-flex-direction: column;
    flex-direction: column
}

.horizontal-default .product-price,
.horizontal-advanced .product-price,
.horizontal-progressive .product-price,
.horizontal-modern .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.vertical-default .product-detail,
.vertical-classic .product-detail,
.vertical-modern .product-detail {
    padding-top: 2.4rem
}

.vertical-default .product-info,
.vertical-classic .product-info,
.vertical-modern .product-info {
    margin-bottom: 1.4rem
}

.vertical-default .product-card.show-border .product-type,
.vertical-classic .product-card.show-border .product-type,
.vertical-modern .product-card.show-border .product-type {
    margin-bottom: .9rem;
    font-size: 1.1rem;
    letter-spacing: .25em
}

.vertical-default .product-type {
    font-family: 'Open Sans';
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 600;
    /* margin-bottom: 1.6rem; */
    font-size: 1rem;
}

.vertical-default .product-name {
    margin-bottom: .9rem
}

.vertical-default .swatch-group {
    margin-top: 1.6rem
}

.vertical-modern .product-img {
    margin-top: 1.1rem;
    transition: .35s ease
}

.vertical-modern .product-card:hover .product-img {
    box-shadow: 0 0.2rem 1.1rem rgba(0, 0, 0, 0.1)
}

.vertical-classic .product-type {
    margin-bottom: .9rem;
    font-size: 1.2rem
}

.vertical-classic .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1rem
}

.vertical-classic .current-price {
    order: 1;
    margin-right: 1rem;
    font-size: 2.2rem
}

.vertical-classic .current-price::first-letter {
    font-size: 1.4rem
}

.vertical-classic .old-price {
    position: relative;
    order: 2;
    margin-bottom: 1px;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none
}

.vertical-classic .old-price::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    transform: rotate(-5deg)
}

.vertical-classic .old-price::first-letter {
    font-size: 1.1rem
}

.vertical-classic .swatch-group {
    margin-bottom: 1.2rem
}

.vertical-classic .product-name {
    margin-bottom: 1.3rem;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.375
}

@media screen and (min-width: 1200px) {
    .vertical-classic .product-deal {
        bottom: 4rem
    }
}

.vertical-advanced .product-detail {
    padding-top: 3.2rem
}

.vertical-advanced .product-type {
    margin-bottom: 1.4rem
}

.vertical-advanced .product-name,
.vertical-advanced .product-price {
    margin-bottom: 1rem
}

.vertical-advanced .product-info {
    margin-bottom: 1.6rem
}

.vertical-advanced .current-price {
    font-size: 1.7rem
}

.vertical-advanced .old-price {
    margin-right: .8rem;
    font-size: 1.4rem
}

.vertical-advanced .product-actions {
    position: relative;
    max-height: 1.5rem;
    transition: max-height .35s ease-in, opacity .35s ease-in
}

.vertical-advanced .btn-default {
    height: 34px;
    min-width: auto;
    margin-left: auto;
    padding: 0 5px
}

.vertical-advanced .btn-default svg {
    display: none;
    margin: 0
}

.vertical-advanced .action-quickview,
.vertical-advanced .action-cart {
    flex: 0 0 47.845%;
    margin-top: 1.3rem
}

.vertical-advanced .action-quickview {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-basis: 0;
    flex-basis: 0;
    margin-left: 10px
}

.vertical-advanced .action-cart .btn-default {
    width: 100%
}

.vertical-advanced .product-card {
    transition: all .35s ease;
    margin-top: .6rem;
    margin-bottom: 6.4rem;
    overflow: hidden
}

.vertical-advanced .product-card:hover {
    background-color: #f9f9f9;
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1)
}

.vertical-advanced .product-card:hover .product-actions {
    max-height: 10rem;
    transition: all .35s ease-in
}

.vertical-progressive .product-detail {
    margin-bottom: 2rem;
    padding-top: 3.5rem;
    text-align: center
}

.vertical-progressive .product-type {
    margin-bottom: 1.6rem
}

.vertical-progressive .product-name {
    margin-bottom: 1.2rem;
    line-height: 1.7rem
}

.vertical-progressive .product-info {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.4rem
}

.vertical-progressive .product-price {
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: right
}

.vertical-progressive .swatch-group {
    -ms-flex-pack: center;
    justify-content: center
}

.vertical-progressive .product-deal {
    bottom: 1rem
}

.vertical-details .product-detail {
    padding-top: 2.7rem
}

.vertical-details .product-type {
    margin-bottom: .8rem;
    font-family: var(--font-heading);
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: initial
}

.vertical-details .product-name {
    position: relative;
    margin-bottom: 1.7rem;
    padding-bottom: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.5em
}

.vertical-details .product-name::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.4rem;
    height: .2rem;
    background-color: #c6cc51
}

.vertical-details .swatch-group {
    margin-top: 2rem;
    margin-bottom: .4rem
}

.vertical-details .swatch-group li {
    margin-right: .2rem;
    margin-bottom: .2rem
}

.vertical-details .old-price {
    margin-right: .5rem;
    font-family: Arial, sans-serif;
    font-size: 1.2rem
}

.vertical-details .current-price {
    font-size: 1.8rem;
    font-weight: 900
}

.vertical-details .product-info {
    margin-bottom: .4rem
}

@media screen and (min-width: 1600px) {
    .vertical-details .swatch-group {
        margin-top: 3.5rem
    }
}

.horizontal-default .product-deal,
.horizontal-modern .product-deal {
    margin-bottom: 1.4rem
}

.horizontal-default .product-type,
.horizontal-advanced .product-type {
    font-size: 1.2rem
}

.horizontal-default .product-detail,
.horizontal-advanced .product-detail {
    padding-top: 1.5rem
}

.horizontal-default .product-info,
.horizontal-advanced .product-info {
    margin-bottom: 1.7rem
}

.horizontal-default .countdown-number,
.horizontal-advanced .countdown-number {
    font-size: 2rem
}

.horizontal-advanced .has-deal,
.horizontal-progressive .has-deal {
    transition: margin .45s
}

.horizontal-advanced .product-card.has-deal:hover,
.horizontal-progressive .product-card.has-deal:hover {
    margin-left: 5.5rem
}

.horizontal-advanced .product-card.has-deal:hover .product-deal,
.horizontal-progressive .product-card.has-deal:hover .product-deal {
    left: -5.5rem;
    width: 5.5rem;
    transition: .45s
}

.horizontal-advanced .product-deal,
.horizontal-progressive .product-deal {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    padding: 0;
    transition: .45s
}

.horizontal-advanced .product-deal .dealtime-wrapper,
.horizontal-progressive .product-deal .dealtime-wrapper {
    margin-left: 0
}

.horizontal-advanced .product-date,
.horizontal-progressive .product-date {
    -ms-flex-direction: column;
    flex-direction: column
}

.horizontal-advanced .product-date .dealtime-wrapper,
.horizontal-progressive .product-date .dealtime-wrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    max-width: none;
    max-height: none;
    margin-top: 2px
}

.horizontal-advanced .product-date .dealtime-wrapper:first-child,
.horizontal-progressive .product-date .dealtime-wrapper:first-child {
    margin-top: 0
}

.horizontal-progressive .product-detail {
    padding-top: 2rem
}

.horizontal-progressive .product-name {
    line-height: 1.6rem
}

.horizontal-progressive .product-info {
    margin-top: auto;
    margin-bottom: .9rem
}

.horizontal-progressive .swatch-group {
    margin-bottom: 1rem
}

.vertical-modern .product-name,
.horizontal-modern .product-name {
    font-size: 1.7rem;
    line-height: 2.2rem
}

.vertical-modern .product-detail,
.horizontal-modern .product-detail {
    padding-top: 2rem
}

.vertical-modern .product-type,
.horizontal-modern .product-type {
    margin-bottom: 1.7rem
}

.vertical-modern .product-name,
.horizontal-modern .product-name {
    margin-bottom: 1.6rem
}

.vertical-modern .product-deal,
.horizontal-modern .product-deal {
    margin-bottom: 2.5rem
}

.vertical-modern .product-info,
.horizontal-modern .product-info {
    margin-bottom: .2rem
}

.vertical-modern .dealtime-wrapper,
.horizontal-modern .dealtime-wrapper {
    max-width: 4.2rem;
    padding-top: .5rem
}

.vertical-modern .countdown-number,
.horizontal-modern .countdown-number {
    font-family: var(--font-button);
    font-size: 2rem
}

.vertical-modern .old-price,
.horizontal-modern .old-price {
    margin-right: .9rem;
    font-size: 1.1rem;
    font-weight: 700
}

.vertical-modern .current-price,
.horizontal-modern .current-price {
    font-size: 1.6rem
}

.vertical-modern .sale-info,
.horizontal-modern .sale-info {
    color: #bbbbbb;
    font-family: Arial, sans-serif;
    font-size: 1.1rem
}

.horizontal-modern .product-card.show-border,
.horizontal-modern .product-card.show-shadow {
    padding: 2.7rem 2.1rem
}

.horizontal-modern .product-img {
    min-width: 19rem;
    width: 19rem;
    margin-right: 4rem
}

.horizontal-modern div[class*="grid-items__"] {
    min-width: 45rem
}

.horizontal-classic .product-img {
    width: 12rem;
    min-width: 12rem;
    margin-right: .8rem
}

.horizontal-classic .product-type {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    letter-spacing: .02em;
    font-weight: 900;
    text-transform: initial
}

.horizontal-classic .product-name {
    margin-top: .9rem;
    font-size: 1.4rem;
    line-height: 1.5em
}

.horizontal-classic .product-name:after {
    content: '';
    display: block;
    width: 2.4rem;
    height: .2rem;
    margin: 1.5rem 0;
    background-color: #c6cc51
}

.horizontal-classic .product-info {
    margin-top: auto
}

.horizontal-classic .product-card .product-info {
    margin-bottom: 2.1rem
}

.horizontal-classic .old-price {
    margin-right: .5rem;
    font-family: Arial, sans-serif;
    font-size: 1.1rem
}

.horizontal-classic .current-price {
    font-size: 1.7rem;
    font-weight: 900
}

.horizontal-classic .current-price::first-letter {
    font-size: 1.3rem
}

@media screen and (min-width: 480px) {
    .horizontal-classic .show-shadow,
    .horizontal-classic .show-border {
        padding: 1.5rem
    }
    .horizontal-classic .product-img {
        width: 17rem;
        min-width: 17rem;
        margin-right: .8rem
    }
}

@media screen and (min-width: 668px) {
    .horizontal-classic .show-shadow,
    .horizontal-classic .show-border {
        padding: .8rem
    }
    .horizontal-classic .product-img {
        width: 47.06%;
        min-width: 47.06%;
        padding-right: 1rem
    }
}

@media screen and (min-width: 992px) {
    .horizontal-classic .show-shadow,
    .horizontal-classic .show-border {
        padding: 1.5rem
    }
}

@media screen and (max-width: 667px) {
    .horizontal-classic div[class*="grid-items__"] {
        min-width: 100%
    }
}

.img-br-97 .lazyload,
.img-br-97 .lazyloaded {
    filter: brightness(97%)
}

.media-type-badge {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    top: auto;
    right: 1rem;
    bottom: 1rem;
    left: auto
}

@media (min-width: 768px) {
    .quick-actions-circle.product-actions-center .action-item.action-quickview {
        margin-right: 1rem
    }
    .quick-actions-circle.product-actions-center .action-item.btn-compare,
    .quick-actions-circle.product-actions-center .action-item.btn-wishlist {
        margin-left: 1rem
    }
}

@media (min-width: 1200px) {
    .grid-items__4 .product-card.show-border,
    .grid-items__4 .product-card.show-shadow {
        padding: 1.5rem
    }
    .grid-items__5 .product-card.show-border,
    .grid-items__6 .product-card.show-border,
    .grid-items__5 .product-card.show-shadow,
    .grid-items__6 .product-card.show-shadow {
        padding: 1rem
    }
}

@media (max-width: 767px) {
    .horizontal-default .grid-items__2,
    .horizontal-default .grid-items__3,
    .horizontal-default .grid-items__4,
    .horizontal-advanced .grid-items__2,
    .horizontal-advanced .grid-items__3,
    .horizontal-advanced .grid-items__4,
    .horizontal-progressive .grid-items__2,
    .horizontal-progressive .grid-items__3,
    .horizontal-progressive .grid-items__4,
    .horizontal-modern .grid-items__2,
    .horizontal-modern .grid-items__3,
    .horizontal-modern .grid-items__4 {
        width: auto
    }
    .horizontal-modern .product-card.show-shadow {
        padding: 2.2rem 1.8rem
    }
    .horizontal-modern .product-img {
        width: 17rem;
        min-width: 17rem;
        margin-right: 2rem
    }
}

@media (max-width: 567px) {
    .dealtime-wrapper {
        min-width: 3.5rem;
        max-width: 3.9rem
    }
    .vertical-default .countdown-number {
        padding-left: 0.4rem
    }
    .vertical-default .countdown-text {
        padding-left: 0.5rem
    }
    .vertical-advanced .btn-default {
        height: 30px
    }
    .vertical-advanced .btn-default svg {
        display: block
    }
    .vertical-advanced .btn-default .add-cart__text {
        display: none
    }
}

@media all and (max-width: 450px) {
    .horizontal-default .grid-items__2,
    .horizontal-default .grid-items__3,
    .horizontal-default .grid-items__4,
    .horizontal-advanced .grid-items__2,
    .horizontal-advanced .grid-items__3,
    .horizontal-advanced .grid-items__4,
    .horizontal-progressive .grid-items__2,
    .horizontal-progressive .grid-items__3,
    .horizontal-progressive .grid-items__4 {
        min-width: 100%
    }
    .horizontal-default .product-card .product-img,
    .horizontal-advanced .product-card .product-img,
    .horizontal-progressive .product-card .product-img {
        width: 14rem;
        min-width: 14rem;
        margin-right: 1rem
    }
    .horizontal-default .product-card .product-detail,
    .horizontal-advanced .product-card .product-detail,
    .horizontal-progressive .product-card .product-detail {
        padding-top: 1rem
    }
    .horizontal-default .product-card .product-name,
    .horizontal-advanced .product-card .product-name,
    .horizontal-progressive .product-card .product-name {
        margin-bottom: 1.2rem;
        font-size: 1.4rem
    }
    .horizontal-default .product-card .product-deal,
    .horizontal-advanced .product-card .product-deal,
    .horizontal-progressive .product-card .product-deal {
        margin-bottom: 0.6rem
    }
    .horizontal-default .product-card .product-price,
    .horizontal-advanced .product-card .product-price,
    .horizontal-progressive .product-card .product-price {
        margin-bottom: 0.5rem
    }
    .horizontal-default .product-card .current-price,
    .horizontal-advanced .product-card .current-price,
    .horizontal-progressive .product-card .current-price {
        font-size: 1.6rem
    }
    .horizontal-modern div[class*="grid-items__"] {
        min-width: 100%
    }
    .horizontal-modern .product-card .product-img {
        width: 13rem;
        min-width: 13rem;
        margin-right: .8rem
    }
    .horizontal-modern .product-card.show-shadow,
    .vertical-modern .product-card.show-shadow {
        padding: 9px
    }
    .horizontal-modern .product-card .product-name,
    .horizontal-modern .product-card .current-price,
    .vertical-modern .product-card .product-name,
    .vertical-modern .product-card .current-price {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
    .horizontal-modern .product-card .product-name,
    .vertical-modern .product-card .product-name {
        margin-bottom: 1rem
    }
    .horizontal-modern .product-card .sale-info,
    .horizontal-modern .product-card .old-price,
    .vertical-modern .product-card .sale-info,
    .vertical-modern .product-card .old-price {
        font-size: 0.9rem
    }
    .horizontal-modern .product-detail,
    .vertical-modern .product-detail {
        padding-top: 1rem
    }
    .horizontal-modern .product-price,
    .vertical-modern .product-price {
        margin-bottom: 0.5rem
    }
    .horizontal-modern .product-type,
    .vertical-modern .product-type {
        margin-bottom: .7rem;
        font-size: .8rem
    }
    .horizontal-modern .dealtime-wrapper,
    .vertical-modern .dealtime-wrapper {
        max-width: 30px
    }
    .horizontal-modern .countdown-number,
    .vertical-modern .countdown-number {
        font-size: 1.5rem
    }
    .dealtime-wrapper {
        padding: .8rem 0 .2rem;
        min-width: 2.7rem;
        max-width: 3rem
    }
    .countdown-number {
        font-size: 1.4rem;
        line-height: 1
    }
    .countdown-text {
        width: 2rem;
        text-align: center;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .vertical-default .countdown-number {
        padding-left: 0.4rem
    }
    .vertical-default .countdown-text {
        padding-left: 0.5rem
    }
    .vertical-progressive .product-info {
        display: block
    }
    .vertical-progressive .product-price {
        padding-right: 0;
        text-align: center
    }
}

.thumbs-viewport {
    overflow: hidden
}

/* .thumbs-left .thumbs-viewport,
.thumbs-right .thumbs-viewport {
    max-height: 0
} */

.product-thumb__link {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    cursor: pointer
}

.product-thumb__link .media-type-badge {
    right: .8rem;
    bottom: .8rem;
    z-index: 1
}

.product-thumb {
    margin-bottom: 2rem;
    opacity: .7;
    transition: all .35s;
    border-bottom: 2px solid transparent
}

.thumbs-circle .product-thumb {
    margin: 1rem 0;
    border: 3px solid transparent;
    border-radius: 3px;
    overflow: hidden
}

@media all and (max-width: 992px) {
    .thumbs-circle .product-thumb {
        border-width: 2px;
        padding: 6%
    }
}

@media all and (max-width: 767px) {
    .thumbs-circle .product-thumb {
        margin: .5rem 0;
        padding: 5%;
        border-width: 1px
    }
}

.thumbs-circle.thumbs-left .product-thumb {
    padding: 7%
}

.thumbs-circle.thumbs-bottom .product-thumb {
    padding: 15px
}

.product-thumb:hover,
.product-thumb.is-selected {
    transition: opacity .35s;
    border-color: #9D248E
}

.product-thumb:hover {
    opacity: .89
}

.product-thumb.is-selected {
    opacity: 1
}

@media all and (max-width: 767px) {
    .product-thumb {
        margin-bottom: 1.2rem
    }
}

.thumbs-left.thumbs-circle .thumbs-container {
    width: 100px;
    max-width: 100%;
    margin: 0 auto
}

.thumbs-circle .thumbs-wrapper {
    padding: 3.6rem 0
}

@media all and (max-width: 767px) {
    .thumbs-circle .thumbs-wrapper {
        padding: 2.8rem 0
    }
}

.product-img-area {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.product-img-area .thumbs-wrapper {
    -ms-flex: 0 0 20.25%;
    flex: 0 0 20.25%;
    max-width: 20.25%
}

.product-img-area .items-carousel {
    -ms-flex: 1 1 79.56%;
    flex: 1 1 79.76%;
    max-width: 100%
}

.product-img-area .product-img {
    cursor: zoom-in
}

.thumb-arrow__up,
.thumb-arrow__down {
    display: none
}

@media (min-width: 768px) {
    .product-img-area {
        -ms-flex: 0 0 55.73%;
        flex: 0 0 55.73%;
        max-width: 55.73%
    }
    .product-details-area {
        -ms-flex: 0 0 42.57%;
        flex: 0 0 42.57%;
        max-width: 42.57%
    }
}

.collection-card__wrapper {
    padding: 0 1.5rem
}

.collection-card__wrapper .product-card {
    margin-bottom: 5rem
}

.collection-card__wrapper .product-card.show-border,
.collection-card__wrapper .product-card.show-shadow {
    margin-bottom: 3rem
}

.collection-card__wrapper .spr-container{
    display: none;
}

.list-collections__round {
    padding-top: 2rem
}

.list-collections__round .collection-card__wrapper {
    margin-bottom: 8rem
}

.list-collections__round .collection-card__wrapper:hover .collection-card {
    border: 3px solid var(--c-theme);
    filter: none;
    transition: all .2s ease-out
}

.list-collections__round .collection-card {
    border: 3px solid transparent;
    border-radius: 100%;
    filter: brightness(97%);
    transition: all .2s ease-out
}

.list-collections__round .image-bg {
    border-radius: 100%
}

.list-collections__round .collection-name {
    margin-top: 3rem;
    color: #3c3c3c;
    font-family: var(--font-body);
    font-size: 2rem;
    text-align: center;
    text-transform: capitalize
}

.list-collections__round a {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.list-collections__rect .collection-card__wrapper {
    position: relative;
    margin-bottom: 3rem
}

.list-collections__rect .collection-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 3rem;
    width: calc(100% - 4rem);
    height: 6rem;
    margin: 0 2rem;
    background-color: #fff;
    color: #27272d;
    font-size: 1.7rem;
    text-align: center;
    text-transform: uppercase
}

.pagination a,
.pagination span {
    width: 2.8rem;
    padding: .8rem 0;
    color: #000;
    /* border: 1px solid #dfdfdf; */
    background-size: .5rem .8rem;
    text-align: center
}

.cfd-advanced .pagination a,
.cfd-advanced .pagination span {
    border-color: transparent;
    font-size: 1.5rem
}

.paginate-item {
    display: -ms-flexbox;
    display: flex;
    margin-right: .2rem;
    color: #444;
    font-size: 1.4rem;
    line-height: 1.3rem;
}

.paginate-item:hover a,
.paginate-item:hover span,
.paginate-item.active a,
.paginate-item.active span {
    border-color: #9D248E;
    background-color: #9D248E;
    color: #fff;
}

.sidebar-navigation .expand {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem .8rem 1rem 0;
    z-index: 1
}

.sidebar-navigation .expand>svg {
    display: block;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    fill: #cacaca
}

.sidebar-navigation .expanded>.expand>svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.sidebar-navigation .expanded>.nav-child__wrapper {
    overflow: auto
}

.nav-level__0,
.nav-level__1 {
    position: relative
}

.nav-level__0 .nav-list__link,
.nav-level__1 .nav-list__link {
    display: inline-block;
    padding: .3rem 1rem .3rem 2.8rem;
    font-size: 1.5rem
}

.nav-level__0.active>.nav-list__link,
.nav-level__1.active>.nav-list__link {
    color: var(--c-theme)
}

.nav-child__wrapper {
    position: relative;
    margin-left: 1.2rem;
    font-size: 1.4rem
}

@media (min-width: 992px) {
    .sidebar-navigation .expand {
        padding: 1.2rem 0.8rem 1.2rem 0
    }
    .nav-level__0 .nav-list__link,
    .nav-level__1 .nav-list__link {
        padding: 0.5rem 1rem 0.5rem 2.8rem
    }
}

@media (max-width: 991px) {
    .vnd-desk-menu {
        display: none
    }
    .right-expander {
        position: absolute;
        right: 0;
        padding: 2rem 1.9rem;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transition: -webkit-transform .35s ease-in;
        transition: transform .35s ease-in;
        transition: transform .35s ease-in, -webkit-transform .35s ease-in
    }
    .right-expander svg {
        display: block
    }
    .mobile-sidebar {
        right: -27rem
    }
    .mobile-sidebar-toggler {
        display: block;
        position: fixed;
        top: 22%;
        right: 0;
        transition: opacity .3s;
        border: 1px solid #dfdfdf;
        border-right: 0;
        background-color: #fff;
        opacity: .8;
        cursor: pointer;
        z-index: 10
    }
    .mobile-sidebar-toggler:hover {
        opacity: 1
    }
    .mobile-sidebar-toggler svg {
        display: block;
        width: 4rem;
        height: 4rem;
        padding: 1rem;
        fill: #666
    }
    .mobile-menu-open .mobile-sidebar-toggler {
        z-index: 9
    }
}

.quantity,
.product-form .btn-compare,
.product-form .btn-wishlist {
    border: 1px solid #e0e0e0
}

.product-form .btn-add-cart,
.product-form .shopify-payment-button button.shopify-payment-button__button--unbranded {
    height: 3rem;
    padding: 0 20px;
    letter-spacing: 0.08em;
    min-width: 140px;
    
}

.product-form .qty-control {
    margin-bottom: 1.5rem
}

.product-form .btn-add-cart {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem
}

.product-form .btn-compare,
.product-form .btn-wishlist {
    width: 3.7rem;
    height: 3.7rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding: 0
}

.product-form .btn-wishlist {
    margin-right: 1rem
}

.qty-control {
    width: 10rem;
    margin-right: 1.5rem
}

.qty-control input::-webkit-outer-spin-button,
.qty-control input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.qty-control input[type=number] {
    -moz-appearance: textfield
}

.quantity {
    padding: .3rem 2.8rem;
    width: 100%;
    background-color: var(--c-main-background);
    font-size: 1.5rem;
    line-height: 2.3rem;
    outline: none;
    border: 0.8px solid rgba(33, 33, 33, 0.4);
}

.reduce,
.increase {
    position: absolute;
    top: 1px;
    width: 2.8rem;
    padding: .2rem 1rem;
    line-height: 2.3rem;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    background: #F1F1F1;
}

.reduce {
    left: 1px;
}

.increase {
    right: 1px;
}

.product-options {
    margin-bottom: 1.5rem
}

.product-single-option {
    margin: 1rem 0
}

.option-selector {
    padding: .2rem 1.8rem .2rem .6rem;
    background-position-x: calc(100% - 5px);
    background-size: .8rem .6rem;
    font-size: 1.5rem
}

.selector-wrapper {
    display: none
}

.option-label {
    display: inline-block;
    position: relative;
    min-width: 2.8rem;
    min-height: 2.8rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .6rem .9rem;
    border: 1px solid #e0e0e0;
    color: #666;
    font-size: 1.1rem;
    text-align: center;
    cursor: pointer
}

.option-label.active {
    border-color: #333
}

.option-label.option-label-white {
    border: 1px solid #333
}

.option-label.option-label-white.active svg {
    fill: #333
}

.option-color {
    min-width: 2rem;
    min-height: 2rem;
    padding: 0 .3rem;
    border: 0;
    background-position: center center;
    background-size: cover
}

.option-color .ticksign {
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.option-color .ticksign svg {
    border: 0;
    background-color: transparent
}

.option-color.active svg {
    fill: #fff
}

.product-option__circle .option-color {
    border-radius: 100%
}

.option-img-variant,
.option-img-custom {
    width: 3rem;
    height: 3rem;
    padding: 0
}

.option-img-variant.active {
    filter: brightness(92%)
}

.option-img-custom>svg {
    width: 100%;
    height: 100%;
    padding: .4rem;
    transition: all .24s;
    border-radius: 100%;
    background-color: #f5f5f5;
    color: #666
}

.option-img-custom.active>svg,
.option-img-custom:hover>svg {
    background-color: #a8bf00;
    color: #ffffff
}

.product-single-option .option-name,
.option-selector-name {
    display: inline-block;
    min-width: 5.5rem;
    margin-bottom: .5rem
}

.vb-form,
#MainContent .shopify-challenge__container {
    width: 100%
}

.vb-form .contact-form,
#MainContent .shopify-challenge__container .contact-form {
    width: 100%
}

.vb-form .block-title,
#MainContent .shopify-challenge__container .block-title {
    margin-bottom: 45px
}

.vb-form label,
#MainContent .shopify-challenge__container label {
    min-width: 100px;
    margin-bottom: 15px;
    color: #444;
    font-size: 1rem;
    letter-spacing: 0.02em
}

.vb-form input[type="text"],
.vb-form select,
#MainContent .shopify-challenge__container input[type="text"],
#MainContent .shopify-challenge__container select {
    height: 50px
}

.vb-form input,
.vb-form textarea,
.vb-form select,
#MainContent .shopify-challenge__container input,
#MainContent .shopify-challenge__container textarea,
#MainContent .shopify-challenge__container select {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px 20px;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    color: #56585c;
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 18px
}

.vb-form .btn-default,
#MainContent .shopify-challenge__container .btn-default {
    margin-top: 25px;
    margin-left: 100px
}

.vb-form .label-textarea,
#MainContent .shopify-challenge__container .label-textarea {
    margin-top: 20px
}

.vb-form .form-message__title,
#MainContent .shopify-challenge__container .form-message__title {
    font-weight: 400
}

.vb-form .form-message__error ul,
#MainContent .shopify-challenge__container .form-message__error ul {
    margin: 18px 0 25px
}

.vb-form .input-error,
#MainContent .shopify-challenge__container .input-error {
    border: 1px solid red
}

.vb-form .input-error__message,
#MainContent .shopify-challenge__container .input-error__message {
    display: block;
    margin-bottom: 5px;
    color: red
}

.vb-form.compact label {
    display: none
}

.vb-form.compact .block-title {
    margin-bottom: 2.4rem;
    font-size: 1.5rem
}

.vb-form.compact input {
    margin-bottom: 1rem;
    height: 3.8rem
}

.vb-form.compact textarea {
    margin-bottom: 2rem
}

.vb-form.compact input,
.vb-form.compact textarea {
    padding: 1.2rem;
    font-size: 1.3rem
}

.vb-form.compact .btn-default {
    margin: 0;
    padding: .7rem 1.8rem;
    font-size: 1.2rem
}

@media (max-width: 480px) {
    .vb-form .block-title,
    #MainContent .shopify-challenge__container .block-title {
        margin-bottom: 3.5rem
    }
    .vb-form input[type="text"],
    .vb-form select,
    #MainContent .shopify-challenge__container input[type="text"],
    #MainContent .shopify-challenge__container select {
        height: 4.2rem
    }
    .vb-form input,
    .vb-form select,
    .vb-form textarea,
    #MainContent .shopify-challenge__container input,
    #MainContent .shopify-challenge__container select,
    #MainContent .shopify-challenge__container textarea {
        padding: 1rem 2rem
    }
    .vb-form label,
    #MainContent .shopify-challenge__container label {
        min-width: 8rem;
        font-size: 1.2rem
    }
    .vb-form .btn-default,
    #MainContent .shopify-challenge__container .btn-default {
        margin-left: 0
    }
    .vb-form .ds-flex,
    #MainContent .shopify-challenge__container .ds-flex {
        display: block
    }
    .vb-form .ds-flex label,
    #MainContent .shopify-challenge__container .ds-flex label {
        display: block;
        margin-bottom: 7px
    }
    .product-form .btn-add-cart {
        margin-right: .5rem;
        margin-bottom: .5rem
    }
    .product-form .btn-wishlist,
    .product-form .btn-compare {
        margin-right: .5rem
    }
    .qty-control {
        width: 9rem;
        margin-right: .5rem
    }
}

.emphasis-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    transition: border-width .35s, border-color .35s
}

.emphasis-border:hover {
    border-color: var(--c-theme);
    transition: border-width .35s, border-color .35s
}

.emphasis-dot {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 10px;
    margin-bottom: -1px;
    border-radius: 100%;
    background-color: var(--c-theme)
}

.quote-symbol {
    display: block;
    margin-bottom: -2.1rem;
    color: var(--c-theme);
    font-size: 6rem;
    line-height: 3.3rem
}

.shopify-challenge__message {
    margin-bottom: 1.5rem;
    font-size: 1.7rem
}

.result-loading,
.vnd-icon-loading {
    position: absolute;
    right: 0;
    display: none;
    transition: all .3s
}

.btn-video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 5rem;
    height: 3.5rem;
    transition: all .75s;
    border: 0;
    border-radius: .7rem;
    background: rgba(17, 23, 22, 0.5);
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.btn-video svg {
    width: 13px
}

.video-wrap iframe,
.video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-wrap:hover.playing .pause-video {
    opacity: 1;
    visibility: visible
}

.video-wrap:hover.paused .play-video {
    opacity: 1;
    visibility: visible
}

#mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .42s;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 15;
    filter: alpha(opacity=0);
    -ms-touch-action: none;
    touch-action: none
}

.mobile-menu-open #mobile-menu-overlay,
.mobile-sidebar-open #mobile-menu-overlay,
.side-cart-open #mobile-menu-overlay {
    opacity: .42;
    visibility: visible;
    filter: alpha(opacity=35)
}

.mobile-menu-open #mobile-menu-overlay,
.mobile-sidebar-open #mobile-menu-overlay,
.side-cart-open #mobile-menu-overlay {
    z-index: 17
}

@media (min-width: 992px) {
    .mobile-btn {
        display: none
    }
}

.result-loading,
.vnd-loading-scr,
.user-notice {
    display: none
}

.dd-pp__atv {
    cursor: pointer
}

.dd-pp__atv span {
    margin-right: 1.7rem
}

.dd-pp__list {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.vpp-bx-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden
}

.cookie-notify-container {
    max-height: 0
}

.relative-content {
    position: relative;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    opacity: 0
}

.slideshow-content-default,
.slideshow-content-adjust {
    opacity: 0;
    position: absolute
}

@media (min-width: 568px) {
    .relative-content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width: 768px) {
    .relative-content {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

@media (min-width: 1200px) {
    .relative-content {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
}

@media (max-width: 767px) {
    .slideshow-content-default .mobile-content-default {
        margin-right: auto;
        padding: 2rem
    }
}

.promo-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
    padding: 2.2rem 1.8rem;
    border: 1px solid #e5e5e5
}

.promo-container:first-child {
    margin-top: 0
}

.promo-container .btn-text {
    margin-top: 2.3rem
}

.promo-icon {
    width: 5.3rem;
    min-width: 5.3rem;
    padding-right: 1.8rem;
    color: var(--c-theme)
}

.promo-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.promo-title {
    color: #535655;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.promo-text {
    margin-top: 1rem;
    color: #999;
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 1.9rem
}

@media (min-width: 992px) {
    .boxed.advanced .promo-container {
        padding: 1.1rem 2rem 2rem 5rem
    }
    .boxed.modern .promo-container {
        padding: 2rem 3.5rem
    }
    .boxed.classic .promo-container {
        padding: 1.8rem 4.8rem
    }
    .split .promo-container {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .boxed.modern .promo-container {
        padding: 2rem 6rem
    }
}

@media (max-width: 991px) {
    .split,
    .boxed {
        -ms-flex: 1;
        flex: 1;
        min-width: 27rem
    }
}

@media (max-width: 480px) {
    .boxed.modern {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.announcement-bar h2 {
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .09em
}

.topbar-item {
    position: relative
}

.topbar-item.item-count__left .wishlist-count,
.topbar-item.item-count__left .compare-count,
.topbar-item.item-count__right .wishlist-count,
.topbar-item.item-count__right .compare-count {
    display: none;
    position: absolute;
    bottom: 0;
    width: 1.1rem;
    height: 1.1rem;
    margin-bottom: -2px;
    padding: 2px;
    border-radius: 100%;
    background-color: var(--c-wslst-bg);
    color: var(--c-wslst-text);
    font-size: 8px;
    line-height: 8px;
    text-align: center
}

.topbar-item.item-count__left .wishlist-count,
.topbar-item.item-count__left .compare-count {
    left: .2rem;
    transform: translateX(-50%)
}

.topbar-item.item-count__right .wishlist-count,
.topbar-item.item-count__right .compare-count {
    right: 50%;
    transform: translateX(100%)
}

.topbar-item svg {
    display: block
}

.vs-topbar {
    font-size: 1.4rem
}

.vs-topbar .dropdown-items__picker,
.vs-topbar li {
    color: inherit
}

.vs-topbar .cart-wrapper .icon-cart {
    padding: 1rem 2rem
}

.vs-topbar .cart-wrapper:hover .icon-cart__total {
    background-color: #fff;
    color: var(--c-theme)
}

.vs-topbar .topbar-item {
    transition: all .35s
}

.vs-topbar .topbar-item>a,
.vs-topbar .topbar-item>span {
    padding: 1rem 2.5rem;
    line-height: 1.9rem
}

.vs-topbar .topbar-item .header-search {
    padding: .3rem 2.5rem
}

.vs-topbar .topbar-item .search-button {
    width: 3.3rem;
    border: 0
}

.vs-topbar .topbar-item .header-search__input {
    background-color: transparent;
    font-size: inherit
}

.vs-topbar .topbar-item svg {
    width: 1.5rem;
    margin-right: .6rem
}

.vs-topbar .topbar-item ::placeholder {
    color: inherit;
    opacity: 1
}

.vs-topbar .topbar-item:not(.hover-bg-none):hover {
    background-color: var(--c-theme);
    color: var(--c-default-h-t);
    transition: all .35s
}

.vs-topbar .topbar-item .icon-cart svg {
    margin-right: 0
}

.vs-topbar .cart-wrapper {
    color: #fff;
    transition: all .3s
}

.vs-topbar .cart-wrapper:hover {
    background-color: var(--c-theme)
}

.vs-topbar .dropdown-items {
    position: relative
}

.vs-topbar .dropdown-items svg {
    width: .7rem;
    margin-right: 0;
    margin-left: .7rem
}

.vs-topbar .search-box-fixed .header-search__input {
    border: 0
}

.vs-topbar .topbar-left .search-input-container {
    top: 0;
    right: auto;
    left: 100%
}

.vs-topbar .topbar-right .search-input-container {
    top: 0;
    right: 100%;
    left: auto
}

.vs-topbar .search-box-popup .search-input-container {
    background-color: white
}

.vs-topbar.citrus {
    font-family: Arial;
    font-size: 1.3rem
}

.vs-topbar.citrus .icon-cart {
    font-size: 1.3rem
}

.vs-topbar.citrus .topbar-left li {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.vs-topbar.citrus .topbar-item>a,
.vs-topbar.citrus .topbar-item>span {
    padding-top: 1.9rem;
    padding-bottom: 1.9rem
}

.vs-topbar.citrus .topbar-item .header-search {
    padding: 1.2rem 2.5rem
}

.vs-topbar.pharmacy {
    font-size: 1.3rem
}

.vs-topbar.pharmacy .topbar-item>a,
.vs-topbar.pharmacy .topbar-item>span {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    line-height: 1.6rem
}

@media all and (min-width: 992px) {
    .vs-topbar .search-line-popup .header-search__input {
        width: 26rem
    }
}

@media all and (max-width: 991px) {
    .vs-topbar .header-search.search-box-fixed .header-search__input {
        padding: 0;
        width: 15rem
    }
    .vs-topbar .cart-wrapper .icon-cart {
        padding: 0.8rem 1.5rem
    }
    .vs-topbar .topbar-item>a,
    .vs-topbar .topbar-item>span {
        padding: 0.8rem 1.5rem
    }
    .vs-topbar.citrus .topbar-item>a,
    .vs-topbar.citrus .topbar-item>span {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }
    .vs-topbar.citrus .topbar-item .header-search {
        padding: 0.4rem 1.5rem
    }
}

@media (max-width: 567px) {
    .vs-topbar {
        position: relative
    }
}

.topbar-left li.last {
    border-right: 0
}

.toplinks-dropdown {
    display: none
}

.toplinks-dropdown svg {
    width: 8px;
    margin-left: 5px
}

.dropdown-items__picker {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden
}

@media (min-width: 992px) {
    .topbar-left__items>li {
        padding: 0 2.5rem
    }
}

@media all and (max-width: 767px) {
    .vs-topbar .topbar-item>a,
    .vs-topbar .topbar-item>span {
        padding: 0.6rem 1.2rem
    }
    .vs-topbar.citrus .topbar-item>a,
    .vs-topbar.citrus .topbar-item>span {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
    .vs-topbar.citrus .topbar-item .header-search {
        padding: 0.6rem 1.2rem
    }
    .vs-topbar .topbar-left .header-search {
        padding-left: 0
    }
    .vs-topbar .topbar-left .header-search .search-input-container {
        top: auto;
        right: auto
    }
}

@media (max-width: 567px) {
    .toplinks-dropdown {
        display: block
    }
    .topbar-left__items {
        position: absolute;
        top: 100%;
        left: 1.5rem;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: .6rem 0;
        transition: opacity .35s;
        background-color: #fff;
        box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2);
        opacity: 0;
        visibility: hidden;
        z-index: 10
    }
    .topbar-left__items .topbar-item {
        width: 100%;
        color: #333
    }
    .topbar-left__items .topbar-item .header-search .header-search__button,
    .topbar-left__items .topbar-item .header-search .header-search__button:hover {
        color: #312e2e !important
    }
    .topbar-left__items .topbar-item .header-search .header-search__input {
        padding-left: 10px;
        border-color: #eaeaea;
        background-color: #ffffff;
        color: #555555
    }
    .vs-topbar.citrus .topbar-left__items .topbar-item .header-search .header-search__input.header-search__no-border {
        padding-left: 0
    }
    .topbar-left__items .topbar-item .header-search .search-input-container {
        position: relative;
        left: 0;
        right: auto;
        opacity: 1;
        visibility: visible
    }
    .vs-topbar.citrus .topbar-item>a,
    .vs-topbar.citrus .topbar-item>span,
    .vs-topbar .topbar-item>a,
    .vs-topbar .topbar-item>span {
        padding: .5rem .9rem
    }
}

@media (max-width: 420px) {
    .dropdown-items svg {
        display: none
    }
}

.header-search__mobile-button {
    display: none;
    border: 0
}

@media all and (max-width: 991px) {
    .header-search__mobile-button {
        display: block
    }
}

.header-search {
    z-index: 11
}

.header .header-search .header-search__input {
    font-family: var(--font-menu);
    font-size: inherit
}

.links-group .topbar-item>a {
    padding: 1.5rem
}

.links-group .has-space svg {
    margin-right: .6rem
}

.cart-dropdown {
    position: absolute;
    right: 0;
    background-color: var(--c-main-background)
}

.cart-dropdown.fade {
    opacity: 0;
    visibility: hidden
}

.cart-dropdown.pull-down {
    transition: all .35s;
    max-height: 0;
    overflow: hidden
}

.cart-dropdown.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -37.5rem;
    width: 30.5rem;
    max-width: 37.5rem
}

.cart-wrapper {
    position: relative
}

.cart-wrapper .icon-cart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 1.1rem 2rem;
    font-size: 1.4rem;
    transition: all .35s
}

.cart-wrapper .icon-cart svg {
    display: block;
    width: 1.4rem;
    height: 1.4rem
}

.cart-wrapper .money {
    font-family: Arial;
    font-size: 1.3rem
}

.vnd-crt-fsa {
    margin-bottom: 1.1rem;
    background-color: #f1f1f1
}

.vnd-crt-fsa-bar {
    width: 1%;
    height: 4px;
    background-color: var(--c-theme)
}

.icon-cart__total {
    display: block;
    position: absolute;
    right: -6px;
    bottom: -2px;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    background-color: var(--c-product-deal-bg);
    color: var(--c-product-deal-text);
    font-family: 'Arial';
    font-size: .8rem;
    line-height: 11px;
    text-align: center
}

.cart-amount__left .icon-cart__total {
    right: auto;
    left: -6px
}

.cart-amount__left .icon-cart__count {
    margin-left: .4rem
}

.cart-amount__right .icon-cart__count {
    margin-left: 1.4rem
}

.search-button {
    min-width: 3.4rem;
    min-height: 3.4rem;
    padding: 8px;
    border-style: solid;
    border-color: currentcolor;
    background: none;
    line-height: 1;
    cursor: pointer;
    transition: all .35s ease
}

.search-button svg {
    display: block;
    margin: 0 auto !important
}

.search-form {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.search-form:hover .search-button {
    transition: all .35s
}

.sidebar-search__input,
.header-search__input {
    height: 100%;
    border-style: solid;
    outline: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-box-fixed .search-button {
    margin-left: 2px
}

.search-box-fixed .sidebar-search__input,
.search-box-fixed .header-search__input {
    line-height: 1.8rem
}

.search-box-fixed .header-search__input {
    padding: 0 1.4rem
}

.search-box-fixed .sidebar-search__input {
    padding: 1rem 1.4rem;
    border-color: #d8d8d8;
    border-width: 1px;
    font-size: 1.4rem
}

.search-box-fixed .search-with-brand {
    width: 4rem;
    height: 4rem
}

@media all and (max-width: 991px) {
    .search-box-fixed .sidebar-search__input {
        padding: .7rem 1.4rem
    }
}

.search-box-popup .search-input-container,
.search-line-popup .search-input-container {
    position: absolute;
    height: 100%;
    transition: all .35s;
    opacity: 0;
    visibility: hidden
}

@media all and (min-width: 768px) {
    .search-box-popup .search-input-container,
    .search-line-popup .search-input-container {
        margin-right: 1rem
    }
}

.search-box-popup:hover .search-input-container,
.search-box-popup.js-hover .search-input-container,
.search-line-popup:hover .search-input-container,
.search-line-popup.js-hover .search-input-container {
    transition: all .35s;
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.search-box-popup .header-search__input {
    width: 100%;
    padding: 0 1rem;
    border-width: 2px
}

.search-box-popup input::-webkit-input-placeholder {
    font-style: italic
}

.search-box-popup input:-ms-input-placeholder {
    font-style: italic
}

.search-box-popup input::placeholder {
    font-style: italic
}

.search-box-popup:hover .search-button {
    border-color: currentColor
}

@media all and (min-width: 992px) {
    .search-box-popup .search-input-container {
        right: 2.7rem;
        width: 26.5rem;
        min-width: 23.5rem;
        max-width: 26.5rem
    }
}

.search-line-popup .search-input-container {
    right: calc(100% + .3rem);
    text-align: right
}

@media all and (min-width: 768px) {
    .search-line-popup .search-input-container:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 1rem;
        height: 100%;
        background-color: white
    }
}

.search-line-popup .search-button {
    border-color: transparent
}

.search-line-popup:hover .search-input-container,
.search-line-popup.js-hover .search-input-container {
    background: white
}

.search-line-popup:hover .search-button,
.search-line-popup.js-hover .search-button {
    border-color: currentColor
}

.search-line-popup .header-search__input {
    width: 47rem;
    padding: 0 2rem;
    border-top: 0;
    border-right: 0;
    border-bottom-width: 2px;
    border-left: 0;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .05em
}

@media all and (max-width: 767px) {
    .search-line-popup .header-search__input {
        width: 24rem
    }
}

.icon-search {
    width: 1.5rem;
    margin-top: 1px;
    vertical-align: middle
}

.result-container {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.search-box-category {
    -ms-flex-align: center;
    align-items: center;
    height: 4.8rem;
    padding: 0 2rem 0 2.5rem;
    border-radius: 30px;
    font-size: 1.4rem;
    letter-spacing: .02em
}

.search-box-category .search-button {
    border-color: transparent
}

.search-box-category .search-categories-container {
    margin-right: 2rem;
    line-height: 3.3rem
}

.search-box-category .search-category-name {
    width: 14.5rem;
    line-height: 1.8rem;
    font-family: Arial, sans-serif
}

.search-box-category .search-category-name span {
    -ms-flex: 1;
    flex: 1;
    margin-right: 0
}

.search-box-category .search-category-name svg {
    display: inline-block;
    width: 4.7rem;
    padding-right: 2rem;
    padding-left: 2rem
}

.search-box-category .header-search__input {
    width: 18rem;
    background-color: transparent;
    border-color: transparent
}

.search-box-category .dd-pp__list {
    top: 100%;
    left: -.9rem
}

.search-box-category .search-by-cat {
    font-size: 1.3rem;
    cursor: pointer
}

@media all and (min-width: 1400px) {
    .search-box-category {
        height: 6rem;
        padding: 0 3rem 0 4rem
    }
    .search-box-category .search-categories-container {
        margin-right: 5rem
    }
    .search-box-category .search-category-name {
        width: 18.5rem
    }
    .search-box-category .search-category-name svg {
        width: 6.7rem;
        padding-right: 3rem;
        padding-left: 3rem
    }
    .search-box-category .header-search__input {
        width: 217px
    }
    .search-box-category .dd-pp__list {
        left: -1.9rem
    }
}

@media all and (max-width: 991px) {
    .search-box-category {
        position: absolute;
        top: 0;
        right: 0;
        transition: all .42s;
        visibility: hidden;
        opacity: 0;
        z-index: 123
    }
}

.header {
    position: relative
}

.header .promo-container {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.5rem 0 0;
    padding: 0;
    border: 0
}

.header .promo-icon {
    width: 3.7rem;
    min-width: 3.3rem;
    padding-right: 1rem
}

.header .promo-icon svg {
    display: block
}

.header .promo-title {
    color: #3a3a3b;
    font-size: 1.1rem;
    letter-spacing: 0.15em
}

.header .promo-text {
    margin-top: 0;
    color: #515151
}

.mobile-btn {
    position: relative;
    height: 3.4rem;
    margin-right: 1rem;
    margin-left: auto;
    border: 0;
    background: none;
    outline: none;
    cursor: pointer
}

.mobile-btn .mobile-btn__line {
    display: block;
    width: 1.7rem;
    height: .3rem;
    margin-bottom: .3rem;
    border-radius: 1px;
    background-color: #312e2e
}

.mobile-btn .mobile-btn__line:first-child {
    width: 2rem
}

.mobile-btn .mobile-btn__line:nth-of-type(3) {
    width: 1.3rem;
    margin-bottom: 0
}

.mobile-btn .mobile-btn__line.classic {
    width: 2.5rem;
    height: .2rem;
    margin-bottom: .5rem;
    border-radius: 0;
    background-color: #494949
}

.mobile-btn .mobile-btn__line.classic:nth-of-type(3) {
    margin-bottom: 0
}

.vnd-desk-menu {
    margin-left: auto;
    z-index: 11
}

.vnd-desk-menu:hover {
    z-index: 12
}

.vnd-mobile-menu {
    display: none
}

.mobile-menu__drop-down {
    overflow: hidden
}

.sub-menu {
    position: absolute;
    min-width: 20rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.dropdown-mega1,
.dropdown-mega2 {
    min-width: 48rem
}

.header-menu-item {
    font-family: var(--font-menu);
    font-size: var(--font-size-header-menu);
    font-weight: var(--font-weight-header-menu);
    letter-spacing: var(--font-space-header-menu);
    text-transform: var(--font-transform-header-menu)
}

.header-menu-item>a {
    padding: 1.5rem 2rem
}

.header-menu-item a {
    transition: opacity .3s
}

@media all and (min-width: 992px) {
    .header-menu-item:hover>a,
    .header-menu-item.js-hover>a {
        opacity: .65
    }
}

.header-type-3 .cart-wrapper .money {
    font-family: var(--font-body)
}

.sticky-header_cart {
    display: none
}

.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
    z-index: 16;
    animation: moveDown .5s
}

.sticky-active.header {
    margin-bottom: 0;
    padding: .4rem 0 !important
}

@media screen and (min-width: 1600px) {
    .sticky-active.header {
        padding: .7rem 0 !important
    }
}

.sticky-active.header-mobile {
    z-index: 18
}

.sticky-active .header-menu-item>a {
    padding: 1.5rem 2rem
}

.sticky-active .cart-wrapper {
    display: inline-block
}

.sticky-active .icon-cart span.icon-cart__total,
.sticky-active .icon-cart span.cart-total {
    display: inline-block
}

.sticky-active .icon-cart__total span {
    display: none
}

.sticky-active .search-box-popup .search-button,
.sticky-active .search-line-popup .search-button {
    border-color: transparent
}

.sticky-active .sticky-header_cart {
    display: inline-block
}

.sticky-active .search-box-category {
    height: 4.2rem
}

@media all and (min-width: 1400px) {
    .sticky-active .search-box-category {
        height: 5rem
    }
}

@media (min-width: 768px) {
    .icon-cart__count .cart-total {
        margin-left: .7rem
    }
    .sticky-active .icon-cart__count span {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .header-menu-item svg {
        width: .8rem;
        margin-left: .5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-menu-item>a {
        padding: 1.5rem 1.6rem
    }
}

@media (min-width: 1200px) {
    .header .promo-container {
        margin-right: 5rem
    }
}

@media (max-width: 991px) {
    .header .promo-container {
        display: none
    }
    .links-group .topbar-item>a {
        padding: 1.2rem
    }
    .mobile-menu__slide-left,
    .mobile-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 27rem;
        max-width: 27rem;
        transition: .42s;
        background-color: #fff;
        overflow: auto
    }
    .header-menu-item {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #efefef
    }
    .header-menu-item.expanded .right-expander {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }
    .mobile-menu__slide-left {
        display: block;
        left: -27rem;
        z-index: 99
    }
    .header-search .search-button {
        border: 0
    }
    .header .header-search .header-search__input {
        max-width: 25rem;
        min-width: 25rem;
        padding-left: 1.5rem;
        font-size: 1.4rem
    }
    .header .header-search .search-input-container {
        right: 100%;
        left: auto
    }
}

@media (max-width: 767px) {
    .logo-image {
        max-width: 12rem !important;
        font-size: 1.8rem
    }
    .logo-image__desc {
        display: none
    }
    .logo-image__mobile {
        display: block
    }
    .header-search__input {
        min-width: 190px
    }
    .vs-topbar .topbar-item .header-search .header-search__input,
    .header .header-search .header-search__input {
        width: 225px;
        background-color: #ffffff;
        color: #555555 !important
    }
    .vs-topbar .topbar-item .header-search .search-input-container,
    .header .header-search .search-input-container {
        height: 3.8rem;
        z-index: 2
    }
    .vs-topbar .topbar-item .header-search.search-box-fixed .search-input-container,
    .header .header-search.search-box-fixed .search-input-container {
        position: absolute;
        opacity: 0;
        visibility: hidden
    }
    .vs-topbar .topbar-item .header-search.search-box-fixed:hover .search-input-container,
    .vs-topbar .topbar-item .header-search.search-box-fixed.js-hover .search-input-container,
    .header .header-search.search-box-fixed:hover .search-input-container,
    .header .header-search.search-box-fixed.js-hover .search-input-container {
        opacity: 1;
        visibility: visible
    }
    .vs-topbar .topbar-item .header-search.search-box-category .header-search__input,
    .header .header-search.search-box-category .header-search__input {
        background-color: transparent
    }
    .header .header-search .header-search__input {
        padding-left: 15px
    }
    .header .header-search .search-input-container {
        top: calc(100% + .7rem);
        right: 0
    }
}

@media (max-width: 567px) {
    .search-categories-container {
        display: none
    }
}

.breadcrumb {
    padding: 1em 0;
    background-color: var(--c-breadcrumb-bg);
    color: var(--c-breadcrumb);
    font-size: var(--font-size-breadcrumb);
    line-height: 1.3847em
}

.breadcrumb a,
.breadcrumb span {
    display: inline-block;
    padding-right: 1.5385em
}

.breadcrumb span:last-child {
    opacity: .7
}

.breadcrumb svg {
    width: .3847em;
    height: 100%
}

.breadcrumb {
    border-top: var(--h-breadcrumb-border) solid var(--c-breadcrumb-border)
}

@media (max-width: 991px) {
    .breadcrumb a,
    .breadcrumb span {
        padding-right: 1.4rem
    }
}

footer {
    background-color: var(--c-footer-bg)
}

footer .footer-links li:last-child {
    margin-bottom: 0
}

footer ins {
    position: relative;
    text-decoration: none
}

footer ins * {
    position: relative;
    z-index: 2
}

footer ins b {
    font-size: italic
}

footer ins::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 5px;
    background-color: var(--c-theme);
    z-index: 1
}

.footer-main {
    padding: .7rem 0 2.4rem
}

.footer-item {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: auto;
    min-width: 0;
    margin-top: 4rem;
    padding-right: 15px
}

.footer-item:last-child {
    padding-right: 0
}

.footer-item .store-location {
    width: 100%
}

.footer-item .instagram-images {
    margin: 0 -.2rem
}

.footer-item .instagram-images a {
    padding: .2rem
}

.footer-item .description {
    margin-top: 3rem
}

.footer-item .add-note {
    margin-top: 1em
}

.footer-item .add-note p {
    line-height: 1.4
}

.footer-menu__title {
    color: var(--c-footer-link-title)
}

.footer-menu__title.ff-setting-none {
    font-family: var(--font-body)
}

.footer-menu__link,
.footer-text {
    color: var(--c-footer-text)
}

.footer-contact__details {
    margin-top: 3.8rem
}

.footer-contact__details:nth-of-type(1) {
    margin-top: 0 !important;
    padding-top: 7px
}

.footer-contact__details svg {
    display: block;
    width: 3rem;
    height: 100%;
    padding-right: 1.2rem
}

.footer-contact__details .icon-wrapper {
    margin-right: 1.2rem;
    border-right: 1px solid #d8dee2
}

.footer-contact__details span {
    margin-top: -2px;
    line-height: 1;
    word-break: break-all
}

.footer-contact__details span:nth-of-type(2) {
    margin-top: .8rem;
    margin-bottom: -2px
}

.footer-logo img {
    max-width: 10.5rem
}

.footer-bottom {
    padding: 2rem 0 5rem;
    background-color: var(--c-footer-bottom-bg)
}

.footer-bottom__title {
    color: var(--c-footer-bottom-title)
}

.footer-bottom__text {
    color: var(--c-footer-bottom-text)
}

.social-link {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    padding: .6rem;
    border: 2px solid transparent
}

.footer-form input,
.footer-form textarea {
    width: 100%;
    min-width: 100%;
    padding: 1.2rem 1.4rem;
    border: 1px solid #e9e9e9;
    color: #444;
    font-size: 1.2rem;
    letter-spacing: .069em;
    outline: none
}

.footer-form textarea {
    margin: .4rem 0 .6rem;
    resize: none
}

.footer-form button {
    padding: .3rem 1.2rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    outline: none;
    cursor: pointer
}

.footer-form .btn-text {
    padding-left: 0
}

.footer-form .btn-icon {
    width: .8rem;
    height: 4.4rem;
    padding: 0
}

.footer-bottom__content {
    margin: .5rem
}

.social-icons__list {
    margin: 0 -.5rem
}

.footer-payment__icon,
.footer-social__icon {
    padding: .5rem
}

.footer-payment__icon {
    max-width: 100%
}

.footer-payment__icon img {
    width: 100%
}

.footer-payment__icon svg {
    height: 28px;
    width: auto
}

.footer-style1 .footer-menu__title,
.footer-style5 .footer-menu__title {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .1em
}

.footer-style1 .footer-menu__title.fw-setting-none,
.footer-style5 .footer-menu__title.fw-setting-none {
    font-weight: 400
}

.footer-style1 .footer-menu__link,
.footer-style1 .footer-text,
.footer-style5 .footer-menu__link,
.footer-style5 .footer-text {
    font-size: 1.4rem;
    letter-spacing: .065em
}

.footer-style1 .store-location,
.footer-style5 .store-location {
    margin-bottom: .5rem
}

.footer-style1 .footer-form textarea,
.footer-style5 .footer-form textarea {
    margin: .7rem 0 1.5rem
}

.footer-style1 .footer-bottom__title,
.footer-style5 .footer-bottom__title {
    font-size: 1.5rem
}

.footer-style1 .footer-bottom__title.fw-setting-none,
.footer-style5 .footer-bottom__title.fw-setting-none {
    font-weight: 400
}

.footer-style1 .footer-bottom__text,
.footer-style5 .footer-bottom__text {
    font-size: 1.4rem;
    letter-spacing: .029em
}

.footer-style1 .footer-form input,
.footer-style1 .footer-form textarea {
    border: 0;
    background-color: rgba(255, 255, 255, 0.05);
    color: #d3d3d3;
    font-size: 1.3rem
}

.footer-style1 .footer-form .btn-default {
    border-color: #b2b2b2;
    color: #ececec
}

.footer-style1 .footer-links li {
    margin-bottom: 1.4rem
}

.footer-style1 .social-link {
    width: 4rem;
    height: 4rem;
    padding: 1rem
}

.footer-style5 input,
.footer-style5 textarea {
    font-size: 1.4rem
}

.footer-style5 .footer-links li {
    margin-bottom: 1.8rem
}

.footer-style5 .footer-bottom__content {
    margin-bottom: 1.6rem
}

.footer-style5 .flex-column .footer-bottom__content {
    margin-bottom: 2.1rem
}

.footer-style5 .social-link {
    width: 3.6rem;
    height: 3.6rem;
    padding: 1rem;
    border: 0
}

.footer-style5 .footer-menu__title.ff-setting-none,
.footer-style5 .footer-bottom__title.ff-setting-none {
    font-family: var(--font-heading)
}

.footer-style2 .footer-menu__link,
.footer-style2 .footer-text,
.footer-style3 .footer-menu__link,
.footer-style3 .footer-text,
.footer-style4 .footer-menu__link,
.footer-style4 .footer-text {
    font-size: 1.3rem;
    line-height: 2.2rem
}

.footer-style2 .social-link,
.footer-style3 .social-link,
.footer-style4 .social-link {
    border-radius: 4px
}

.footer-style2 .store-location,
.footer-style3 .store-location,
.footer-style4 .store-location {
    margin-bottom: .4rem
}

.footer-style2 .btn-default,
.footer-style3 .btn-default,
.footer-style4 .btn-default {
    font-size: 1rem
}

.footer-style2 .footer-payment__icon,
.footer-style3 .footer-payment__icon,
.footer-style4 .footer-payment__icon {
    margin: 1.1rem .5rem
}

.footer-style2 .footer-payment__icon:last-child,
.footer-style3 .footer-payment__icon:last-child,
.footer-style4 .footer-payment__icon:last-child {
    margin-right: 0
}

.footer-style2 .footer-bottom__title,
.footer-style3 .footer-bottom__title,
.footer-style4 .footer-bottom__title {
    margin-bottom: .9rem
}

.footer-style2 .footer-bottom__text,
.footer-style3 .footer-bottom__text,
.footer-style4 .footer-bottom__text {
    display: block;
    font-size: 1.3rem
}

.footer-style2 .flex-column .footer-payment__icon,
.footer-style3 .flex-column .footer-payment__icon,
.footer-style4 .flex-column .footer-payment__icon {
    margin: 1.1rem .7rem 0
}

.footer-style2 .footer-menu__title,
.footer-style4 .footer-menu__title {
    font-size: 1.6rem;
    text-transform: capitalize
}

.footer-style2 .footer-contact__details,
.footer-style4 .footer-contact__details {
    margin-top: 2.7rem
}

.footer-style2 .footer-contact__details:not(:nth-of-type(1)),
.footer-style4 .footer-contact__details:not(:nth-of-type(1)) {
    padding-top: .7rem
}

.footer-style2 .footer-links li,
.footer-style4 .footer-links li {
    margin-bottom: .8rem
}

.footer-style2 .footer-menu__title {
    margin-bottom: 2.1rem;
    letter-spacing: .01em
}

.footer-style2 .footer-form input,
.footer-style2 .footer-form textarea {
    letter-spacing: 0
}

.footer-style2 .footer-bottom__title {
    font-size: 1.4rem
}

.footer-style2 .footer-menu__link.ff-setting-none,
.footer-style2 .footer-text.ff-setting-none {
    font-family: Arial, sans-serif
}

.footer-style3 .footer-menu__title {
    margin-bottom: 2.1rem;
    font-size: 1.1rem;
    letter-spacing: .25em;
    text-transform: uppercase
}

.footer-style3 .footer-menu__title.ff-setting-none,
.footer-style3 .footer-bottom__title.ff-setting-none {
    font-family: var(--font-heading)
}

.footer-style3 .footer-links li {
    margin-bottom: .9rem
}

.footer-style3 .footer-menu__link.ff-setting-none,
.footer-style3 .footer-text.ff-setting-none {
    font-family: var(--font-body)
}

.footer-style3 .footer-contact__details:nth-of-type(1) {
    margin-top: 2.7rem
}

.footer-style3 .footer-contact__details .footer-text {
    line-height: 1.8rem
}

.footer-style3 .footer-contact__details .icon-wrapper {
    margin: 0 1rem 0 0;
    border: 0
}

.footer-style3 .footer-contact__details svg {
    height: 3rem;
    padding: 0 .8rem;
    background-color: var(--c-theme)
}

.footer-style3 .footer-bottom__title {
    font-size: 1.1rem;
    letter-spacing: .25em;
    text-transform: uppercase
}

.footer-style3 .flex-column .footer-bottom__text {
    margin-bottom: 1rem
}

.footer-style3 .footer-form .footer-menu__title {
    margin-bottom: 2.7rem
}

.footer-style3 .footer-form input,
.footer-style3 .footer-form textarea {
    padding: .7rem 1.4rem
}

.footer-style4 .footer-bottom__title,
.footer-style6 .footer-bottom__title {
    margin-bottom: .3rem;
    font-size: 1.3rem
}

.footer-style4 .footer-menu__title {
    margin-bottom: 2.6rem
}

.footer-style4 .footer-menu__title.fw-setting-none {
    font-weight: 400
}

.footer-style4 .footer-contact__details svg {
    padding-right: 1.4rem;
    opacity: .7
}

.footer-style4 .footer-contact__details .footer-menu__link,
.footer-style4 .footer-contact__details .footer-text {
    padding-left: 1rem;
    border-color: rgba(216, 222, 226, 0.1)
}

.footer-style6 .footer-menu__title {
    margin-bottom: 3.5rem;
    font-size: 2.2rem;
    line-height: .5;
    text-transform: lowercase
}

.footer-style6 .footer-menu__title.ff-setting-none {
    font-family: var(--font-heading)
}

.footer-style6 .footer-text,
.footer-style6 .footer-menu__link {
    font-size: 1.5rem
}

.footer-style6 form {
    margin-top: 4rem
}

.footer-style6 input,
.footer-style6 textarea {
    background-color: transparent;
    color: #cccccc;
    font-size: 1.5rem
}

.footer-style6 textarea {
    min-height: 9.5rem
}

.footer-style6 .footer-contact__details {
    margin-top: 3.1rem
}

.footer-style6 .footer-contact__details:nth-of-type(1) {
    margin-top: 4rem
}

.footer-style6 .footer-contact__details span:last-child {
    margin-top: 1.2rem
}

.footer-style6 .footer-links li {
    margin-bottom: 2.1rem
}

.footer-style6 .footer-form textarea {
    margin: 1rem 0 1.6rem
}

.footer-style6 .btn {
    font-size: 1.3rem
}

.footer-style6 .footer-bottom__title {
    letter-spacing: 0.2em
}

.footer-style6 .footer-bottom__text {
    font-size: 1.5rem;
    letter-spacing: .03em
}

.footer-style7 .footer-menu__title {
    margin-bottom: 3.2rem;
    font-size: 1.9rem;
    line-height: 1;
    text-transform: capitalize
}

.footer-style7 .footer-menu__title.fw-setting-none {
    font-weight: 500
}

.footer-style7 .footer-text,
.footer-style7 .footer-menu__link {
    font-size: 1.5rem;
    line-height: 1
}

.footer-style7 form {
    margin-top: 4rem
}

.footer-style7 input,
.footer-style7 textarea {
    background-color: transparent;
    color: #cccccc;
    font-size: 1.5rem
}

.footer-style7 textarea {
    min-height: 9.5rem
}

.footer-style7 .footer-contact__details {
    margin-top: 3.1rem
}

.footer-style7 .footer-contact__details .footer-text.fw-setting-none {
    font-weight: 700
}

.footer-style7 .footer-contact__details span:last-child {
    margin-top: 1.2rem
}

.footer-style7 .footer-contact__details svg {
    width: 3.9rem
}

.footer-style7 .footer-links li {
    margin-bottom: 1.8rem
}

.footer-style7 .footer-form textarea {
    margin: 1rem 0 1.6rem
}

.footer-style7 .btn {
    font-size: 1.3rem
}

.footer-style7 .footer-bottom__title {
    font-size: 1.6rem
}

.footer-style7 .footer-bottom__title.fw-setting-none {
    font-weight: 500
}

.footer-style7 .footer-bottom__text {
    display: block;
    margin-top: 1em;
    margin-bottom: 1.1rem;
    font-size: 1.3rem
}

.footer-style7 .footer-menu__title.ff-setting-none,
.footer-style7 .footer-bottom__title.ff-setting-none {
    font-family: var(--font-menu)
}

.footer-style7 .footer-text.ff-setting-none {
    font-family: var(--font-extra)
}

.footer-style7 .footer-social__icon {
    padding-right: .9rem
}

.footer-style7 .footer-social__icon:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .footer-style7 .footer-contact__details .footer-text {
        font-size: 2.5rem
    }
}

@media screen and (min-width: 480px) {
    .footer-item {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
    .footer-style6 .footer-contact-form {
        padding-right: 15px
    }
}

@media (min-width: 568px) {
    .footer-item {
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
    }
    .footer-style6 .footer-contact-form {
        padding-right: 30px
    }
}

@media (min-width: 768px) {
    .footer-style1 .footer-main {
        padding: 5rem 0
    }
    .footer-style1 .footer-bottom {
        padding: 3rem 0
    }
    .footer-style2 .footer-bottom,
    .footer-style3 .footer-bottom {
        padding: 3.6rem 0
    }
    .footer-style4 .footer-main {
        padding: 5.7rem 0 3.8rem
    }
    .footer-style4 .footer-bottom {
        padding: 6rem 0 6.8rem
    }
    .footer-style2 .footer-main {
        padding: 5.5rem 0 4.8rem
    }
    .footer-style3 .footer-main {
        padding: 4rem 0
    }
    .footer-style5 .footer-main {
        padding: 6.7rem 0 4.2rem
    }
    .footer-style5 .footer-bottom {
        padding: 4.5rem 0
    }
    .footer-style6 .footer-bottom {
        padding: 3.3rem 0
    }
    .footer-style6 .footer-contact-form {
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        padding-right: 60px
    }
    .footer-style6 .footer-contact-form .form-container {
        padding-right: 60px;
        border-right: 1px solid rgba(255, 255, 255, 0.2)
    }
    .footer-style7 .footer-bottom {
        padding: 9.4rem 0 5rem
    }
}

@media (min-width: 992px) {
    .footer-item {
        -ms-flex: 1 1 16.66%;
        flex: 1 1 16.66%
    }
    .footer-style6 .footer-main {
        padding: 9rem 0 12rem
    }
    .footer-style6 .footer-contact-form {
        -ms-flex: 1 1 49.98%;
        flex: 1 1 49.98%;
        padding-right: 90px
    }
    .footer-style6 .footer-contact-form .form-container {
        padding-right: 90px
    }
}

@media (min-width: 1200px) {
    .footer-style6 .footer-contact-form {
        padding-right: 130px
    }
    .footer-style6 .footer-contact-form .form-container {
        padding-right: 130px
    }
    .footer-style6 .footer-contact-form .footer-bottom {
        padding-top: 6rem
    }
}

@media (max-width: 767px) {
    .footer-item {
        margin-top: 5.8rem
    }
    .footer-bottom>div {
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.slide-item,
.slide-group,
.card-wrapper,
.packery-item {
    position: relative;
    width: 100%;
    vertical-align: top
}

.DsiFlic-page-dots .dot {
    border: 2px solid currentColor;
    border-radius: 100%;
    background-color: transparent;
    color: #444;
    opacity: 1
}

.DsiFlic-page-dots .dot:hover,
.DsiFlic-page-dots .is-selected {
    border-color: currentColor;
    background-color: currentColor
}

.DsiFlic-prev-next-button {
    z-index: 1
}

.DsiFlic-prev-next-button .DsiFlic-button-icon {
    width: 40%;
    height: 44%;
    top: 28%;
    left: 30%
}

.DsiFlic-prev-next-button:hover {
    z-index: 2
}

.sidebar-carousel .DsiFlic-prev-next-button,
.content-slideshow .DsiFlic-prev-next-button {
    border-color: #e6e6e6;
    color: #999
}

.content-block .items-carousel,
.vs-initialize-slider .container .items-carousel {
    margin-left: -.5rem;
    margin-left: -.5rem
}

.content-slideshow .slide-item,
.content-slideshow .card-wrapper {
    padding: 0 .5rem
}

.content-slideshow .DsiFlic-prev-next-button {
    width: 3.5rem;
    height: 2.8rem
}

.content-slideshow .DsiFlic-page-dots {
    position: relative;
    width: 100%
}

.content-slideshow .items-carousel {
    margin-top: 3.5rem
}

@media (min-width: 768px) {
    .content-slideshow .content-slideshow .text-on-right .slide-item {
        display: block
    }
    .content-slideshow .content-slideshow .DsiFlic-prev-next-button {
        width: 2.8rem;
        height: 2.1rem
    }
}

.nav-top__center .items-carousel {
    margin-top: 8.5rem
}

@media (min-width: 768px) {
    .nav-top__center .items-carousel {
        margin-top: 9.2rem
    }
}

.sidebar-carousel .DsiFlic-prev-next-button {
    width: 2.8rem;
    height: 2.2rem
}

.sidebar-carousel .DsiFlic-prev-next-button {
    position: absolute;
    right: 0;
    top: -4.6rem;
    left: auto
}

.sidebar-carousel .DsiFlic-button.previous {
    right: -.2rem
}

.sidebar-carousel .dealtime-wrapper {
    margin-left: .7rem
}

.sidebar-carousel .product-card .dealtime-wrapper {
    -ms-flex-align: center;
    align-items: center;
    min-width: 5.2rem;
    padding: 1.2rem 0 .9rem
}

.sidebar-carousel .product-card .dealtime-wrapper span {
    padding: 0 0 1px
}

.sidebar-block .article-img {
    position: relative;
    width: 9rem;
    min-width: 9rem;
    margin-right: 2.5rem
}

.sidebar-block .product-deal {
    bottom: 1.5rem
}

.sidebar-block .countdown-number {
    font-size: 2.3rem;
    line-height: 1
}

.sidebar-block .countdown-text {
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 0.056em;
    line-height: 1
}

.sidebar-block .product-card .product-name {
    font-size: 1.5rem
}

.sidebar-block .product-card .old-price {
    margin-right: .8rem
}

.sidebar-block .newsletter-form {
    padding: 4rem 2.3rem 5.8rem;
    border: 1px solid #f4f3f3;
    border-bottom: 3px solid var(--c-theme);
    border-radius: 2px 2px 3px 3px
}

.sidebar-block .newsletter-form .title {
    margin: 1.7rem 0 2.5rem;
    color: #444;
    font-family: var(--font-heading);
    font-size: 2rem;
    letter-spacing: .12em;
    text-transform: uppercase
}

.sidebar-block .newsletter-form .title::after {
    display: block;
    width: 2.2rem;
    margin: 0 auto;
    margin-top: 1.5rem;
    border-bottom: 3px solid var(--c-theme);
    content: ''
}

.sidebar-block .newsletter-form .btn-default {
    padding: 1rem 3rem
}

.sidebar-block .block-title {
    padding-left: 1rem;
    font-size: 2rem;
    text-align: left;
    text-transform: lowercase
}

.sidebar-block .block-title::before {
    display: inline-block;
    position: relative;
    bottom: -1px;
    left: -1rem;
    width: .4rem;
    height: 1.4rem;
    content: '';
    background-color: var(--c-theme)
}

.sidebar-block .slide-item {
    margin-bottom: 3rem
}

.sidebar-block .slide-item:last-child {
    margin-bottom: 0
}

.sidebar-block .slide-group .product-name {
    margin: 1.5rem 0 1.2rem;
    color: #404552;
    font-size: 1.5rem;
    letter-spacing: 0
}

.sidebar-block .slide-group .current-price {
    font-size: 1.4rem;
    font-weight: 700
}

.sidebar-block .slide-group .product-img {
    -ms-flex: 0 0 35.1852%;
    flex: 0 0 35.1852%;
    max-width: 35.1852%;
    margin-right: 1.8rem
}

.sidebar-block .slide-group .old-price {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.1rem
}

.sidebar-block .slide-group .article-detail time {
    font-size: 1.3rem
}

.sidebar-block .product-detail,
.sidebar-block .article-detail {
    height: 100%
}

.sidebar-block .article-detail {
    padding: .6rem 0
}

.input-strict {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid #f4f3f3;
    border-radius: 4px;
    color: #727272;
    font-size: 1.4rem;
    outline: none
}

.input-round {
    border-radius: 2rem 0 0 2rem
}

.vs-homepage-slideshow {
    overflow: hidden
}

.vs-homepage-slideshow .full-height .slide-item {
    height: 100vh
}

.slide-image__mobile {
    display: none
}

.DsiFlic-carousel .image-container.has-minheight,
.DsiFlic-carousel .slide-item.has-minheight {
    min-height: 35.16rem
}

.DsiFlic-carousel .DsiFlic-prev-next-button {
    opacity: 0
}

.DsiFlic-carousel .DsiFlic-prev-next-button.previous {
    left: 3rem
}

.DsiFlic-carousel .DsiFlic-prev-next-button.next {
    right: 3rem
}

.DsiFlic-carousel .DsiFlic-page-dots {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 3rem
}

.DsiFlic-carousel .DsiFlic-prev-next-button .DsiFlic-button-icon {
    width: 30%;
    height: 46%;
    left: 35%;
    top: 27%
}

.DsiFlic-carousel:hover .DsiFlic-prev-next-button {
    opacity: 1
}

.lookbook-spot {
    display: none
}

.lookbook-card {
    opacity: 0;
    visibility: hidden
}

.vnd-v-video .video-container {
    width: 60%;
    margin-left: auto
}

.vnd-v-video .video-bg {
    position: absolute;
    bottom: 0;
    right: 0
}

.slideshow-banner {
    overflow: hidden
}

.slideshow-banner .banner1,
.slideshow-banner .banner2 {
    margin-top: 3rem
}

.slideshow-banner .slideshow-content-adjust {
    width: 100%
}

.slideshow-banner .slideshow-content-adjust h2 {
    padding: 2.8rem 3.8rem;
    font-size: 3rem;
    line-height: 1.2em
}

.slideshow-banner .slideshow-content-adjust h2 b {
    font-size: 1.1em
}

.slideshow-banner .slideshow-content-adjust h3 {
    margin: 1.1rem 3.8rem 2.2rem;
    font-family: Arial, sans-serif;
    font-size: 1.5rem
}

.slideshow-banner .slideshow-content-adjust .btn {
    margin: 0 3.8rem
}

@media all and (min-width: 768px) {
    .slideshow-banner .banner1 {
        margin-top: 0
    }
    .slideshow-banner .banner-layout_yellow-design .banner1 {
        height: 64.62%
    }
    .slideshow-banner .banner-layout_yellow-design .banner2 {
        flex: 1
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .slideshow-banner>.row {
        margin-right: -8px;
        margin-left: -8px
    }
    .slideshow-banner>.row .col-padding {
        padding-right: 8px;
        padding-left: 8px
    }
    .slideshow-banner .banner2 {
        margin-top: 1.6rem
    }
    .slideshow-banner .slideshow-content-adjust h2 {
        padding: 1.6rem 2rem;
        font-size: 2.4rem
    }
    .slideshow-banner .slideshow-content-adjust h3 {
        margin: 1rem 2rem 2rem
    }
    .slideshow-banner .slideshow-content-adjust .btn {
        height: 4rem;
        margin: 0 2rem;
        padding: 0 2.4rem;
        font-size: 1.2rem
    }
}

@media all and (max-width: 480px) {
    .slideshow-banner .slideshow-content-adjust h2 {
        padding: 1.6rem 2rem;
        font-size: 2.4rem
    }
    .slideshow-banner .slideshow-content-adjust h3 {
        margin: 1rem 2rem 2rem
    }
    .slideshow-banner .slideshow-content-adjust .btn {
        height: 4rem;
        margin: 0 2rem;
        padding: 0 2.4rem;
        font-size: 1.2rem
    }
}

@media (min-width: 768px) {
    .vnd-v-video .video-container {
        width: 40%;
        margin: 0 10% 9.115% auto
    }
    .vnd-v-video .container {
        margin-top: -6.98%
    }
    .vnd-v-video .container>div {
        width: 50%;
        padding: 8% 7% 8% 0
    }
    .vnd-v-video .video-bg {
        width: 41.146%;
        padding-top: 72%
    }
    .btn-video {
        width: 10rem;
        height: 7rem
    }
    .btn-video svg {
        width: 2.6rem
    }
    .text-icon__block {
        -ms-flex: 1;
        flex: 1
    }
    .text-icon__block::after {
        position: absolute;
        right: 0;
        height: 1.7rem;
        border-right: 1px solid;
        content: ''
    }
}

@media (min-width: 1400px) {
    .slideshow-lookbook.left-padding .slide-item {
        padding-left: 170px
    }
    .slideshow-lookbook.left-padding .DsiFlic-button.previous {
        left: -10.5rem
    }
    .slideshow-lookbook.left-padding .DsiFlic-button.next {
        right: -10.5rem
    }
    .vnd-v-video .video-container {
        width: 31.25%;
        margin: 0 16.146% 9.115% auto
    }
    .vnd-v-video .container>div {
        width: 61.112%;
        padding: 14.103% 10% 11.71% 0
    }
    .vnd-v-video .video-bg {
        width: 41.146%;
        padding-top: 59.896%
    }
}

@media (max-width: 991px) {
    .vs-homepage-slideshow .placeholder,
    .content-slideshow .placeholder {
        background-color: #fff
    }
}

@media (max-width: 767px) {
    .icon-cart__count {
        margin-left: 0
    }
    .icon-cart__count span {
        display: none
    }
    .icon-cart__count .cart-total {
        display: block;
        position: relative;
        top: .2rem;
        left: -0.2rem;
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        background-color: var(--c-product-deal-bg);
        color: var(--c-product-deal-text);
        font-family: 'Arial';
        font-size: .8rem;
        line-height: 1.1rem;
        text-align: center
    }
    .slide-image__mobile {
        display: block
    }
}

@media (max-width: 450px) {
    .vnd-v-video .video-container {
        width: 100%
    }
}

.slideshow-lookbook-2 .medium-6 {
    order: 2;
    position: relative;
    height: 100%
}

.slideshow-lookbook-2 .lookbook-product {
    z-index: 1
}

.slideshow-lookbook-2 .vertical .product-card {
    max-width: 54.16667%;
    margin: 0 auto;
    padding: 1.5rem 0 3.5rem
}

.slideshow-lookbook-2 .vertical .product-detail {
    text-align: center
}

.slideshow-lookbook-2 .vertical .swatch-group,
.slideshow-lookbook-2 .vertical .product-info,
.slideshow-lookbook-2 .vertical .spr-badge {
    -ms-flex-pack: center;
    justify-content: center
}

.slideshow-lookbook-2 .vertical .product-name {
    font-size: 2rem;
    letter-spacing: 0
}

.slideshow-lookbook-2 .vertical .product-price {
    margin-bottom: .5rem
}

.slideshow-lookbook-2 .vertical .old-price {
    font-size: 1.5rem
}

.slideshow-lookbook-2 .vertical .current-price {
    font-size: 2.4rem;
    font-weight: 600
}

.slideshow-lookbook-2 .horizontal .slide-item {
    height: initial
}

.slideshow-lookbook-2 .horizontal .product-img::before,
.slideshow-lookbook-2 .horizontal .product-img::after {
    content: '';
    display: block;
    width: 11.321%;
    bottom: 0;
    background: currentColor;
    z-index: 1;
    position: absolute
}

.slideshow-lookbook-2 .horizontal .product-img::after {
    width: 11.321%;
    height: 2px
}

.slideshow-lookbook-2 .horizontal .product-img::before {
    width: 2px;
    height: 8.696%
}

.slideshow-lookbook-2 .horizontal.left {
    order: 1
}

.slideshow-lookbook-2 .horizontal.left .product-img::before,
.slideshow-lookbook-2 .horizontal.left .product-img::after {
    left: 0
}

.slideshow-lookbook-2 .horizontal.right {
    order: 3
}

.slideshow-lookbook-2 .horizontal.right .product-img::before,
.slideshow-lookbook-2 .horizontal.right .product-img::after {
    right: 0
}

.slideshow-lookbook-2 .horizontal img {
    filter: none
}

.slideshow-lookbook-2 .horizontal .product-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff
}

.slideshow-lookbook-2 .horizontal .product-detail {
    padding-left: 1.5rem
}

.slideshow-lookbook-2 .horizontal .DsiFlic-prev-next-button {
    top: auto;
    bottom: 0;
    transform: none
}

.slideshow-lookbook-2 .horizontal.left .DsiFlic-prev-next-button.previous {
    left: 0
}

.slideshow-lookbook-2 .horizontal.left .DsiFlic-prev-next-button.next {
    right: auto;
    left: 58px
}

.slideshow-lookbook-2 .horizontal.left .product-img {
    order: 13
}

.slideshow-lookbook-2 .horizontal.right .DsiFlic-prev-next-button.previous {
    left: auto;
    right: 58px
}

.slideshow-lookbook-2 .horizontal.right .DsiFlic-prev-next-button.next {
    right: 0
}

.slideshow-lookbook-2 .horizontal .product-label {
    display: none
}

.slideshow-lookbook-2 .product-type {
    margin-bottom: 1.2rem;
    font-size: 1.3rem
}

.slideshow-lookbook-2 .product-info {
    display: block
}

@media (min-width: 768px) {
    .slideshow-lookbook-2 .lookbook-product.horizontal.left {
        margin-right: -5rem;
        margin-left: 5rem
    }
    .slideshow-lookbook-2 .lookbook-product.horizontal.right {
        margin-right: 5rem;
        margin-left: -5rem
    }
    .slideshow-lookbook-2 .horizontal.right .product-detail {
        padding-left: 3rem
    }
    .slideshow-lookbook-2 .horizontal.left .product-detail {
        padding-right: 3rem;
        text-align: right
    }
    .slideshow-lookbook-2 .horizontal.left .product-detail .product-price,
    .slideshow-lookbook-2 .horizontal.left .product-detail .spr-badge,
    .slideshow-lookbook-2 .horizontal.left .product-detail .swatch-group {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .slideshow-lookbook-2 .horizontal.left .product-detail .current-price {
        margin: 0
    }
    .slideshow-lookbook-2 .horizontal.left .product-detail .old-price {
        margin-left: 1rem
    }
    .slideshow-lookbook-2.product-layout-horizontal .medium-6 {
        flex-basis: 46.875%;
        max-width: 46.875%
    }
    .slideshow-lookbook-2.product-layout-horizontal .medium-6.horizontal {
        flex-basis: 53.125%;
        max-width: 53.125%
    }
}

@media (min-width: 1200px) {
    .slideshow-lookbook-2 .lookbook-product.horizontal.left {
        margin-right: -7rem;
        margin-left: 7rem
    }
    .slideshow-lookbook-2 .lookbook-product.horizontal.right {
        margin-right: 7rem;
        margin-left: -7rem
    }
    .slideshow-lookbook-2 .lookbook-product.horizontal.right .product-detail {
        padding-left: 6rem
    }
    .slideshow-lookbook-2 .lookbook-product.horizontal.left .product-detail {
        padding-right: 6rem
    }
}

@media (max-width: 991px) {
    .slideshow-lookbook-2 .full-height,
    .slideshow-lookbook-2 .full-height .slide-item {
        height: initial
    }
}

@media (max-width: 767px) {
    .slideshow-lookbook-2 .lookbook-product.horizontal {
        padding: 20px
    }
}

.home-sidebar.left {
    order: 0
}

.home-sidebar.right {
    order: 13
}

.home-sidebar .msg-notice,
.home-sidebar .input-strict {
    margin: 2.5rem 0 2.2rem 0
}

.home-sidebar .filter-list {
    border: 1px solid #e6e6e6;
    margin-top: 1rem;
    padding: 1rem 2.1rem;
    font-size: 1.4rem;
    letter-spacing: .02em
}

.home-sidebar .filter-list .nav-list__link {
    line-height: 2.4rem
}

.home-sidebar .ticksign svg {
    width: 1.3rem
}

.home-sidebar .ticksign.active {
    margin-left: -1px
}

.home-sidebar .ticksign.active svg {
    width: 1.5rem
}

.category-title {
    margin-bottom: .3rem;
    padding: 1.6rem 2rem;
    border-radius: 1rem 1rem 0 0;
    background-color: var(--c-theme);
    color: var(--c-default-h-t);
    font-size: 1.3rem;
    letter-spacing: .2em;
    text-transform: uppercase
}

.category-link {
    padding: 1.1rem 2rem;
    border: 1px solid #e6e6e6;
    border-bottom-color: #f2f2f2;
    border-bottom: 0;
    font-size: 1.4rem;
    letter-spacing: .02em
}

.category-link:last-child {
    border-bottom: 1px solid #e6e6e6
}

.category-link svg {
    width: 1.2rem;
    margin-right: 1rem;
    fill: #c3ccd3
}

.sidebar-carousel .testimonial-content {
    padding: 4.5rem 2.8rem 5.3rem;
    border: 1px solid #f4f3f3;
    border-radius: .5rem
}

.sidebar-carousel .testimonial-img {
    display: inline-block;
    position: relative;
    margin-top: -2rem;
    margin-left: 1.8rem
}

.sidebar-carousel .testimonial-img img,
.sidebar-carousel .testimonial-img svg {
    position: relative;
    width: 6.5rem;
    max-width: 6.5rem;
    height: 6.5rem;
    border-radius: 100%;
    z-index: 1
}

.sidebar-carousel .testimonial-details {
    margin-top: -2.5rem;
    padding-left: 10.7rem
}

.sidebar-carousel .testimonial-details span,
.sidebar-carousel .testimonial-details time {
    display: block;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.sidebar-carousel .testimonial-details .name {
    color: #515151;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase
}

.sidebar-carousel time {
    color: #888;
    letter-spacing: .05em
}

.sidebar-carousel .angled-line {
    position: absolute;
    top: 1.9rem;
    right: -1rem;
    height: 2.2rem;
    width: 2.5rem;
    border-right: 1px solid #f3f3f3;
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    background-color: #fff
}

.sidebar-carousel blockquote {
    color: #7e8282;
    font-family: Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 2.2rem;
    white-space: initial
}

.sidebar-block .search-input-container {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sidebar-block .sidebar-search__input {
    width: 100%
}

.sidebar-block .search-with-brand {
    transition: all .35s ease;
    border-color: #d8d8d8;
    border-width: 1px;
    background-color: transparent;
    color: var(--c-theme)
}

.sidebar-block .search-with-brand:hover {
    border-color: var(--c-theme);
    background-color: var(--c-theme);
    color: #ffffff
}

.advertise-container .text-content {
    padding: 2.8rem
}

.advertise-container .text-content.default {
    margin-top: -4.5rem
}

.advertise-container .text-content .left,
.advertise-container .text-content .right {
    width: auto;
    padding: 0
}

.advertise-container .text-content .right {
    text-align: right
}

.advertise-container .advertise-subtitle {
    margin-bottom: 1.3rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.2em
}

.advertise-container .advertise-title {
    font-family: var(--font-heading);
    font-size: 3.6rem;
    line-height: 1;
    letter-spacing: .05em
}

.advertise-container .top-left.v-top {
    top: 0
}

.advertise-container .top-left.v-bottom {
    bottom: 0
}

.advertise-container .top-left .advertise-subtitle {
    font-family: Arial;
    font-weight: 400
}

.advertise-container .top-left .advertise-title {
    margin-top: .5rem;
    font-family: var(--font-body);
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0
}

.vs-group-content .vertical.cols-2 .masonry-main .product-detail {
    padding-top: 2.4rem
}

.vs-group-content .vertical.cols-2 .masonry-main .product-info {
    -ms-flex-direction: row;
    flex-direction: row
}

.vs-group-content .vertical.cols-2 .masonry-main .countdown-number {
    font-size: 2.7rem
}

.vs-group-content .vertical.cols-2 .item-2x {
    -ms-flex: .78;
    flex: .78
}

.vs-group-content .masonry-grid.vertical-default .product-detail {
    padding-top: 1.9rem
}

.vs-group-content .masonry-grid.vertical-default .product-name,
.vs-group-content .masonry-grid.vertical-default .product-info {
    margin-bottom: 1.2rem
}

.vs-group-content .masonry-grid.vertical-default .color-swatch i {
    width: .6rem;
    height: .6rem
}

.vs-group-content .masonry-grid.vertical-default .product-deal {
    padding: 0 .8rem
}

.vs-group-content .style1 .content-block {
    padding-top: 12rem
}

.vs-group-content .style1 .content-block:first-child {
    padding-top: 0
}

.vs-group-content .style1 .slide-group .product-name {
    margin: 5px 0;
    color: #565656;
    font-size: 1.4rem;
    letter-spacing: 0.026em
}

.vs-group-content .style1 .slide-group .product-price {
    font-size: 1.3rem
}

.vs-group-content .style2 .content-block {
    padding-top: 8rem
}

.vs-group-content .style2 .content-block:first-child {
    padding-top: 0
}

.vs-group-content .style2 .sidebar-block .block-title {
    font-size: 1.9rem
}

.vs-group-content .style2 .sidebar-block .deal-time {
    bottom: 2rem
}

.vs-group-content .style2 .promo-title {
    color: #404047
}

.vs-group-content .style2 .testimonial-content {
    padding-top: 3rem
}

.vs-group-content .style2 .isotope-container .product-card {
    margin-bottom: 1.8rem
}

.vs-group-content .style2 .isotope-container .product-name {
    font-family: var(--font-body);
    font-size: 1.4rem;
    letter-spacing: 0
}

.vs-group-content .style2 .isotope-container .product-info {
    margin-bottom: .5rem
}

.vs-group-content .style2 .grid-items__3 .product-card .product-name {
    margin-bottom: .7rem;
    font-family: var(--font-body);
    letter-spacing: 0
}

.vs-group-content .style2 .grid-items__3 .product-card .product-info {
    margin-bottom: .5rem
}

.vs-group-content .style2 .grid-items__3 .product-card .current-price {
    font-size: 1.7rem
}

.vs-group-content .style2 .grid-items__3 .product-card .old-price {
    font-size: 1.4rem
}

.vs-group-content .style2 .sidebar-carousel .current-price {
    font-size: 1.7rem
}

.vs-group-content .style2 .slide-group .current-price {
    font-size: 1.4rem
}

.text-image-layout2 .text-content .left {
    padding: 0 9.5238%
}

.text-image-layout2 .layout-half .layout-half__top {
    margin-top: -1.8rem
}

.text-image-layout2 .layout-half .layout-half__bottom {
    margin-top: 3rem
}

.text-image-layout2 .text-green3.top {
    top: 0;
    margin-top: 5em
}

.image-layout3 .text-content {
    padding: 0 3rem
}

@media (min-width: 992px) {
    .advertise-container .advertise-title {
        font-size: 4.5rem
    }
    .vs-group-content .style2 .isotope-container {
        margin: 0 -.9rem
    }
    .vs-group-content .style2 .isotope-container .grid-items__4 {
        padding: 0 .9rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vs-group-content .horizontal-default .card-wrapper,
    .vs-group-content .horizontal-advanced .card-wrapper,
    .vs-group-content .horizontal-progressive .card-wrapper {
        padding: 0 1rem
    }
    .vs-group-content .horizontal-default .product-card,
    .vs-group-content .horizontal-advanced .product-card,
    .vs-group-content .horizontal-progressive .product-card {
        padding: 1.2rem
    }
}

@media (max-width: 767px) {
    .text-image-layout2 .layout-half {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1.5rem
    }
    .text-image-layout2 .layout-half .layout-half__bottom {
        margin-top: 1.5rem
    }
    .image-layout3 .medium-6 {
        width: 100%
    }
    .image-layout3 .medium-6:first-child {
        margin-bottom: 3rem
    }
}

.article-name {
    display: block;
    margin-top: .5rem;
    color: #484848;
    font-size: 1.6rem
}

.article-detail {
    white-space: initial
}

.article-detail .btn {
    height: 3.8rem;
    margin-top: 2.2rem;
    margin-bottom: 2px
}

.article-detail .btn-default {
    padding: 0 1.9rem;
    text-transform: uppercase
}

.article-img.size-fixed-height {
    height: 26.5rem
}

.article-img.size-fixed-height-355 {
    height: 35.5rem
}

.content-slideshow .article-detail {
    padding-top: 3.8rem
}

@media screen and (max-width: 767px) {
    .content-slideshow .article-detail {
        padding-top: 2.1rem
    }
}

.content-slideshow .article-name {
    font-weight: 300
}

.content-slideshow .article-excerpt {
    max-height: 3em;
    margin-top: 1.2rem;
    font-family: Arial;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-slideshow .article-excerpt p {
    margin-bottom: 0
}

.text-override .article-detail {
    position: relative;
    top: -13rem;
    left: 13rem;
    width: calc(100% - 13rem);
    margin-bottom: -13rem;
    padding: 2.7rem;
    background-color: white;
    color: #484848
}

.text-override .article-detail .btn-secondary,
.text-override .article-detail .btn-third {
    height: 3.2rem;
    font-size: 1.2rem;
    line-height: 3rem
}

.text-override .article-name {
    color: #27272d;
    font-size: 2rem;
    font-weight: 700
}

.text-override .article-img {
    width: 20rem;
    min-width: 20rem
}

.text-override .article-img.size-fixed-height {
    height: 20rem
}

.text-override .article-img.size-fixed-height-355 {
    height: 30rem
}

.text-override .btn {
    padding: .8rem 1.7rem;
    font-size: 1.2rem
}

.text-on-right .slide-item {
    display: -ms-flexbox;
    display: flex
}

.text-on-right .article-name {
    line-height: 2.3rem
}

.text-on-right .article-img,
.text-on-right .article-detail {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.text-on-right .article-img.size-fixed-height {
    height: 220px;
    min-height: 220px
}

.text-on-right .article-img.size-fixed-height-355 {
    height: 320px;
    min-height: 320px
}

.text-on-right .article-detail {
    padding-top: 2.4rem;
    padding-left: 3rem;
    text-align: left
}

.text-on-right .article-detail .btn {
    height: 3.2rem;
    font-size: 1.1rem
}

.text-on-right .article-excerpt {
    max-height: 4.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.article-info {
    margin-right: 1.4rem;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase
}

.article-info time,
.article-info>span {
    display: block;
    width: 7.6rem;
    height: 3.6rem;
    line-height: 3.2rem
}

.article-info time {
    margin-bottom: 1rem;
    border: 2px solid transparent
}

.article-info>span {
    padding: 0 6px;
    border: 2px solid #ebebeb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info-pos__absolute .article-info {
    width: 0;
    margin-right: 2rem;
    margin-top: 2.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: lowercase;
    z-index: 1
}

.info-pos__before-title .article-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 1rem
}

.info-pos__before-title .article-info time {
    width: auto;
    height: auto;
    margin-bottom: 0;
    font-family: var(--font-heading);
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1;
    text-align: left
}

.info-pos__before-title .article-info .article-date__month {
    margin-bottom: .6rem;
    margin-left: .5rem;
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: .1em
}

.info-pos__before-title .article-info span {
    width: auto;
    height: auto;
    margin-bottom: .6rem;
    padding: 0 .1rem;
    font-family: var(--font-heading);
    font-size: 1.1rem;
    letter-spacing: .1em;
    line-height: 1
}

.info-pos__before-title .article-name {
    margin-top: .9rem;
    font-weight: 900;
    line-height: 1.1538em
}

.info-pos__before-title .article-excerpt {
    margin-top: 3.2rem;
    font-family: var(--font-heading);
    line-height: 1.733em
}

@media screen and (max-width: 767px) {
    .info-pos__before-title .article-info {
        margin-top: 0
    }
    .info-pos__before-title .article-info .article-date__day {
        font-size: 2.8rem
    }
    .info-pos__before-title .article-info .article-date__month {
        margin-bottom: .3rem;
        font-size: 1rem
    }
    .info-pos__before-title .article-info span {
        margin-bottom: .3rem;
        font-size: 1rem
    }
    .info-pos__before-title .article-name {
        font-size: 1.6rem !important;
        font-weight: 700
    }
    .info-pos__before-title .article-excerpt {
        margin-top: 1.6rem;
        line-height: 1.733em
    }
    .info-pos__before-title .btn {
        margin-top: 1.2rem
    }
}

@media (max-width: 767px) {
    .article-detail .btn-default {
        height: 3.4rem
    }
    .article-img.size-fixed-height {
        height: 21rem
    }
    .article-img.size-fixed-height-355 {
        height: 31rem
    }
    .text-override .grid-items__2,
    .text-override .grid-items__3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .text-override .article-detail {
        top: -8rem;
        left: 8rem;
        width: calc(100% - 8rem);
        margin-bottom: -8rem;
        padding: 2rem
    }
    .text-override .article-img.size-fixed-height {
        width: 30rem;
        height: 20rem
    }
    .text-override .article-img.size-fixed-height-355 {
        width: 30rem;
        height: 30rem
    }
}

@media (max-width: 480px) {
    .article-img.size-fixed-height,
    .article-img.size-fixed-height-355 {
        height: 18rem
    }
    .text-override .article-detail {
        top: -3rem;
        left: 3rem;
        width: calc(100% - 3rem);
        margin-bottom: -3rem;
        padding: 1.2rem
    }
    .text-override .article-img.size-fixed-height {
        height: 10rem
    }
    .text-override .article-img.size-fixed-height-355 {
        height: 18rem
    }
    .vs-blogs-carousel .grid-items__2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.promotion-layout__layout-breaking {
    font-size: .8rem
}

@media all and (min-width: 1200px) {
    .promotion-layout__layout-breaking {
        display: -ms-flexbox;
        display: flex
    }
    .promotion-layout__layout-breaking .block-title {
        width: 33.5rem;
        min-width: 33.5rem;
        padding-top: 8rem;
        padding-right: 8.2rem;
        text-align: left
    }
    .promotion-layout__layout-breaking .block-description {
        position: absolute;
        top: 0;
        max-width: 33.5rem;
        margin-top: 2.1rem;
        text-align: left
    }
}

@media all and (min-width: 1400px) {
    .promotion-layout__layout-breaking {
        font-size: .9rem
    }
    .promotion-layout__layout-breaking>.row {
        margin-right: -9em
    }
}

@media all and (min-width: 1600px) {
    .promotion-layout__layout-breaking {
        font-size: 1rem
    }
    .promotion-layout__layout-breaking>.row {
        margin-right: -20em
    }
}

.boxed {
    padding: 1.5rem;
    text-align: center
}

.boxed .promo-container {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #e5e5e5
}

.boxed .promo-icon {
    margin: 0 auto 1rem auto;
    padding: 0 .9rem
}

.boxed.classic .promo-container {
    padding: 1.5rem 3rem;
    box-shadow: 0 0 1rem #eee;
    background-color: rgba(255, 255, 255, 0.7)
}

.boxed.advanced .promo-container {
    padding: 1rem 1.5rem 1.5rem 3rem;
    border: 0;
    background-color: #f7f8f8;
    text-align: left
}

.boxed.advanced .promo-icon {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin-left: -1.6rem;
    margin-bottom: .7rem;
    background-color: #fff
}

.boxed.advanced .promo-icon svg {
    display: block;
    width: 3.3rem;
    margin: 0 auto
}

.boxed.advanced .promo-title {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none
}

.boxed.advanced .promo-text {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}

.boxed.modern .promo-container {
    padding: 2rem 2.5rem;
    border: 0;
    background-color: rgba(255, 255, 255, 0.7)
}

.boxed.modern .promo-title {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: capitalize
}

.boxed.modern .promo-text {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2rem
}

.boxed.layout-breaking .promo-container {
    border: 0;
    background-color: #fff;
    box-shadow: 0 0 1.5rem #e9e9e9;
    overflow: hidden
}

.boxed.layout-breaking .promo-content {
    position: relative;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    transition: transform .42s ease-in-out
}

.boxed.layout-breaking .promo-icon {
    padding: 0;
    margin: 0 auto
}

.boxed.layout-breaking .promo-title {
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .42s ease-in-out;
    font-size: 2.4em;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.45833em;
    text-transform: initial
}

.boxed.layout-breaking .promo-text {
    margin-top: 1.625em;
    font-family: var(--font-heading);
    font-size: 1.6em;
    letter-spacing: 0;
    line-height: 1.5625em
}

.boxed.layout-breaking .promo-text,
.boxed.layout-breaking .btn-text {
    transition: opacity .42s ease-in-out;
    opacity: 0
}

@media screen and (min-width: 1200px) {
    .boxed.layout-breaking:nth-of-type(3) {
        -ms-flex-basis: 58%;
        flex-basis: 58%;
        max-width: 58%;
        margin-bottom: -5%;
        margin-left: -8%
    }
}

.boxed.layout-breaking:nth-of-type(3) .promo-container {
    background-color: var(--c-theme)
}

.boxed.layout-breaking:nth-of-type(3) .promo-title,
.boxed.layout-breaking:nth-of-type(3) .promo-text,
.boxed.layout-breaking:nth-of-type(3) .promo-icon,
.boxed.layout-breaking:nth-of-type(3) .btn-text {
    color: #ffffff !important
}

@media screen and (min-width: 768px) {
    .boxed.layout-breaking {
        min-width: auto
    }
    .boxed.layout-breaking .promo-container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        padding: 5em 3.6em 5em 5em;
        text-align: left
    }
    .boxed.layout-breaking .promo-content {
        padding-left: 3em
    }
    .boxed.layout-breaking .promo-icon {
        width: 10.8em;
        min-width: 10.8em;
        height: 11.8em;
        margin: 0
    }
}

.boxed.layout-breaking:hover .promo-container,
.boxed.layout-breaking.js-hover .promo-container {
    box-shadow: 0 0 1.5rem #dfdfdf
}

.boxed.layout-breaking:hover .promo-content,
.boxed.layout-breaking:hover .promo-title,
.boxed.layout-breaking.js-hover .promo-content,
.boxed.layout-breaking.js-hover .promo-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.boxed.layout-breaking:hover .promo-text,
.boxed.layout-breaking:hover .btn-text,
.boxed.layout-breaking.js-hover .promo-text,
.boxed.layout-breaking.js-hover .btn-text {
    opacity: 1
}

.service-promotion.show_border {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width: 568px) {
    .boxed.classic .promo-container {
        padding: 1.6rem 3.6rem
    }
}

.split.split-border {
    border-left: 1px solid #e5e5e5
}

.split.split-border:first-child {
    border-left: 0
}

@media (max-width: 567px) {
    .split.split-border {
        border-left: 0
    }
}

.split .promo-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 2.2rem;
    border: 0
}

.split svg {
    display: block
}

.service-promo-3 {
    margin: 0 10px 80px;
    font-size: 1rem;
    text-align: center
}

.service-promo-3 .row {
    margin: 0
}

.service-promo-3 .block-title {
    position: absolute;
    top: 3.0667em;
    left: 0;
    width: 100%;
    z-index: 3
}

.service-promo-3 .image-container {
    width: 200px;
    margin: 0 auto
}

.service-promo-3 .promo3-block__index {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13em;
    font-weight: 900;
    letter-spacing: .1em;
    text-shadow: 0px 0px 1.6em #efefef;
    transition: all .6s ease-out
}

.service-promo-3 .promo3-block {
    padding: 5.5em 0 5.5em 0;
    box-shadow: 0 0 0 0 #efefef;
    transition: all .6s ease-out
}

.service-promo-3 .promo3-block * {
    position: relative;
    z-index: 2
}

.service-promo-3 .promo3-block .promo3-block-text {
    margin: 0 15%;
    padding-top: 6em
}

.service-promo-3 .promo3-block .promo3-block__index {
    position: absolute;
    z-index: 1
}

.service-promo-3 .promo3-block img {
    background-color: transparent;
    filter: grayscale(1);
    transition: all .6s ease-out
}

.service-promo-3 .promo3-block:first-child {
    padding-top: 20.5em
}

.service-promo-3 .promo3-block:hover {
    box-shadow: 0 0 16px 0 #efefef
}

.service-promo-3 .promo3-block:hover .promo3-block__index {
    text-shadow: 0px 0px 0 #efefef
}

.service-promo-3 .promo3-block:hover img {
    filter: grayscale(0)
}

.service-promo-3 .promo3-block:hover::after {
    display: none
}

.service-promo-3 h4 {
    margin-bottom: .71423em;
    font-size: 3.5em;
    font-weight: 700
}

.service-promo-3 p {
    margin-bottom: 4.2rem;
    font-size: 2rem;
    line-height: 1.5
}

.service-promo-3 .btn-icon {
    display: inline-block;
    width: auto
}

.service-promo-3 .btn-icon svg {
    width: 3.6rem
}

.service-promo-3.regal-blue h4 {
    margin-bottom: 1em;
    font-family: var(--font-menu)
}

.service-promo-3.regal-blue .promo3-block__index {
    font-family: var(--font-extra)
}

@media (min-width: 768px) {
    .service-promo-3 {
        margin: 0 30px 95px
    }
}

.contact-on__map.form-right,
.contact-on__map.form-center {
    position: absolute;
    z-index: 1
}

.contact-on__map.form-right .container,
.contact-on__map.form-right .col-padding,
.contact-on__map.form-center .container,
.contact-on__map.form-center .col-padding {
    height: 100%
}

.contact-on__map .block-title {
    font-family: var(--font-body);
    text-align: left
}

.contact-on__map input,
.contact-on__map textarea {
    display: block
}

.contact-on__map.form-right {
    height: 100%;
    top: 0;
    right: 16.93%
}

.contact-on__map.form-right .vb-form {
    width: auto
}

.contact-on__map.form-right .map-contact__dtl {
    margin-left: 2rem
}

.contact-on__map.form-right .col-padding {
    padding: 0 5rem
}

.contact-on__map.form-right .block-title {
    color: #393939
}

.contact-on__map.form-right input,
.contact-on__map.form-right textarea {
    width: 27rem;
    border: 0;
    color: #676767;
    font-family: var(--font-body)
}

.contact-on__map.form-right svg {
    width: 1.8rem
}

.contact-on__map.form-right .contact-dtl__ctn {
    margin-bottom: 1.8rem
}

.contact-on__map.form-right .contact-dtl__ic {
    margin-bottom: .5rem
}

.contact-on__map.form-center {
    width: 70%;
    height: 130%;
    top: -15%;
    left: 15%
}

.contact-on__map.form-center .col-padding {
    height: 100%;
    padding: 3.8rem;
    border-radius: 3px;
    box-shadow: 0px -3px 13px -3px rgba(0, 0, 0, 0.1)
}

.contact-on__map.form-center .vb-form {
    -ms-flex: 1;
    flex: 1;
    width: 65%;
    padding-right: 2.4rem
}

.contact-dtl__tt {
    margin-bottom: .6rem;
    color: #3e3f42;
    font-size: 1.4rem;
    letter-spacing: .03em
}

.contact-dtl__if {
    color: #444444;
    font-size: 1.3rem;
    line-height: 1.7
}

.contact-dtl__ctn {
    margin-bottom: 3.2rem
}

.contact-dtl__ctn:last-child {
    margin-bottom: 0
}

.map-contact__dtl {
    width: 35%;
    padding-left: 2.4rem;
    border-left: 1px solid #dcdcdc
}

.contact-dtl__ic {
    margin-bottom: 1.2rem;
    color: var(--c-theme)
}

.contact-dtl__ic svg {
    width: 2.4rem
}

@media (min-width: 1200px) {
    .contact-on__map.form-center .col-padding {
        padding: 4rem 7rem
    }
    .contact-on__map.form-center .vb-form {
        padding-right: 4.4rem
    }
    .contact-dtl__ctn {
        margin-bottom: 5rem
    }
    .map-contact__dtl {
        padding-left: 4.4rem
    }
    .map-contact__dtl svg {
        width: 3.2rem
    }
    .contact-dtl__ic {
        margin-bottom: 1.6rem
    }
    .contact-dtl__tt {
        margin-bottom: .9rem;
        font-size: 1.6rem
    }
    .contact-dtl__if {
        font-size: 1.4rem
    }
}

@media (min-width: 1400px) {
    .contact-on__map.form-center .col-padding {
        padding: 7rem 10rem
    }
    .contact-on__map.form-center .vb-form {
        padding-right: 5.4rem
    }
    .contact-on__map.form-center textarea {
        height: 20rem
    }
    .map-contact__dtl {
        padding-left: 5.4rem
    }
}

@media (max-width: 991px) {
    .contact-on__map.form-center .vb-form {
        width: 100%;
        padding-right: 0;
        border-right: 0
    }
    .map-contact__dtl {
        display: none
    }
}

@media (max-width: 767px) {
    .contact-on__map.form-right {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 0;
        padding: 0 1.5rem
    }
    .contact-on__map.form-right input,
    .contact-on__map.form-right textarea {
        width: 18rem
    }
}

@media (max-width: 480px) {
    .contact-on__map.form-right {
        height: 42rem
    }
    .contact-on__map.form-right .col-padding {
        padding: 0 3rem
    }
}

.text-and-buttons h2 {
    margin-bottom: 35px;
    color: #333;
    font-family: var(--font-body);
    font-size: 7rem;
    line-height: 1.07em
}

.text-and-buttons p {
    margin-bottom: 30px;
    color: #333;
    font-family: 'Arial';
    font-size: 2rem
}

@media (min-width: 992px) {
    .text-and-buttons .btn {
        min-width: 120px
    }
    .text-and-buttons .btn-second {
        margin-left: 2rem
    }
}

@media (max-width: 991px) {
    .text-and-buttons h2 {
        margin-bottom: 25px;
        font-size: 5rem;
        line-height: 5.5rem
    }
    .text-and-buttons p {
        margin-bottom: 22px;
        font-size: 1.8rem
    }
}

.text-and-buttons h2 {
    margin-bottom: 35px;
    color: #333;
    font-family: var(--font-body);
    font-size: 7rem;
    line-height: 1.07em
}

.text-and-buttons p {
    margin-bottom: 30px;
    color: #333;
    font-family: 'Arial';
    font-size: 2rem
}

@media (min-width: 992px) {
    .text-and-buttons .btn {
        min-width: 120px
    }
    .text-and-buttons .btn-second {
        margin-left: 2rem
    }
}

@media (max-width: 991px) {
    .text-and-buttons h2 {
        margin-bottom: 25px;
        font-size: 5rem;
        line-height: 5.5rem
    }
    .text-and-buttons p {
        margin-bottom: 22px;
        font-size: 1.8rem
    }
}

.text-icon__block {
    position: relative;
    width: 100%
}

.text-icon__block svg {
    margin-right: 2.084em
}

.text-icon__block span {
    display: block;
    font-size: 1.2rem
}

.text-icon__block .title {
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase
}

.text-icon__block .sub-text {
    font-style: italic;
    letter-spacing: .065em;
    text-transform: lowercase
}

.text-icon__block:last-child::after {
    content: none
}

.text-icon__block.content-align-center svg {
    margin-left: 3.5rem
}

@media (min-width: 992px) {
    .text-icon__block.content-align-center svg {
        margin-left: 7.5rem
    }
}

@media (max-width: 991px) {
    #shopify-section-text-with-icon .text-icon {
        padding: 0 15px
    }
    #shopify-section-text-with-icon .text-icon__block {
        -ms-flex: 1;
        flex: 1;
        width: auto;
        border-bottom: 0
    }
    #shopify-section-text-with-icon .text-icon__block div {
        display: none
    }
    #shopify-section-text-with-icon .text-icon__block svg {
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .text-icon {
        padding: 0
    }
    .text-icon__block {
        border-bottom: 1px solid #fff
    }
    .text-icon__block:last-child {
        border-bottom: 0
    }
}

.text-simple {
    padding: 4rem 3rem;
    background-size: cover;
    background-repeat: no-repeat
}

.text-simple.border {
    border: 3px solid #e0e0e0
}

.text-simple h2 {
    display: inline-block;
    font-family: var(--font-body);
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    padding: .8rem 2.1rem
}

.text-simple p {
    margin-top: 1.2rem;
    font-size: 1.6rem
}

.text-simple.citrus.border {
    border-width: 1px
}

.text-simple.citrus h2 {
    padding: .3rem 2rem;
    font-size: 2.7rem;
    font-weight: 400
}

.text-simple.citrus p {
    font-size: 1.6rem
}

@media (min-width: 568px) {
    .text-simple h2 {
        font-size: 3rem
    }
    .text-simple p {
        font-size: 1.8rem
    }
}

.image-layout1 .image-bg {
    filter: brightness(97%);
    transition: filter .35s
}

.image-layout1 .image-block-item:hover .image-bg {
    filter: none;
    transition: filter .35s
}

.image-layout1.text-citrus2.top {
    top: 12.24%
}

.image-layout1.text-citrus2 .left {
    left: 14%;
    padding: 0
}

@media (min-width: 768px) {
    .image-layout1 {
        position: relative
    }
    .image-layout1 .image-block-item {
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 1200px) {
    .image-layout1 .text-citrus2 {
        font-size: 0.82rem
    }
    .image-layout1.full-width-container .text-citrus2 {
        font-size: 1rem
    }
}

.image-layout2 .image-block-item {
    margin-top: 5rem;
    margin-bottom: 5rem;
    padding-left: 1.5rem
}

.image-layout2 .image-block-item .position-absolute {
    right: 0;
    bottom: 0;
    max-width: 50%
}

@media screen and (min-width: 768px) {
    .image-layout2 .image-block-item .position-absolute {
        max-width: 21.6rem
    }
}

.image-layout2 .relative-content {
    display: block;
    padding: 5.6rem 18rem 3.8rem 2.5rem;
    background-color: #ffffff;
    box-shadow: 0 0 2.3rem 0 rgba(0, 0, 0, 0.06);
    white-space: nowrap
}

.image-layout2 .relative-content div {
    z-index: 1
}

@media screen and (min-width: 768px) {
    .image-layout2 .relative-content {
        padding-left: 5rem
    }
}

.image-layout2 .content-label {
    position: absolute;
    top: 1.5rem;
    left: .5rem;
    padding-right: .9rem;
    padding-left: .9rem;
    font-family: var(--font-extra);
    font-size: 2.2rem
}

@media all and (min-width: 992px) {
    .image-layout2 .image-layout2__header {
        width: 21rem;
        min-width: 21rem
    }
    .image-layout2 .block-title,
    .image-layout2 .block-description {
        text-align: left
    }
    .image-layout2 .block-title {
        margin-bottom: 4.4rem
    }
    .image-layout2 .block-description {
        margin-bottom: 0;
        color: #333333;
        font-size: 1.5rem
    }
}

@media all and (min-width: 1200px) {
    .image-layout2 .image-layout2__header {
        width: 27rem;
        min-width: 27rem
    }
    .image-layout2 .nav-middle .items-carousel .DsiFlic-button.previous {
        left: -4.3rem
    }
    .image-layout2 .nav-middle .items-carousel .DsiFlic-button.next {
        right: 3rem
    }
}

@media all and (max-width: 991px) {
    .image-layout2 {
        display: block
    }
    .image-layout2 .block-title br {
        display: none
    }
}

.image-layout4 {
    position: relative
}

.image-layout4 .text {
    width: 47.24%;
    padding: 4.6rem 1.2rem
}

.image-layout4 .image {
    left: 47.24%;
    max-width: 52.76%
}

.image-layout4 .placesvg {
    display: block;
    width: 480px;
    max-width: 100%;
    height: 184px
}

.image-layout4 .image-layout4__img {
    object-fit: contain
}

@media (max-width: 767px) {
    .image-layout4 .text {
        width: 100%;
        padding: 2.6rem 1.2rem
    }
    .image-layout4 .text h2 {
        font-size: 2rem
    }
    .image-layout4 .image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        left: 0;
        max-width: 100%;
        padding: 2.4rem 1.2rem
    }
}

.image-layout5 .text-orange .left {
    padding-left: 11.887%
}

.image-layout5 .text-orange-42 .left,
.image-layout5 .text-orange-42 .right {
    padding-left: 13.115%
}

.price-sale__info__container {
    display: none
}

.image-layout5__text-box {
    z-index: 1
}

@media (max-width: 991px) {
    .image-layout5 .image-block-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .image-layout5__text-box {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: -2.8rem;
        transform: none
    }
    .image-layout5__text-box>div {
        background-color: transparent !important
    }
}

.vs-masonry-grid .image-block-item {
    width: 100%;
    max-width: 100%
}

.vs-masonry-grid .image-block-item>.position-relative {
    padding-top: 55.24%
}

.vs-masonry-grid .image-container {
    position: absolute;
    top: 0;
    left: 0
}

.vs-masonry-grid .items-container {
    border: 0px solid transparent
}

@media screen and (max-width: 767px) {
    .vs-masonry-grid .image-block-item {
        margin-bottom: 0
    }
}

.masonry-grid-wrapper {
    justify-content: flex-start
}

.masonry-grid-wrapper .grid-sizer {
    max-width: .01%
}

@media screen and (min-width: 668px) {
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(2) {
        -ms-flex: 0 0 29.68%;
        flex: 0 0 29.68%;
        max-width: 29.68%
    }
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(2) .position-relative {
        padding-top: 175.5%
    }
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(3),
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(6) {
        -ms-flex: 0 0 44.27%;
        flex: 0 0 44.27%;
        max-width: 44.27%
    }
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(3) .position-relative,
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(6) .position-relative {
        padding-top: 58.82%
    }
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(4),
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(5) {
        -ms-flex: 0 0 26.04%;
        flex: 0 0 26.04%;
        max-width: 26.04%
    }
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(4) .position-relative,
    .masonry-grid-wrapper.design1 .image-block-item:nth-of-type(5) .position-relative {
        padding-top: 100%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(2),
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(3) {
        -ms-flex: 0 0 32.46%;
        flex: 0 0 32.46%;
        max-width: 32.46%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(2) .position-relative,
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(3) .position-relative {
        padding-top: 112.9%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(4) {
        -ms-flex: 0 0 64.92%;
        flex: 0 0 64.92%;
        max-width: 64.92%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(4) .position-relative {
        padding-top: 41.1%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(5) {
        -ms-flex: 0 0 35.07%;
        flex: 0 0 35.07%;
        max-width: 35.07%
    }
    .masonry-grid-wrapper.design2 .image-block-item:nth-of-type(5) .position-relative {
        padding-top: 180.59%
    }
    .masonry-grid-wrapper.design3 .grid-sizer,
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(3),
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(4),
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(5),
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(6) {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(2) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(2) .position-relative {
        padding-top: 100%
    }
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(3) .position-relative,
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(6) .position-relative {
        padding-top: 81.25%
    }
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(4) .position-relative,
    .masonry-grid-wrapper.design3 .image-block-item:nth-of-type(5) .position-relative {
        padding-top: 118.75%
    }
}

@media (max-width: 991px) and (min-width: 568px) {
    .masonry-grid-wrapper .text-orange {
        font-size: .7rem
    }
    .masonry-grid-wrapper .text-orange .btn-text {
        font-size: 1.4em
    }
}

@media screen and (max-width: 667px) {
    .masonry-grid-wrapper,
    .masonry-grid-wrapper .ds-flex {
        display: block
    }
}

.packery-item {
    float: left
}

.packery-item .newsletter-container .beige-style3 h2 {
    margin-bottom: .75em;
    padding: 0 .75em
}

.bg-simple {
    min-height: 160px
}

.bg-simple .bg-simple__border {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid
}

.vs-parallax-lookbook {
    z-index: 1
}

.parallax-container {
    z-index: 1;
    overflow: hidden
}

.parallax-container.fixed-height .slide-item {
    min-height: auto
}

.parallax-container .image-container {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    will-change: transform
}

.tab-list {
    order: 0;
    margin-top: -2.1rem;
    margin-bottom: 2.1rem
}

.tab-list li {
    margin-right: 5rem;
    margin-bottom: 1rem
}

.tab-list li:last-child {
    margin-right: 0
}

.isotope-mobile-selector {
    display: none;
    margin-bottom: 35px;
    padding: 8px 12px;
    border: 1px solid currentColor;
    background-size: 12px
}

.isotope-mobile-selector span {
    margin-right: auto
}

.isotope-mobile-selector .dd-pp__list {
    left: 0;
    padding-left: 1.2rem
}

.isotope-selector {
    color: #bab9b9;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    text-transform: lowercase
}

.isotope-selector.italic {
    font-style: italic
}

.isotope-selector.active {
    color: #3d4145
}

.isotope-selector.italic.active {
    color: #555
}

.center-big .isotope-selector,
.tab-title_bigger .isotope-selector {
    display: block
}

.center-big .isotope-selector:before,
.tab-title_bigger .isotope-selector:before {
    margin-right: 2.1rem;
    content: '/';
    color: #e1e1e1;
    font-weight: 300
}

@media (min-width: 768px) {
    .center-big .isotope-selector,
    .tab-title_bigger .isotope-selector {
        display: inline-block
    }
}

.center-big li:first-child .isotope-selector::before,
.tab-title_bigger li:first-child .isotope-selector::before {
    display: none
}

.center-big .tab-list {
    margin-top: 0;
    margin-bottom: 5.5rem
}

.center-big .tab-list li {
    margin-right: 2.1rem
}

.center-big .tab-list li:last-child {
    margin-right: 0
}

.center-big .isotope-selector,
.center-big .isotope-mobile-selector {
    color: #3c3c3c;
    font-size: 2.3rem;
    letter-spacing: .05em;
    text-transform: capitalize
}

.center-icon .tab-list {
    margin-top: 0;
    margin-bottom: 1.8rem
}

.center-icon .tab-list li {
    margin: 0;
    min-width: 9.2rem;
    margin: 0 1.2rem 3rem;
    text-align: center
}

.center-icon .isotope-selector,
.center-icon .isotope-mobile-selector {
    font-family: var(--font-menu);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .35em;
    text-transform: uppercase
}

.center-icon .isotope-selector svg,
.center-icon .isotope-mobile-selector svg {
    display: block;
    height: 3.9rem;
    margin: 0 auto;
    padding-bottom: 1.5rem;
    color: #d0d0d0
}

.center-icon .isotope-selector.active,
.center-icon .isotope-mobile-selector.active {
    color: var(--c-theme)
}

.center-icon .isotope-selector.active svg,
.center-icon .isotope-mobile-selector.active svg {
    color: inherit
}

.center-icon .isotope-selector span {
    padding-left: .35em
}

.center-icon .isotope-mobile-selector {
    color: #07141c
}

.center-icon .isotope-mobile-selector .isotope-selector {
    margin-bottom: 8px
}

.center-icon .isotope-mobile-selector svg {
    color: inherit;
    height: 2.4rem;
    margin: 0 10px 0 30px;
    padding-bottom: 0
}

.tab-title_bigger .tab-list {
    margin-top: 0;
    margin-bottom: 4.2rem
}

.tab-title_bigger .tab-list li {
    margin-right: 3.2rem
}

.tab-title_bigger .tab-list li:last-child {
    margin-right: 0
}

.tab-title_bigger .isotope-selector,
.tab-title_bigger .isotope-mobile-selector {
    background-size: 15px;
    font-size: 2.8rem;
    font-weight: 700;
    font-family: var(--font-menu);
    text-transform: capitalize
}

.tab-title_bigger .isotope-selector.active,
.tab-title_bigger .isotope-mobile-selector.active {
    color: #07141c
}

.tab-title_bigger .isotope-selector:before,
.tab-title_bigger .isotope-mobile-selector:before {
    margin-right: 3.2rem
}

.tabs-content__item {
    display: none;
    position: relative;
    overflow: hidden;
    animation: fadeIn .48s;
    transition: all .3s
}

.tabs-content__item.active {
    display: block
}

.isotope-container {
    order: 1;
    position: relative;
    margin: 0 -0.5rem
}

.isotope-container div[class*="grid-items__"] {
    padding: 0 0.5rem
}

.isotope-container .product-card {
    margin-bottom: 2.4rem
}

@media all and (min-width: 1400px) {
    .isotope-container .product-card {
        margin-bottom: 5rem
    }
}

.isotope-container.vertical-advanced .product-card {
    margin-bottom: 5rem
}

.isotope-container .show-border.product-card,
.isotope-container .show-shadow.product-card {
    margin-bottom: 3rem
}

@media (min-width: 568px) {
    .tabs-content__item {
        margin: 0 -1rem
    }
    .tabs-content__item div[class*="grid-items__"] {
        padding: 0 1rem
    }
}

@media (min-width: 992px) {
    .isotope-container {
        margin: 0 -1.5rem
    }
    .isotope-container div[class*="grid-items__"] {
        padding: 0 1.5rem
    }
}

@media (max-width: 767px) {
    .center-big .isotope-selector:before,
    .tab-title_bigger .isotope-selector:before {
        content: none
    }
    .shopify-section .tab-list li {
        width: 100%;
        margin-right: 0
    }
    .tab-list {
        display: none
    }
    .isotope-mobile-selector {
        display: block
    }
}

.team-slider .member-content {
    margin-bottom: 3rem;
    font-size: 1.5rem
}

.team-slider .member-content h3 {
    margin-top: 3.2rem;
    color: #28282b;
    font-family: var(--font-body);
    font-size: 2rem
}

.team-slider .member-content h4 {
    margin-top: 1rem;
    color: var(--c-theme);
    font-weight: 400;
    letter-spacing: .05em
}

.team-slider .member-content p {
    margin-top: 2rem;
    color: #4a4a4a;
    font-size: 1.5rem;
    line-height: 2.4rem
}

.newsletter svg {
    width: 5.5rem;
    height: 4.4rem;
    margin-right: 2rem;
    margin-left: auto
}

.newsletter .title {
    margin-bottom: .5rem;
    font-size: 2rem
}

.newsletter .msg-notice,
.newsletter form {
    max-width: 100%;
    margin: 0 auto
}

.newsletter input {
    height: 4.4rem;
    padding: 0 3rem;
    border: 0;
    color: #454648;
    font-size: 1.6rem;
    outline: none;
    text-overflow: ellipsis;
    overflow: hidden
}

.newsletter button {
    cursor: pointer
}

.newsletter .btn-round {
    height: 4.4rem;
    padding: 0 3rem;
    border: 0;
    border-radius: 0 2rem 2rem 0;
    letter-spacing: .15em;
    text-transform: uppercase
}

.newsletter-subtitle {
    font-size: 1.5rem
}

.newsletter-form.style1 .msg-notice,
.newsletter-form.style1 .ds-flex {
    margin-left: auto
}

.newsletter-form.style2,
.newsletter-form.style3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsletter-form.style2 .form-container,
.newsletter-form.style3 .form-container {
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.newsletter-form.style2 .newsletter-subtitle,
.newsletter-form.style3 .newsletter-subtitle {
    display: block;
    letter-spacing: .3em
}

.newsletter-form.style2 .input-strict,
.newsletter-form.style3 .input-strict {
    height: 4.6rem;
    border-radius: 0;
    color: #444
}

.newsletter-form.style2 .btn-icon,
.newsletter-form.style3 .btn-icon {
    height: 4.6rem
}

.newsletter-form.style2 .btn-icon svg,
.newsletter-form.style3 .btn-icon svg {
    margin: 0
}

.newsletter-form.style2 {
    padding: 2.5rem 3rem;
    border: 0.5rem solid var(--c-theme)
}

.newsletter-form.style2 .title {
    width: 100%;
    margin-bottom: 0;
    font-size: 2.6rem;
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1;
    text-align: center
}

.newsletter-form.style2 .msg-notice,
.newsletter-form.style2 form {
    width: 100%
}

.newsletter-form.style2 .newsletter-subtitle {
    font-size: 1.3rem;
    font-weight: 700
}

.newsletter-form.style2 .input-strict {
    margin: 1.6rem 0 0;
    border: 1px solid #666;
    font-size: 1.7rem;
    letter-spacing: .05em
}

.newsletter-form.style2 form>.position-relative {
    max-width: 35rem
}

.newsletter-form.style3 .title {
    width: 100%;
    margin: 0;
    padding: 3rem;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.1429
}

.newsletter-form.style3 .msg-notice,
.newsletter-form.style3 form {
    width: 100%;
    margin: 0;
    padding: 3rem
}

.newsletter-form.style3 p {
    font-family: var(--font-heading)
}

.newsletter-form.style3 .input-strict {
    margin: 1.8rem 0 0
}

@media (min-width: 768px) {
    .newsletter-form.style2 {
        padding: 3.3rem 5rem;
        border-width: .7rem
    }
    .newsletter-form.style2 .title {
        width: 50%;
        padding: .5rem 5rem .5rem 0;
        border-right: 1px solid #666;
        font-size: 3rem;
        text-align: right
    }
    .newsletter-form.style2 form,
    .newsletter-form.style2 .msg-notice {
        width: 50%;
        padding-left: 5rem
    }
    .newsletter-form.style2.submitted .title {
        border-right: 0
    }
    .newsletter-form.style3 .title {
        width: 50%;
        padding: 4rem 6.6rem;
        font-size: 2.4rem
    }
    .newsletter-form.style3 form,
    .newsletter-form.style3 .msg-notice {
        width: 50%;
        padding: 0 6rem
    }
}

@media (min-width: 992px) {
    .newsletter-form.style3 .title {
        padding: 5rem 8rem;
        font-size: 3rem
    }
    .vs-group-content .newsletter-form.style3 .title {
        padding: 3rem 5rem
    }
    .newsletter-form.style3 form,
    .newsletter-form.style3 .msg-notice {
        padding: 0 7.5rem
    }
    .newsletter-form.style3 .input-strict {
        margin: 2.8rem 0 0
    }
}

@media (min-width: 1200px) {
    .newsletter-form.style1 input {
        min-width: 320px
    }
    .newsletter-form.style3 .title {
        padding: 7rem 10.5rem;
        font-size: 3.5rem
    }
    .vs-group-content .newsletter-form.style3 .title {
        padding: 5rem 7rem
    }
    .newsletter-form.style3 form,
    .newsletter-form.style3 .msg-notice {
        padding: 0 8.5rem
    }
}

@media (min-width: 1300px) {
    .newsletter-form.style3 {
        max-width: 1250px
    }
}

@media (max-width: 767px) {
    .newsletter {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .newsletter .ds-flex {
        margin-right: auto;
        margin-left: auto
    }
    .newsletter svg {
        margin-left: 0
    }
    .newsletter form,
    .newsletter .msg-notice {
        margin-top: 2.5rem
    }
    .newsletter input {
        padding: 0 1.5rem
    }
    .newsletter-form.style2 .form-container,
    .newsletter-form.style3 .form-container {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

@media (max-width: 567px) {
    .newsletter-subtitle {
        display: none
    }
}

.recently-view-wrapper .product-name {
    margin-top: 2.4rem;
    font-family: Arial, sans-serif
}

.recently-view-wrapper .current-price {
    font-size: 1.4rem;
    font-weight: 400
}

.recently-view-wrapper .sale-price {
    font-size: 1.7rem;
    font-weight: 700
}

.recently-view-wrapper.vertical .product-img {
    width: 100%;
    max-width: 30rem
}

.recently-view-wrapper.horizontal a {
    display: -ms-flexbox;
    display: flex
}

.recently-view-wrapper.horizontal .product-img {
    -ms-flex: 0 0 33.515%;
    flex: 0 0 33.515%;
    width: 33.515%;
    margin-right: 3rem
}

.insta-title {
    margin-bottom: 2rem;
    font-family: var(--font-body);
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: .05em
}

.insta-desc {
    margin-bottom: 4rem;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .05em
}

.insta-link {
    margin-top: 5rem;
    border-color: var(--c-theme);
    color: var(--c-theme);
    letter-spacing: .15em
}

.instagram-images.newsletter .insta-title {
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.8em
}

.instagram-images.newsletter .insta-desc {
    display: inline-block;
    padding: 0 1.1rem;
    font-family: var(--font-extra);
    font-size: 3rem;
    background-color: var(--c-theme);
    line-height: 1.3em;
    white-space: nowrap
}

.instagram-images.newsletter .section-heading__container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    text-align: right
}

@media screen and (max-width: 767px) {
    .instagram-images.newsletter .insta-title,
    .instagram-images.newsletter .insta-desc {
        font-size: 2.1rem
    }
}

@media screen and (max-width: 991px) {
    .insta-newsletter__wrapper {
        display: block
    }
}

.vs-instagram .newsletter-form {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 5rem;
    background-color: var(--c-theme);
    color: #ffffff;
    text-align: left
}

.vs-instagram .newsletter-form .form-newsletter {
    width: 50rem;
    max-width: 100%
}

.vs-instagram .newsletter-form .newsletter-title {
    margin-bottom: .11em;
    margin-left: -2.4rem;
    font-size: 12rem;
    line-height: 1;
    font-family: var(--font-heading);
    font-weight: 300
}

.vs-instagram .newsletter-form .newsletter-title em {
    display: inline-block;
    padding-top: 1rem;
    font-size: 6rem;
    font-style: normal;
    vertical-align: top;
    line-height: 1
}

.vs-instagram .newsletter-form .newsletter-title em span {
    display: inline-block;
    padding-bottom: .4rem;
    font-size: 2.6rem;
    font-weight: 400;
    vertical-align: bottom;
    letter-spacing: .01em;
    line-height: 1
}

.vs-instagram .newsletter-form .newsletter-subtitle,
.vs-instagram .newsletter-form .newsletter-desc {
    margin-bottom: 2em;
    font-size: 1.6rem;
    line-height: 1.4em
}

.vs-instagram .newsletter-form .input-strict {
    height: 4rem;
    padding-left: 1.6rem;
    border-radius: 0;
    color: #333333;
    font-family: var(--font-heading);
    font-size: 1.4rem
}

.vs-instagram .newsletter-form .btn-icon {
    height: 100%;
    width: 2rem
}

.vs-instagram .newsletter-form .btn-icon svg {
    width: 100%;
    fill: #333333
}

@media screen and (min-width: 992px) {
    .vs-instagram .newsletter-form {
        width: 50%;
        margin-top: auto;
        padding: 9rem 6rem 6rem
    }
    .vs-instagram .newsletter-form .newsletter-title {
        margin-left: -3.4rem;
        font-size: 15rem
    }
    .vs-instagram .newsletter-form .newsletter-title em {
        font-size: 8rem
    }
    .vs-instagram .newsletter-form .newsletter-title em span {
        padding-bottom: .5rem;
        font-size: 3.5rem
    }
    .vs-instagram .newsletter-form .newsletter-subtitle,
    .vs-instagram .newsletter-form .newsletter-desc {
        margin-bottom: 1.5em;
        font-size: 2.1rem;
        font-weight: 700
    }
    .vs-instagram .newsletter-form .input-strict {
        height: 4.8rem;
        padding-left: 2.5rem;
        font-size: 1.6rem
    }
}

@media screen and (min-width: 1600px) {
    .vs-instagram .newsletter-form {
        height: 73rem;
        width: 68rem;
        min-width: 68rem;
        margin-top: 22.5rem;
        margin-bottom: -21rem;
        padding: 8rem 9rem 8rem 8rem
    }
    .vs-instagram .newsletter-form .newsletter-title {
        margin-left: -5.4rem;
        font-size: 20rem
    }
    .vs-instagram .newsletter-form .newsletter-title em {
        font-size: 10rem
    }
    .vs-instagram .newsletter-form .newsletter-title em span {
        padding-bottom: .7rem;
        font-size: 4.5rem
    }
    .vs-instagram .newsletter-form .newsletter-subtitle,
    .vs-instagram .newsletter-form .newsletter-desc {
        margin-bottom: 2em;
        font-size: 2.5rem
    }
    .vs-instagram .newsletter-form .input-strict {
        height: 5.8rem;
        padding-left: 3rem;
        font-size: 1.7rem
    }
    .vs-instagram .newsletter-form .btn-icon {
        width: 3rem
    }
}

@media screen and (min-width: 1900px) {
    .vs-instagram .newsletter-form {
        width: 80rem;
        min-width: 80rem;
        margin-top: 22.5rem;
        margin-bottom: -21rem;
        padding: 9rem 21rem 9rem 9rem
    }
}

.collections-carousel .collection-info {
    display: none;
    opacity: 1;
    transition: opacity .3s
}

.collections-carousel .block-title {
    margin-bottom: 3.5rem
}

.collections-carousel .DsiFlic-page-dots {
    margin-top: 6.7rem
}

.collections-card {
    margin-bottom: 0;
    min-width: 280px
}

.collections-card:not(.is-selected) {
    opacity: .6;
    transition: opacity .3s
}

.collections-card:not(.is-selected) .collection-info {
    opacity: 0;
    transition: opacity .3s
}

.product-showcase__wrapper {
    padding: 10rem 0
}

.product-showcase__wrapper h2 {
    padding-bottom: 6rem;
    font-family: var(--font-body);
    font-size: 5rem;
    letter-spacing: .055em;
    line-height: 1.1
}

.product-showcase__wrapper .image-container {
    max-width: 100%
}

.product-showcase__wrapper .image-container .image-bg,
.product-showcase__wrapper .image-container .placeholder {
    background-color: transparent
}

.product-showcase__wrapper .info-container {
    position: absolute;
    top: 0;
    left: 10%;
    height: 100%;
    padding: 3rem 0
}

.product-showcase__wrapper .info-container h3 {
    margin-bottom: 1.2rem;
    font-family: var(--font-body);
    font-size: 2.2rem;
    font-weight: 400;
    letter-spacing: .035em
}

.product-showcase__wrapper .info-container p {
    font-size: 1.4rem
}

.product-showcase__wrapper .info-container .space-between {
    width: 100%
}

.product-showcase__wrapper .info-container .icon-wrapper {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    margin: 0 2.5rem;
    border-radius: 100%
}

.product-showcase__wrapper .info-container svg {
    width: 1.4rem
}

.product-showcase__wrapper .text-wrapper {
    width: 280px;
    max-width: 280px
}

@media (min-width: 768px) {
    .product-showcase__wrapper .info-container h3 {
        margin-bottom: .8rem;
        font-size: 1.8rem
    }
    .product-showcase__wrapper .info-container p {
        font-size: 1.2rem
    }
    .product-showcase__wrapper .info-container .text-left,
    .product-showcase__wrapper .info-container .text-right {
        margin: 1rem 0
    }
}

@media (min-width: 1200px) {
    .product-showcase__wrapper h2 {
        padding-bottom: 6.8rem;
        font-size: 4.5rem
    }
    .product-showcase__wrapper .image-container {
        width: 33.54%;
        margin: 0 auto
    }
    .product-showcase__wrapper .info-container {
        left: 5%;
        width: 90%;
        padding: 8rem 0
    }
    .product-showcase__wrapper .info-container h3 {
        margin-bottom: 1rem;
        font-size: 2rem
    }
    .product-showcase__wrapper .info-container p {
        font-size: 1.3rem
    }
    .product-showcase__wrapper .info-container .icon-wrapper {
        width: 5rem;
        height: 5rem;
        margin: 0 2rem
    }
    .product-showcase__wrapper .info-container svg {
        width: 1.5rem
    }
}

@media (min-width: 1600px) {
    .product-showcase__wrapper h2 {
        font-size: 5rem
    }
    .product-showcase__wrapper .info-container {
        left: 10%;
        width: 80%
    }
    .product-showcase__wrapper .info-container h3 {
        margin-bottom: 1.2rem;
        font-size: 2.2rem
    }
    .product-showcase__wrapper .info-container p {
        font-size: 1.4rem
    }
    .product-showcase__wrapper .info-container .icon-wrapper {
        width: 7.5rem;
        height: 7.5rem;
        margin: 0 3.6rem
    }
}

@media (max-width: 1199px) {
    .product-showcase__wrapper .image-container {
        width: 50%;
        max-width: 50%
    }
    .product-showcase__wrapper .info-container {
        left: 50%;
        width: 50%;
        padding-left: 1.2rem
    }
    .product-showcase__wrapper .info-container .space-between {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .product-showcase__wrapper .info-container .text-wrapper {
        order: 2
    }
    .product-showcase__wrapper .info-container .icon-wrapper {
        order: 0
    }
    .product-showcase__wrapper .info-container .text-right {
        text-align: left
    }
}

@media (max-width: 767px) {
    .product-showcase__wrapper .image-container {
        margin: 0 auto
    }
    .product-showcase__wrapper .info-container {
        position: relative;
        left: 0;
        margin: 0 auto
    }
    .product-showcase__wrapper .info-container .text-right,
    .product-showcase__wrapper .info-container .text-left {
        margin: 1.5rem 0
    }
}

@media (max-width: 567px) {
    .product-showcase__wrapper .info-container {
        width: 100%
    }
}

@media (max-width: 480px) {
    .product-showcase__wrapper h2 {
        font-size: 3.6rem
    }
    .product-showcase__wrapper .image-container {
        width: 100%;
        max-width: 100%;
        padding: 0 2rem
    }
}

.store-info {
    margin: 0;
    padding: 0 5px
}

.store-info__bgfull {
    position: relative;
    padding-top: 93.049%
}

.store-info__bgboxed {
    position: relative
}

.store-info__bgboxed .sii-container {
    padding-top: 100%
}

.store-info__text,
.store-info__img {
    padding: 5px
}

.store-info__text h2 {
    font-size: 2.7rem;
    font-weight: 400;
    line-height: 3rem
}

.store-info__text p {
    margin-top: 4rem;
    margin-bottom: 3.2rem;
    font-size: 1.6rem;
    line-height: 2.2rem
}

.store-info__img.above h2 {
    margin: 5rem 0;
    font-size: 2.3rem;
    font-weight: 400;
    line-height: 3.3rem
}

.store-info__img.above:first-child h2 {
    margin-top: 8.2rem
}

.store-info__img.above p {
    margin-top: 3.5rem;
    margin-bottom: 2.8rem
}

.store-info__img.inside h2 {
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1.142857
}

.store-info__img.inside .description {
    margin-top: 2rem;
    z-index: 1
}

.store-info__img.inside p {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.6rem
}

.store-info__left .store-info__bgboxed {
    margin-left: auto
}

.store-info__left .store-info__text {
    padding-right: 2rem;
    text-align: right
}

.store-info__right .store-info__text {
    margin: 2rem;
    padding-left: 2rem
}

@media (min-width: 768px) {
    .store-info__img.inside .description {
        position: absolute;
        bottom: 8rem;
        left: 50%;
        width: 60rem;
        max-width: 90%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .store-info__img.inside p {
        position: relative;
        padding-left: 5rem
    }
    .store-info__img.inside p::before {
        display: inline-block;
        position: absolute;
        top: 30%;
        left: 0;
        width: 3rem;
        min-width: 3rem;
        height: .4rem;
        margin-right: 3rem;
        background-color: var(--c-theme);
        content: ''
    }
    .store-info__left .store-info__img.above .description {
        margin-left: auto;
        text-align: right
    }
    .store-info__right .store-info__text {
        margin-top: 0
    }
    .store-info__right .store-info__img {
        position: absolute;
        width: 100%;
        bottom: 0
    }
}

@media (min-width: 992px) {
    .store-info__text p {
        line-height: 2.7rem
    }
}

@media (min-width: 1200px) {
    .store-info__text {
        max-width: 585px
    }
    .store-info__bgboxed {
        max-width: 560px
    }
    .store-info__img.inside p {
        padding-left: 7rem
    }
    .store-info__img.inside p::before {
        width: 4rem;
        left: 0;
        min-width: 4rem
    }
    .store-info__right .store-info__text {
        padding-left: 95px
    }
}

@media (max-width: 767px) {
    .store-info__img.inside p {
        margin-bottom: 2.1rem
    }
}

.vs-text-info h2 {
    margin-bottom: 2em;
    font-size: 2.7rem
}

.vs-text-info p {
    font-size: 1.6rem;
    line-height: 2.6rem
}

.vs-text-info .promo-container {
    padding: .7rem;
    border: 0
}

.vs-text-info .promo-title {
    color: #33393e
}

.vs-text-info .promo-icon {
    padding-right: 2.5rem
}

.vs-text-info .promo-text {
    line-height: 2.1rem
}

.text-info__block {
    margin-bottom: 5.4rem
}

@media (min-width: 768px) {
    .vs-text-info .medium-6:nth-of-type(odd) {
        padding-right: 30px
    }
    .vs-text-info .medium-6:nth-of-type(even) {
        padding-left: 30px
    }
}

@media (max-width: 767px) {
    .text-info__block {
        margin-bottom: 2.4rem
    }
}

.vnd-st-testimonials {
    font-size: 1rem
}

.vnd-st-testimonials>div {
    padding: 7.7em 0 12.4em
}

.vnd-st-testimonials .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.vnd-st-testimonials .block-description {
    margin-top: -1.8667em;
    margin-bottom: 3.667em;
    font-size: 1.5rem
}

.vnd-st-testimonials .items-carousel .DsiFlic-page-dots {
    position: absolute;
    bottom: -6.3em
}

.vnd-st-testimonials .nav-top__center .DsiFlic-prev-next-button {
    top: -2.6rem
}

.vnd-st-testimonials .testimonial-block {
    min-width: 35em;
    min-height: 100%
}

.vnd-st-testimonials .testimonial-wrapper {
    padding: 5.4em 7em 3.8em;
    border-radius: 5px
}

.vnd-st-testimonials .testimonial-triangle {
    margin-left: 87.72%;
    width: 0;
    height: 0;
    border-top: 1.1em solid currentcolor;
    border-left: .3em solid transparent;
    border-right: .8em solid transparent
}

.vnd-st-testimonials .testimonial_title {
    position: relative;
    margin-bottom: .572em;
    font-size: 2.8em;
    line-height: 1
}

.vnd-st-testimonials .quotation {
    position: absolute;
    top: -.2em;
    left: -.46em;
    font-size: 1.785em;
    font-weight: 400
}

.vnd-st-testimonials .testimonial_content {
    font-size: 1.5em;
    line-height: 1.7334em;
    white-space: normal
}

.vnd-st-testimonials .testimonial_date {
    margin-top: 1.6em;
    font-size: 1.5em;
    line-height: 1.4667em
}

@media screen and (max-width: 767px) {
    .vnd-st-testimonials .testimonial-block {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .vnd-st-testimonials {
        font-size: .9rem
    }
}

@media (max-width: 767px) {
    .vnd-st-testimonials {
        font-size: .8rem
    }
}

.products-matrix {
    margin-bottom: 2.6rem
}

.products-matrix .product-img {
    width: 9.5rem;
    min-width: 9.5rem;
    margin-right: 1.8rem
}

.products-matrix .product-name {
    margin: 1.5rem 0;
    font-family: var(--font-body);
    font-size: 1.4rem;
    line-height: 1.28em
}

.products-matrix .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.products-matrix .old-price {
    order: 13;
    margin-left: .5rem;
    font-size: 1.2rem
}

.products-matrix .current-price {
    font-size: 1.6rem
}

@media (max-width: 450px) {
    .products-matrix {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.products-masonry.horizontal {
    margin: 0 -1rem
}

.products-masonry.horizontal .item-2x {
    -ms-flex: 1.8;
    flex: 1.8;
    padding: 0 1rem
}

.products-masonry.horizontal .row {
    margin: 0 -1rem
}

.products-masonry.horizontal div[class*="grid-items__"] {
    min-width: auto;
    margin-bottom: 2rem;
    padding: 0 1rem
}

.products-masonry.horizontal .masonry-main .product-name {
    margin-bottom: 1.2rem
}

.products-masonry.horizontal .masonry-main .product-info {
    order: 1
}

.products-masonry.horizontal .masonry-main .product-detail {
    padding-top: 2.1rem
}

.products-masonry.horizontal .masonry-main .dealtime-wrapper {
    padding: 1rem 0 0.8rem
}

.products-masonry.horizontal .masonry-main .countdown-text {
    font-size: 0.8rem
}

.products-masonry.horizontal .masonry-grid .product-card {
    transition: margin .45s;
    overflow: visible
}

.products-masonry.horizontal .masonry-grid .product-img {
    width: 10rem;
    min-width: 10rem;
    margin-right: 2rem
}

.products-masonry.horizontal .masonry-grid .product-name {
    margin-bottom: 0.9rem
}

.products-masonry.horizontal .masonry-grid .countdown-number {
    font-size: 1.6rem
}

.products-masonry.horizontal.cols-1 .masonry-main .dealtime-wrapper {
    min-width: 5.4rem;
    margin-left: 1rem
}

.products-masonry.horizontal.cols-1 .masonry-main .countdown-number {
    font-size: 2.3rem
}

.products-masonry.horizontal.cols-1 .masonry-main .current-price {
    font-size: 1.9rem
}

.products-masonry.horizontal.cols-1 .masonry-main .old-price {
    font-size: 1.5rem
}

.products-masonry.horizontal.cols-2 .masonry-main {
    padding: 0 1rem
}

.products-masonry.horizontal.cols-2 .masonry-main .dealtime-wrapper {
    margin-left: 1.5rem
}

.products-masonry.horizontal.cols-2 .masonry-main .countdown-number {
    font-size: 3rem
}

.products-masonry.horizontal.cols-2 .masonry-main .current-price {
    font-size: 1.6rem
}

.products-masonry.horizontal.cols-2 .masonry-main .old-price {
    font-size: 1.4rem
}

.products-masonry.horizontal .grid-items__2 .product-img {
    width: 10rem;
    min-width: 10rem
}

.products-masonry .vertical-default.item-2x {
    -ms-flex: 1;
    flex: 1
}

.products-masonry .vertical-advanced.item-2x,
.products-masonry .vertical-progressive.item-2x {
    -ms-flex: .91;
    flex: .91
}

.products-masonry.vertical .masonry-main .countdown-number {
    padding-top: 2px;
    font-size: 3rem;
    line-height: 1
}

.products-masonry .item-3x {
    -ms-flex: 1.264;
    flex: 1.264
}

.products-masonry .vertical-default .old-price {
    margin-right: 0.4rem
}

.masonry-main {
    padding: 0 1.5rem
}

.masonry-main .product-card {
    height: 100%
}

.masonry-main .product-card .product-deal {
    bottom: 3.4rem
}

.masonry-main .product-card.show-border,
.masonry-main .product-card.show-shadow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.masonry-main .product-date .dealtime-wrapper {
    -ms-flex-align: center;
    align-items: center;
    min-width: 6.3rem;
    margin-left: 1rem;
    padding: 1.2rem 0 1.1rem
}

.masonry-main .product-date .dealtime-wrapper .countdown-number {
    padding: 0
}

.masonry-main .product-date .dealtime-wrapper .countdown-text {
    padding: 0
}

.masonry-main .countdown-number {
    font-size: 2.1rem
}

.masonry-main .countdown-text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .066em
}

.masonry-main .product-detail {
    padding-top: 1.8rem
}

.masonry-main .product-type {
    margin-top: 1.4rem;
    margin-bottom: 1.6rem
}

.masonry-main .product-name {
    font-size: 1.7rem
}

.masonry-main .current-price {
    font-size: 1.4rem
}

.masonry-main .old-price {
    font-size: 1.2rem
}

.masonry-main .product-info {
    order: 0
}

.masonry-main .swatch-group {
    order: 3
}

.masonry-main.vertical-progressive .product-name {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase
}

.masonry-main.vertical-default .product-info {
    -ms-flex-direction: column;
    flex-direction: column
}

.masonry-main.vertical-default,
.masonry-main.vertical-progressive {
    margin-bottom: 3.2rem
}

.masonry-main.vertical-modern .product-name {
    font-size: 1.6rem
}

.masonry-main.vertical-modern .product-card:hover .product-img {
    box-shadow: none
}

.masonry-main.vertical-modern .product-img {
    margin: 0
}

.masonry-grid {
    order: 1;
    padding: 0 1.5rem
}

.masonry-grid .product-card {
    min-height: 100%;
    max-height: 100%
}

.masonry-grid .product-card.show-border,
.masonry-grid .product-card.show-shadow {
    padding: 1.5rem
}

.masonry-grid .row {
    height: 100%
}

.masonry-grid div[class*="grid-items__"] {
    margin-bottom: 3.2rem;
    transition: padding .35s
}

.masonry-grid .grid-items__1 .current-price {
    font-size: 1.7rem
}

.masonry-grid .grid-items__1 .old-price {
    font-size: 1.4rem
}

.masonry-grid .grid-items__1,
.masonry-grid .grid-items__2 {
    padding: 0 1.5rem
}

.masonry-grid .dealtime-wrapper {
    margin-left: 2px
}

.masonry-grid .dealtime-wrapper:first-child {
    margin-left: 0
}

.products-masonry.horizontal .masonry-grid .grid-items__2 .has-deal:hover {
    margin-left: 4.5rem
}

.products-masonry.horizontal .masonry-grid .grid-items__2 .has-deal:hover .product-deal {
    left: -4.5rem;
    width: 4.5rem;
    transition: all .35s
}

.masonry-grid .grid-items__3 {
    padding: 0 1rem
}

.masonry-grid.vertical-advanced .product-card {
    margin-bottom: 0
}

.masonry-grid.horizontal-progressive .product-name {
    font-size: 1.1rem;
    line-height: 1.6rem;
    text-transform: uppercase
}

.masonry-grid.horizontal-modern .product-name {
    font-size: 1.4rem;
    font-family: Arial, sans-serif;
    line-height: 1.9rem;
    letter-spacing: .01em
}

.masonry-grid.horizontal-modern .current-price {
    font-size: 1.5rem;
    font-family: Arial, sans-serif
}

.masonry-grid.horizontal-modern .product-deal {
    display: none
}

.masonry-grid.horizontal-modern .grid-items__2 .has-deal:hover {
    margin-left: 0
}

@media (min-width: 568px) {
    .products-masonry.horizontal .grid-items__1 .product-img {
        width: 17rem;
        min-width: 17rem
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .masonry-main .dealtime-wrapper {
        min-width: 5.6rem;
        margin-left: .5rem;
        padding: 1rem 0 .7rem
    }
    .masonry-main .countdown-number {
        font-size: 2.4rem
    }
    .products-masonry.vertical.cols-2,
    .products-masonry.vertical.cols-3 {
        margin-left: -.7rem;
        margin-right: -.7rem
    }
    .products-masonry.vertical.cols-2 .masonry-main,
    .products-masonry.vertical.cols-3 .masonry-main {
        padding: 0 .7rem
    }
    .products-masonry.vertical .masonry-grid .grid-items__2,
    .products-masonry.vertical .masonry-grid .grid-items__3 {
        padding: 0 .7rem
    }
    .products-masonry.vertical .masonry-grid .grid-items__2 .dealtime-wrapper,
    .products-masonry.vertical .masonry-grid .grid-items__3 .dealtime-wrapper {
        max-width: 3rem;
        min-width: 2.7rem;
        margin-left: .2rem;
        padding: .8rem 0 .2rem
    }
    .products-masonry.vertical .masonry-grid .grid-items__2 .countdown-number,
    .products-masonry.vertical .masonry-grid .grid-items__3 .countdown-number {
        font-size: 1.5rem
    }
}

@media (min-width: 768px) {
    .masonry-main .product-detail {
        padding-top: 1rem
    }
    .products-masonry.horizontal .grid-items__1 .product-img {
        width: 14rem;
        min-width: 14rem
    }
}

@media (min-width: 992px) {
    .products-masonry.horizontal .masonry-main {
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .masonry-grid.horizontal-modern .product-name {
        min-height: 7.6rem
    }
    .masonry-main .product-detail {
        padding-top: 3.2rem
    }
    .masonry-main .dealtime-wrapper {
        margin-left: 2rem
    }
    .masonry-main.vertical-modern .product-detail {
        padding: 2rem
    }
    .products-masonry.horizontal .item-2x {
        -ms-flex: 1.7045;
        flex: 1.7045
    }
    .products-masonry.horizontal .grid-items__1 .product-img {
        width: 19rem;
        min-width: 19rem;
        margin-right: 30px
    }
    .products-masonry.horizontal .grid-items__2 .product-img {
        width: 14rem;
        min-width: 14rem
    }
    .products-masonry.horizontal .masonry-grid .countdown-number {
        font-size: 2.3rem
    }
}

@media (max-width: 991px) {
    .products-masonry .vertical-advanced .btn-default span {
        display: none
    }
    .products-masonry .vertical-advanced .btn-default svg {
        display: block
    }
}

@media (max-width: 767px) {
    .products-masonry.cols-1,
    .products-masonry.cols-3 {
        display: block
    }
    .products-masonry.cols-1 .masonry-main,
    .products-masonry.cols-3 .masonry-main {
        margin-bottom: 3.2rem
    }
}

@media all and (max-width: 991px) and (min-width: 568px) {
    .products-masonry.cols-2.horizontal .grid-items__2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem
    }
    .products-masonry.cols-2.horizontal .grid-items__2:first-child {
        margin-top: 5px
    }
    .products-masonry.cols-2.horizontal .masonry-grid {
        -ms-flex: 1.5;
        flex: 1.5;
        max-height: 530px;
        margin-top: -5px;
        overflow: auto
    }
}

@media all and (max-width: 767px) and (min-width: 568px) {
    .products-masonry.cols-2.horizontal .masonry-main .product-deal {
        bottom: 1.4rem
    }
    .products-masonry.cols-2.horizontal .masonry-main .dealtime-wrapper {
        min-width: 3.2rem
    }
    .products-masonry.cols-2.horizontal .masonry-main .countdown-number {
        font-size: 1.6rem
    }
    .products-masonry.cols-2.horizontal .masonry-grid {
        max-height: 50.6rem
    }
}

@media (max-width: 567px) {
    .products-masonry.vertical.cols-2 .item-2x,
    .products-masonry.vertical.cols-2 .item-1x,
    .products-masonry.vertical.cols-2 .item-2x,
    .products-masonry.vertical.cols-2 .item-1x {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .products-masonry.cols-2.horizontal {
        display: block
    }
    .products-masonry.horizontal .grid-items__2,
    .products-masonry.horizontal .grid-items__3,
    .products-masonry.horizontal .grid-items__4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .products-masonry div[class*="grid-items__"] {
        padding: 0 0.8rem
    }
    .masonry-grid .row {
        margin: 0 -0.8rem
    }
}

@media (max-width: 480px) {
    .masonry-main .product-card .dealtime-wrapper {
        margin-left: .5rem
    }
    .horizontal-advanced .grid-items__1 .has-deal:hover,
    .horizontal-progressive .grid-items__1 .has-deal:hover {
        margin-left: 4rem
    }
    .horizontal-advanced .grid-items__1 .has-deal:hover .product-deal,
    .horizontal-progressive .grid-items__1 .has-deal:hover .product-deal {
        left: -4rem;
        width: 4rem
    }
}

@media (max-width: 450px) {
    .products-masonry.horizontal .grid-items__1 {
        width: 14rem;
        min-width: 14rem
    }
    .products-masonry div[class*="grid-items__"] {
        padding: 0 0.5rem
    }
    .masonry-main .dealtime-wrapper {
        min-width: 4.5rem
    }
    .masonry-main .countdown-number {
        font-size: 2.1rem !important
    }
    .masonry-grid .row {
        margin: 0 -0.5rem
    }
}

@media screen and (min-width: 1600px) {
    .vs-products-masonry-carousel .container .items-carousel {
        margin-top: 5.7rem;
        margin-left: -4rem
    }
    .vs-products-masonry-carousel .nav-middle .DsiFlic-button.next {
        right: -5rem
    }
    .vs-products-masonry-carousel .nav-middle .DsiFlic-button.previous {
        left: -5rem
    }
}

.vs-products-masonry-carousel .side-image {
    display: none;
    padding-top: 9px
}

.vs-products-masonry-carousel .items-container {
    padding: .9rem 0 0
}

.vs-products-masonry-carousel [class*="grid-items__"] {
    padding: 0 1rem 2rem
}

.vs-products-masonry-carousel .text-content {
    position: relative;
    margin-top: -2em;
    padding: 0 3.2em
}

.vs-products-masonry-carousel .products-masonry-triggers-list {
    text-align: center
}

.vs-products-masonry-carousel .products-masonry-trigger {
    display: inline-block;
    padding: .5rem 2.1rem;
    color: #888888;
    font-family: var(--font-heading);
    font-size: 1.6rem;
    line-height: 2.2rem;
    cursor: pointer
}

.vs-products-masonry-carousel .products-masonry-trigger.active {
    position: relative;
    color: #222222;
    font-weight: 900
}

@media screen and (min-width: 768px) {
    .vs-products-masonry-carousel .products-masonry-trigger.active:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 1rem;
        height: 1rem;
        margin-top: .4rem;
        margin-left: -.5rem;
        border-radius: 100%;
        background-color: var(--c-theme)
    }
}

@media screen and (min-width: 992px) {
    .vs-products-masonry-carousel .side-image {
        display: block;
        max-width: 24rem
    }
    .vs-products-masonry-carousel .items-container {
        padding-left: 1rem
    }
}

@media screen and (min-width: 1200px) {
    .vs-products-masonry-carousel .side-image {
        max-width: 36rem
    }
}

@media screen and (min-width: 1400px) {
    .vs-products-masonry-carousel .side-image {
        max-width: 41rem
    }
    .vs-products-masonry-carousel [class*="grid-items__"] {
        padding: 0 1.5rem 3rem
    }
    .vs-products-masonry-carousel .items-container {
        padding-left: 1.5rem
    }
}

.slideshow-categories>.row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media all and (max-width: 767px) {
    .slideshow-categories>.row {
        display: block
    }
}

.slideshow-categories .slideshow-container {
    width: 100%;
    height: 100%
}

.slideshow-categories .pagination-dots {
    top: 100%;
    left: 0
}

.slideshow-categories .DsiFlic-button.previous,
.slideshow-categories .DsiFlic-button.next {
    position: absolute;
    top: -5.2rem;
    left: auto;
    transform: none
}

.slideshow-categories .DsiFlic-button.previous {
    right: 6.2rem
}

.slideshow-categories .DsiFlic-button.next {
    right: 3rem
}

.slideshow-categories .DsiFlic-page-dots {
    position: relative;
    margin-top: 2.1rem
}

.slideshow-categories .slide-item {
    padding: 16px
}

.slideshow-categories .slide-item .image-bg {
    box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, 0.08)
}

@media all and (min-width: 768px) {
    .slideshow-categories .DsiFlic-button.previous,
    .slideshow-categories .DsiFlic-button.next {
        top: -7.4rem
    }
    .slideshow-categories .DsiFlic-button.previous {
        right: 8.7rem
    }
    .slideshow-categories .DsiFlic-button.next {
        right: 4.6rem
    }
    .slideshow-categories .DsiFlic-page-dots {
        margin-top: 3.1rem
    }
}

.categories-container {
    width: 25.9rem;
    min-width: 25.9rem;
    padding-left: .5rem;
    padding-right: .4rem
}

.categories-container .categories-list {
    border-bottom: 1px solid #efefef
}

@media all and (min-width: 992px) {
    .categories-container {
        width: 29.9rem;
        min-width: 29.9rem;
        padding-right: 2.4rem
    }
}

@media all and (min-width: 1400px) {
    .categories-container {
        width: 32.9rem;
        min-width: 32.9rem
    }
}

@media all and (max-width: 768px) {
    .categories-container {
        display: none
    }
}

.categories-title,
.categories-link {
    padding-left: 1rem
}

.categories-title {
    padding-top: 2.1rem;
    padding-bottom: 2.6rem;
    font-size: 2.2rem
}

.categories-link {
    color: #444444;
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.9rem;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    border-top: 1px solid #efefef
}

@media all and (min-width: 992px) {
    .categories-link {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
}

@media all and (min-width: 1400px) {
    .categories-link {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
}

.categories-link .filter-count {
    margin-left: .5rem;
    color: #a1a1a1
}

@media (min-width: 568px) {
    .content-block .items-carousel,
    .vs-initialize-slider .container .items-carousel {
        margin-right: -1rem;
        margin-left: -1rem
    }
    .content-slideshow .slide-item,
    .content-slideshow .card-wrapper {
        padding: 0 1rem
    }
}

@media (min-width: 992px) {
    .content-block .items-carousel,
    .vs-initialize-slider .container .items-carousel {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
    .content-slideshow .slide-item,
    .content-slideshow .card-wrapper {
        padding: 0 1.5rem
    }
}

@font-face {
    font-family: 'Dispence';
    src: url("Dispence-odxz.ttf") format("truetype");
}

.collapse:not(.show) {
    display: none;
}

.card__column {
    width: 48%;
    min-width: 0;
    margin-top: 4rem;
    margin: 0 8px;
}

.card.card-body {
    border: 2px solid #e2e2e2;
    padding: 15px;
    border-radius: 5px;
}

.card__inner-column {
    position: relative;
    background-color: #000;
}

.card--text-white {
    color: #fff !important;
}

.card__content {
    margin-bottom: 30px;
}

.card__image {
    width: 100%;
    height: 249px;
    object-fit: cover;
    object-position: center;
    opacity: 0.7;
}

.manual-card-header {
    padding: 50px 0;
}

.card__text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.card__btn {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

@media(max-width: 768px) {
    .card__column {
        width: 100%;
    }
}

p {
    line-height: 1.5
}

/* .product-img-area .product-img:hover .image-bg {
    opacity: 0;
} */

.three-column-card-container p.card-column-paragraph {
    font-size: 1.8rem
}

.three-column-card-container h3.card-column-title {
    font-size: 1.9rem;
    letter-spacing: 2px
}

.three-column-card-container .column_3 {
    width: 33.33%;
    padding: 30px
}

.three-column-card-container .card-step,
.three-column-card-container .s-subtitle {
    text-transform: uppercase;
    font-size: 1.7rem;
    margin-bottom: 20px;
    display: block;
    letter-spacing: 1.5px
}

.three-column-card-container .s-intro-title {
    margin-bottom: 20px
}

@media (max-width:767px) {
    .three-column-card-container .column_3 {
        width: 100%;
        padding: 20px
    }
}
.site-header-cart {
    display: none !important;
}