@charset "UTF-8";
section h1,section h2,section h3,section h4,section p,section div,section span{
    color: inherit!important;
}

section .view_all{
    color: inherit!important;
 }

/*from style.css*/
fieldset, img, legend {
    border: none
}

blockquote, body, select {
    line-height: 22px
}

.button, img {
    max-width: 100%
}

a, a:hover {
    text-decoration: none
}

.icon, .link .icon {
    fill: #232323
}

.button, label {
    line-height: 20px
}

.slick-slider img, body {
    visibility: visible !important
}

.button, svg, i {
    vertical-align: middle
}

.button, .header-language_currency .text, table th {
    text-transform: uppercase
}

.product-card .product-card-information .card-title, .product-card .product-card-information .card-vendor {
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    letter-spacing: .02em;
    font-size: 16px;
}

.break, .card__badge .badge {
    word-break: break-word
}

.link-underline:hover .text, .product-card-menu .shop-now .text, .text-underline .text {
    text-decoration: underline;
    text-underline-offset: 0.2rem
}

.hidden, .hide, .no-js-inline, .no-js:not(html), html.no-js .no-js-hidden {
    display: none !important
}

html.no-js .no-js:not(html) {
    display: block !important
}

html.no-js .no-js-inline {
    display: inline-block !important
}

:focus, button:focus {
    outline: 0
}

.wrapper-overlay {
    position: fixed;
    background-color: rgba(35, 35, 35, .8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: none;
    z-index: 100
}

.button, .link, svg, i {
    display: inline-block
}

html {
    padding-bottom: 0 !important;
    position: relative;
    -webkit-font-smoothing: antialiased
}

/*body, html {
    font-size: 16px;
    color: #232323
}*/

body {
    /*background-color: #fff;*/
    margin: 0 auto;
    /*font-family: Arial, "sans-serif";*/
    /*letter-spacing: normal;*/
    opacity: 1 !important;
    /*line-height:26px;*/
}



img {
    height: auto
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    word-wrap: normal !important
}

.overflow-hidden {
    overflow: hidden
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}

.close svg {
    width: 17px;
    height: 17px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px #fff inset;
    -webkit-text-fill-color: #232323
}

input::-ms-clear, select::-ms-expand {
    display: none
}

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

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

input[type=checkbox], input[type=radio] {
    display: none;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox] + .form-label--checkbox, input[type=radio] + .form-label--radio {
    display: block;
    width: 100%;
    position: relative;
    padding: 0 0 0 23px;
    margin: 0;
    pointer-events: auto;
    cursor: pointer
}

input[type=checkbox] + .form-label--checkbox:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    border: 1px solid #dbdbdb;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-radius: 0
}

input[type=checkbox] + .form-label--checkbox:after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    opacity: 0;
    top: 6px;
    left: 3px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-appearance: none
}

input[type=checkbox]:checked + .form-label--checkbox:before {
    background-color: #000;
    border-color: #000
}

input[type=checkbox]:checked + .form-label--checkbox:after {
    opacity: 1
}

input[type=radio] + .form-label--radio:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transition: 50ms ease-out;
    transition: 50ms ease-out;
    background-color: transparent;
    border: 1px solid #e6e6e6;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

input[type=radio]:checked + .form-label--radio:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

input[type=radio] + .form-label--radio:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    -webkit-transition: 50ms ease-out;
    transition: 50ms ease-out;
    width: 0;
    height: 0;
    border: 4px solid #000;
    background-color: #000;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

input[type=number] {
    -moz-appearance: textfield !important
}

blockquote {
    border: none;
    background-color: #fafafa;
    color: #3c3c3c;
    font-style: normal;
    margin: 0;
    padding: 20px 35px
}

select, select + .icon-dropdown {
    background-color: rgba(255, 255, 255, 0)
}

input[type=image] {
    width: auto
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    margin: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.field__input, .form-input, select {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    padding: 11px 12px 10px;
    line-height: 22px
}

.custom-radio input[type=radio], input[type=checkbox] {
    vertical-align: top;
    margin-right: 10px;
    display: none
}

input[type=checkbox] + label {
    padding-left: 26px;
    cursor: pointer;
    margin-bottom: 9px;
    position: relative
}

input[type=checkbox] + label:before {
    position: absolute;
    content: "";
    top: 2.5px;
    left: 0;
    border: 1px solid #d0d0d0;
    width: 14px;
    height: 14px;
    background-color: #fff
}

input[type=checkbox] + label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 3px;
    border: 2px solid #232323;
    border-top: none;
    border-right: none;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .1s;
    transition: .1s
}

input[type=checkbox]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg)
}

input[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg)
}

select {
    border-radius: 0;
    border: 1px solid #cbcbcb;
    display: block;
    width: 100%;
    padding: 7px 32px 5px 12px;
    outline: 0;
    position: relative;
    z-index: 2;
    appearance: none;
    min-height: 36px
}

.form-success, table {
    border: 1px solid #ebebeb
}

select * {
    outline: 0;
    background: #fff;
    color: #3c3c3c;
    border: none
}

select + .icon-dropdown {
    width: 30px;
    position: absolute;
    bottom: 0;
    right: 2px;
    height: 36px;
    top: inherit;
    z-index: 1;
    display: -moz-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

select + .icon-dropdown .fa {
    font-size: 16px
}

label em {
    color: #f1152f;
    font-weight: 500;
    font-style: italic
}

label.hiddenLabel {
    display: none;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.field__input, .form-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    appearance: none
}

ol, ul {
    padding: 0;
    list-style: none;
    margin-bottom: 20px
}

ol li, ul li {
    margin-bottom: .25em
}

a:hover {
    color: #232323;
    outline: 0
}

.errors ul {
    padding-left: 0
}

.form-success {
    margin-bottom: 20px;
    padding: 5px 20px 5px 30px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.25em;
    margin: 0;
    padding: 0
}

h4, h5, h6 {
    margin-bottom: 1.5em
}

h2 {
    /*font-size: 2em;*/
    /*margin-bottom: 1em*/
    /*font-size: 2.5em;*/

    margin-bottom: .25em
}

h3 {
    /*font-size: 20px;*/
    margin-bottom: 1.25em
}

h4 {
    font-size: 17px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 1em
}

p:last-child, p:last-of-type {
    margin-bottom: 0
}

small {
    font-size: 0.875rem;
}

table {
    min-width: 100%
}

table td, table th {
    border-bottom: 1px solid #ebebeb;
    padding: 9px 15px
}

table th {
    font-size: 11px;
    font-weight: 700
}

.button.disabled, .button:disabled, .button[aria-disabled=true], .button[disabled], button.disabled, button:disabled, button[aria-disabled=true], button[disabled] {
    opacity: .6;
    cursor: default !important
}

.pagination__list .pagination-arrow.disabled, .slick-arrow.slick-disabled {
    opacity: .4
}

.button {
    font-weight: 700;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    border: 1px solid transparent;
    min-width: 160px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 12px 15px 11px;
    font-size: 14px;
    letter-spacing: .05em;
    cursor: pointer;
    text-align: center
}

.desc, .link {
    font-weight: 400
}

a, hr {
    border: none
}

.breadcrumb a, .desc, .link, label {
    font-size: 14px
}

.breadcrumb a, .desc, .field__input, .form-input, label {
    letter-spacing: .02em
}

.button.button-1, .button.button-2:hover, .button.button-3:hover {
    background-color: #232323;
    border-color: #232323;
    color: #fff
}

.button.button-1:hover {
    background-color: #fff;
    border-color: #232323;
    color: #232323
}

.button.button-2 {
    background-color: #fff;
    border-color: #727272;
    color: #232323
}

.button.button-3 {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    width: 270px;
    height: 50px
}

.desc, a {
    color: #232323
}

.left, .text-left {
    text-align: left
}

.center, .text-center {
    text-align: center
}

.right, .text-right {
    text-align: right
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.content-box--absolute {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
    margin: 0 auto;
    /*width: 100%*/
}

.content-box--full {
    max-width: 100% !important
}

.display-empty:empty, br:empty, circle:empty, hr:empty, iframe:empty, img:empty, input:empty, line:empty, model-viewer:empty, path:empty, polyline:empty, rect:empty, shopify-installments-modal:empty, shopify-payment-terms:empty, textarea:empty, use:empty {
    display: block
}

a {
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none
}

.link {
    vertical-align: top;
    line-height: 22px
}

.link-underline .text, .menu-lv-item .text {
    -webkit-transition: -webkit-text-decoration .1s;
    transition: text-decoration .1s;
    transition: text-decoration .1s, -webkit-text-decoration .1s
}

.image-adapt,.video-adapt {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;

}
.video-adapt{
    padding-top: var(--bs-aspect-ratio);
    /*position: relative*/
}

.image-adapt img,.image-adapt .not_img ,.video-adapt video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

hr {
    height: .1rem;
    display: block;
    margin: 5rem 0;
    background-color: #ebebeb
}

details > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.megamenu-custom-product-width-banner .product-card .card-action, .visibility-hidden {
    visibility: hidden
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-track {
    background-color: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #e0e0e0
}

body:hover::-webkit-scrollbar-thumb {
    background-color: #aeaeae
}

.disable-scrollbar::-webkit-scrollbar {
    display: none
}

.disable-scrollbar::-webkit-scrollbar-track {
    display: none
}

.disable-scrollbar::-webkit-scrollbar-thumb {
    display: none
}

.disable-scrollbar::-webkit-scrollbar-thumb:hover {
    display: none
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #f4f4f4
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #aeaeae
}

.custom-scrollbar-x::-webkit-scrollbar {
    height: 3px
}

.custom-scrollbar-x::-webkit-scrollbar-track {
    background-color: #f4f4f4
}

.custom-scrollbar-x::-webkit-scrollbar-thumb {
    background-color: #aeaeae
}

:focus-visible {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

:focus, :focus:not(:focus-visible) {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.focus-inset:focus-visible {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.focus-inset:focus, .focus-inset:focus:not(:focus-visible) {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.focus-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important
}

svg {
     fill: currentColor;
     stroke: currentColor;
     width: 1rem;
     height: 1rem;
     -webkit-transition: .3s;
     transition: .3s
 }

i {
   /* width: 1rem;
    height: 1rem;*/
    -webkit-transition: .3s;
    transition: .3s
}

.icon {
    stroke: transparent
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container, .img-box .image {
    display: block;
    position: relative;
    width: 100%;
}

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

.flex-all-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

.breadcrumb.position-center, .justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.align-center, .wrapper-mega-banner .halo-col-banner .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row {
    margin-left: -5px;
    margin-right: -5px;
    padding: 0
}

.row > * {
 /*   padding: 0;
    margin: 0*/
}

.row.column-5 .halo-row-item {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px
}

.product-carousel .product-item, .row .halo-item {
    padding: 0 5px
}

.row .halo-row-item {
    position: relative;
    padding: 0 5px
}

.col5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.desc {
    line-height: 2;
    margin: 0
}

.container {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.container.container-full {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden
}

.container-1920 {
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0
}

.img-box .image {
    overflow: hidden
}

.has-stickyHeader .header-default .header-top, .has-stickyHeader .header-default .menu-lv-1 .label, .header-default .header-bottom .Header-icon-fixed, .header-language_currency .dropdown-toggle::after, .img-box--mobile .image {
    display: none
}

.fullwidth-banner .img-box, .halo-block-video, .halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item, .header-language_currency .disclosure, .page-header, .product-card .product-card-top {
    position: relative
}

.has-stickyHeader .header-default .header-bottom .Header-icon-fixed, .has-stickyHeader .header-default .header-bottom .header-log-fixed, .img-box--mobile .image + .image {
    display: block
}

[data-banner-carousel] .row:not(.slick-slider) {
    overflow: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.page {
    padding-bottom: 50px
}

.page-header .page-title,.page-layout .page-title {
    margin-bottom: 22px;
    font-size: 24px;
    letter-spacing: .05em;
    color: #232323
}

.page-header .content-box--absolute .breadcrumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding: 18px 0 0;
    margin: 0;
    letter-spacing: .02em
}

.page-header .content-box--absolute .breadcrumb .separate svg {
    color: #fff;
    fill: #ffffff
}

.menu-lv-1:hover > a:hover, .page-header .content-box--absolute .breadcrumb a {
    color: #fff
}

.page-header .content-box--absolute .page-title {
    color: #fff;
    padding: 12px 0
}

.breadcrumb {
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 18px 0 11px
}

.breadcrumb a:hover, label {
    color: #232323
}

.breadcrumb a {
    line-height: 24px;
    color: #999
}

.breadcrumb .separate {
    display: block;
    position: relative;
    padding: 0 7px
}

.breadcrumb .separate svg {
    width: 9px;
    height: 10px;
    position: relative;
    top: -1px;
    color: #999;
    fill: #999999
}

.contact-form .form-field + .form-field {
    margin-top: 17px
}

.field__label, .form-label {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 9px
}

label {
    font-weight: 500;
    text-transform: capitalize;
    text-align: left
}

.contact-form .form-input {
    padding-top: 10px;
    padding-bottom: 10px
}

.field__input, .form-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    width: 100%;
    height: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    border: 1px solid #c7c7c7;
    color: #232323;
    background-color: #fff;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    outline: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.red-asterisk {
    color: #f1152f;
    margin-left: 3px
}

.slick-arrow {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    color: #323232;
    position: absolute;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    outline: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 50%;
    padding: 9px !important
}

.slick-arrow:hover {
    background-color: #323232;
    color: #fff;
    border-color: #232323
}

.slick-arrow:hover svg {
    fill: #ffffff;
    color: #fff
}

.slick-arrow svg {
    width: 100%;
    height: 100%;
    color: #323232;
    fill: #323232;
    stroke: transparent
}

.slick-arrow.slick-next {
    right: -10px
}

.slick-arrow.slick-next svg {
    position: relative;
    top: -6px;
    left: 1px
}

.slick-arrow.slick-prev {
    left: -10px
}

.slick-arrow.slick-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -6px;
    right: 1px
}

.slick-dots {
    display: block;
    padding: 0;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: -.33em;
    line-height: 0
}

.slick-dots li {
    display: inline-block;
    font-size: 0px;
    margin: 0 7px;
    width: 12px;
    height: 12px;
    letter-spacing: normal
}

.slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 0);
    border-color: #505656
}

.slick-dots button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #707979;
    background: #707979;
    padding: 0;
    outline: 0;
    cursor: pointer
}

.halo-block-header {
    margin-bottom: 20px
}

.halo-block-header .title {
    color: #232323;
    position: relative;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 7px;
    letter-spacing: .05em;
    line-height: 1rem;
}

.halo-block-header .title .text {
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
    max-width: 100%;
    background: #fff
}

.halo-block-header .view_all {
    display: inline-block;
    border-bottom: 1px solid !important;
    line-height: 16px;
    color: #232323;
    font-weight: 500;
    margin-bottom: 20px !important;
    letter-spacing: .02em
}

.halo-block-header .title:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #23232390
}

.background-overlay, .background-overlay-popup {
    position: fixed;
    background-color: rgba(35, 35, 35, .8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: block;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

/*.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__list .pagination-arrow:first-child {
    margin-right: 10px
}

.pagination__list li {
    min-width: 4rem
}

.pagination__list .pagination-arrow {
    position: relative;
    width: 35px;
    min-width: 35px
}

.pagination__list .pagination__item-arrow {
    color: #232323;
    background: #fff;
    border: 1px solid #232323;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 0;
    letter-spacing: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 10px;
    width: 35px;
    height: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    outline: 0;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%
}

.pagination__list .pagination__item-arrow .icon {
    fill: #3c3c3c;
    width: 100%;
    height: 100%;
    color: #323232;
    stroke: transparent
}

.pagination__list .pagination__item-arrow:hover {
    color: #fff;
    background: #232323
}

.pagination__list .pagination__item-arrow:hover .icon {
    fill: #ffffff
}

.pagination__list .pagination__item--prev .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pagination__list .pagination__item--next .icon {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.pagination__list .pagination-num .pagination__item {
    color: #707070;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .05s;
    transition: .05s
}

.pagination__list .pagination-num .pagination__item.active, .pagination__list .pagination-num .pagination__item:hover {
    background-color: #f8f8f8;
    color: #3c3c3c;
    font-weight: 600
}*/

.footer-block__list-social, .halo-product-block {
    margin-top: 35px
}

.halo-product-block .halo-block-header {
    margin-bottom: 15px !important
}

.halo-product-block .product-infinite-scroll {
    margin: 25px 0 70px
}

.halo-product-block .product-infinite-scroll .button {
    max-width: 300px;
    width: 100%
}

.halo-block-video .video-banner {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 9
}

.halo-block-video .video-banner .halo-modal-close {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    top: 60px;
    bottom: auto;
    right: 15px;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.halo-block-video .video-banner .halo-modal-close svg {
    width: 28px;
    height: 28px;
    fill: #ffffff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    background: #232323
}

.halo-block-video .video-banner .modal-content-video, .halo-block-video .video-banner .modal-video-content, .halo-block-video .video-banner .video {
    height: 100%
}

.halo-block-video .video-banner.open_video {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0 !important
}

.halo-block-video .video-banner.open_video .halo-modal-close {
    top: 15px;
    z-index: 9;
    opacity: 1;
    visibility: visible
}

.halo-block-video .video-banner.fixed_video {
    position: fixed;
    top: inherit !important;
    right: 0 !important;
    bottom: 0;
    max-width: 350px;
    max-height: 250px
}

.halo-block-video .video-banner.fixed_video .halo-modal-close {
    top: 5px;
    right: 5px
}

.halo-block-video .video-banner.fixed_video .halo-modal-close svg {
    width: 24px;
    height: 24px
}

.video_icon {
    position: absolute;
    right: 64px;
    bottom: 48px;
    z-index: 9;
    cursor: pointer;
}

.video_icon svg {
    width: 40px;
    height: 40px;
    fill: #232323
}

.video_icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    opacity: .3;
    background-color: #fff;
    -webkit-animation: 1.4s ease-in-out infinite zoom-animation;
    animation: 1.4s ease-in-out infinite zoom-animation
}

@media (max-width: 1200px) {
    .slick-arrow.slick-next {
        right: 10px
    }

    .slick-arrow.slick-prev {
        left: 10px
    }
}

@media (max-width: 992px) {
    .halo-row--swipe {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 15px;
        margin-left: -15px;
        margin-right: -15px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .halo-row--swipe .halo-row-item {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-right: 15px;
        white-space: normal;
        width: 350px
    }

    .halo-row--swipe .halo-row-item:last-child {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .halo-row--swipe .halo-row-item {
        width: 330px
    }
}

@media (min-width: 768px) {
    .img-box--mobile .image {
        display: block
    }

    .img-box--mobile .image + .image {
        display: none
    }

    .content-box--absolute {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding-left: 0;
        padding-right: 0;
        /*max-width: 520px*/
        /*max-width: 768px*/
    }

    .content-box--left {
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .content-box--center {
        left: 50%
    }

    .content-box--bottom {
        top: inherit;
        bottom: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .content-box--right {
        left: inherit;
        right: 15px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .product-carousel .product-item, .row .halo-item, .row .halo-row-item, [data-banner-text-carousel] .product-item {
        padding: 0 10px
    }

    .row.column-5 .halo-row-item {
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 10px
    }

    .product-carousel .row:not(.slick-slider), [data-banner-text-carousel] .row:not(.slick-slider) {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden
    }

    .product-carousel .row:not(.slick-slider) .slick-list, [data-banner-text-carousel] .row:not(.slick-slider) .slick-list {
        padding: 0
    }

    .halo-block-header {
        margin-bottom: 45px
    }
}

.header-default .header-bottom .Header-icon-fixed .cart-count-bubble, .header__iconItem .header__icon--cart .cart-count-bubble {
    background-color: #232323;
    color: #fff;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    border-radius: 50%;
    min-width: 23px;
    min-height: 23px
}

@media (min-width: 1200px) {
    .container.container-1170 {
        max-width: 1200px !important
    }

    .slick-arrow.slick-prev {
        left: 5px
    }

    .slick-arrow.slick-next {
        right: 5px
    }
}

@media (min-width: 1400px) {
    .container.container-1370 {
        max-width: 1400px !important
    }
}

@media (min-width: 1500px) {
    .container.container-1470 {
        max-width: 1500px !important
    }
}

@media (min-width: 1600px) {
    .container.container-1570 {
        max-width: 1600px !important
    }

    .slick-arrow.slick-prev {
        left: -2px
    }

    .slick-arrow.slick-next {
        right: -2px
    }
}

@media (min-width: 1680px) {
    .container.container-1660 {
        max-width: 1680px !important;
    }
}

@media (min-width: 1680px) {
    .container.container-1660 {
        max-width: 1680px !important;
    }
}

@media (min-width: 1200px) {
    .container.container-px-450 {
        max-width: 1200px !important;
    }
}

@media (min-width: 1920px) {
    .container.container-px-450 {
        max-width: 100%!important;
        padding-left: 338px;
        padding-right: 338px
    }
}

@media (min-width: 2200px) {
    .container.container-px-450 {
        max-width: 100%!important;
        padding-left: 450px;
        padding-right: 450px
    }
}


@media (min-width: 1800px) {
    .container.container-1770 {
        max-width: 1800px !important
    }
}

@media (min-width: 1920px) {
    .container.container-1860 {
        padding-left: calc((100% - 1860px) / 2);
        padding-right: calc((100% - 1860px) / 2)
    }
}

.announcement-bar {
    background-color: #ffe8e8;
    color: #b05d5d
}

.announcement-bar .message {
    font-size: 1rem;
    padding: 7px 15px;
    position: relative;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 22px;
    margin: 0
}

.announcement-bar .announcement-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    line-height: 1;
    font-size: 0.625rem;
    letter-spacing: 0
}

.announcement-bar .announcement-close svg,.announcement-bar .announcement-close i {
    width: 100%;
    height: 100%;
    stroke: transparent
}

.announcement-bar a {
    color: #b05d5d
}

.has-stickyHeader [data-header-sticky] {
    position: -webkit-sticky;
    position: sticky!important;
    top: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .12);
    box-shadow: 0 0 3px rgba(0, 0, 0, .12);
    z-index: 20;
    will-change: transform
}

.header .animate {
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out
}

.has-stickyHeader [data-header-sticky].sticky-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.has-stickyHeader .header-default .header-bottom .header-bottom--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.has-stickyHeader .header-default .header-bottom .header-nav {
    width: calc(100% - 224px);
    padding-left: 50px
}

.header-default .header-bottom .container {
    position: initial
}

.header-default .header-bottom .header-log-fixed {
    display: none;
    padding-left: 15px
}

.header-default .header-bottom .header-log-fixed img {
    max-width: 50px
}

.header-default .header-bottom .Header-icon-fixed .header__icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 15px
}

.header-default .header-bottom .Header-icon-fixed .header__icon {
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, .15);
    padding-top: 9px;
    padding-bottom: 9px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-default .header-bottom .Header-icon-fixed .header__icon svg {
    width: 22px;
    height: 22px;
    fill: #ffffff
}

.header-default .header-bottom .Header-icon-fixed .cart-count-bubble {
    position: absolute;
    right: 2px;
    top: 7px;
    margin: 0;
    letter-spacing: .02em;
    display: inline-block !important;
    vertical-align: middle
}

.header-top {
    display: none;
    background: #fff;
    padding: 15px 0 16px
}

.header-top .header-top--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-top-right-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.header__iconItem, .header__iconItem .customer-links, .header__iconItem .header__icon {
    display: inline-block;
    vertical-align: middle
}

.header-top-right-group .customer-service-text {
    color: #323232;
    margin-right: 13px;
    letter-spacing: .02em
}

.header-top--right .free-shipping-text {
    color: #232323;
    font-weight: 600;
    letter-spacing: .05em;
    margin-bottom: 14px
}

.header__iconItem .header__icon {
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1;
    width: auto;
    position: relative;
    color:#373f50;
}

.header__iconItem .header__icon span {
    font-size: 14px;
    letter-spacing: .02em;
    display: inline-block !important;
    vertical-align: middle;
    /*color: #ffffff*/
}

.header__iconItem .header__icon svg {
    fill: #232323;
    color: #232323
}
/*todo will be delete */
.header__iconItem .header__icon--cart svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    position: relative;
    top: -2px
}
.header__iconItem .header__icon--cart i{
    margin-right: 8px;
    position: relative;
    font-size: 1.5625rem;
}

.header__iconItem .header__icon--cart .cart-count-bubble {
    position: relative;
    margin-left: 8px;
    letter-spacing: .02em;
    display: inline-block !important;
    vertical-align: middle
}

.header__iconItem .header__icon--cart .cart-count-bubble .text-count {
    position: relative;
    top: 0px;
    left: 0
}

.header__iconItem .header__icon--wishlist {
    margin-left: 25px
}

.header__iconItem .header__icon--wishlist svg {
    width: 19px;
    height: 18px;
    margin-right: 8px
}

.header__iconItem .customer-links {
    margin-left: 25px;
    padding-top: 0;
    padding-bottom: 0
}

.header__icon:hover svg,.header__icon:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header-language_currency .halo-currency {
    margin-left: 5px
}

.header-language_currency .halo-currency .text + svg {
    position: relative;
    top: 0
}

.header-language_currency .halo-currency .btn-group .icon {
    position: relative;
    top: 2px
}

.header-language_currency .halo-currency .currency-menu {
    padding: 9px 0;
    min-width: 100px;
    outline: 0;
    background: #fff;
    max-height: 300px;
    overflow: auto
}

.header-language_currency .halo-currency .currency-menu .icon {
    width: 22px;
    height: 22px;
    margin-right: 4px
}

.header-language_currency .halo-currency .currency-menu .icon svg {
    width: 100%;
    height: 100%;
    stroke: initial;
    vertical-align: top
}

.header-language_currency .halo-currency .currency-item {
    font-weight: 500;
    color: #232323;
    line-height: 22px;
    letter-spacing: .02em;
    padding: 7px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-language_currency .halo-currency .currency-item .text {
    position: relative;
    color: #232323
}

.header-language_currency .halo-currency .currency-item.active, .header-language_currency .halo-currency .currency-item:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.header-language_currency .halo-currency .dropdown-toggle {
    cursor: pointer
}

.header-language_currency .halo-language .div {
    min-width: 100px
}

.header-language_currency .halo-language .div .disclosure__list {
    padding: 8px 0;
    margin: 0
}

.header-language_currency .halo-language .div .disclosure__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 15px;
    text-decoration: none;
    line-height: 1.8
}

.header-language_currency .halo-language .div .disclosure__link .icon {
    width: 22px;
    height: 22px;
    margin-right: 6px
}

.header-language_currency .halo-language .div .disclosure__link .icon svg {
    width: 22px;
    height: 22px
}

.header-language_currency .halo-language .div .disclosure__link.disclosure__link--active, .header-language_currency .halo-language .div .disclosure__link:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.header-language_currency .halo-currency, .header-language_currency .halo-language {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.header-language_currency .dropdown-currency, .header-language_currency .dropdown-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #fff;
    position: absolute;
    right: 0;
    top: 10px;
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}

.header-language_currency .dropdown-currency.show, .header-language_currency .dropdown-language.show {
    top: calc(100% + 10px);
    opacity: 1;
    z-index: 9;
    overflow: visible
}

.header-language_currency .disclosure__list {
    z-index: 2;
    background: #fff
}

.header-language_currency .disclosure__button {
    border: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent
}

.header-language_currency .icon {
    width: 16px;
    height: 16px
}

.header-language_currency .icon svg {
    width: 16px;
    height: 16px;
    /*stroke: initial;*/
    vertical-align: top
}

.header-language_currency .text {
    color: #232323;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 5px;
}

.header-language_currency .text + svg {
    width: 10px;
    height: 9px
}

.dropdown-language, .dropdown-currency, .dropdown-language_currency {

    pointer-events: none;
}

.dropdown-language.show, .dropdown-currency.show, .dropdown-language_currency.show {

    pointer-events: auto;
}


.header-search {
    max-width: 160px;
    margin-left: 20px;
    position: relative
}

.header-search .search-bar {
    background-color: #fafafa;
    border-bottom: 1px solid #e7e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-search .search-bar .input-group-field {
    color: #323232;
    padding: 5px 11px;
    width: calc(100% - 30px);
    border: none;
    background-color: #fff0;
    margin: 0;
    line-height: 20px
}

.header-search .search-bar .icon-search {
    background: rgba(255, 255, 255, 0);
    min-width: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 8px 10px
}

.quickSearchResultsWrap {
    position: absolute;
    top: calc(100% - 30px);
    right: 0;
    left: auto;
    width: 570px;
    z-index: -1;
    opacity: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding: 18px 30px 0;
    max-height: calc(80vh - 150px);
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transition: .7s;
    transition: .7s
}

.quickSearchResultsWrap.show {
    top: calc(100% + 5px);
    z-index: 5;
    opacity: 1;
    visibility: visible
}

.header .menu-dropdown, .list-menu--disclosure {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    webkit-transition: all 350ms ease
}

.quickSearchResultsWrap .search-block-title {
    line-height: 22px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #232323;
    position: relative;
    margin: 0 0 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quickSearchResultsWrap .search-block-title .text {
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 28px 0 0;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.quickSearchResultsWrap .search-block-title .halo-search-close svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px
}

.quickSearchResultsWrap .list-item {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    margin: 0 -5px;
    text-align: left
}

.quickSearchResultsWrap .list-item .item {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    margin: 0 0 10px
}

.quickSearchResultsWrap .list-item .item .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 10px 6px 7px;
    text-transform: lowercase;
    background-color: #f7f7f7;
    color: #868686;
    text-decoration: unset
}

.quickSearchResultsWrap .list-item .item .link .text {
    display: block;
    margin: 0 0 0 4px
}

.quickSearchResultsWrap .list-item .item .link svg {
    width: 20px;
    height: 20px;
    padding: 2px;
    fill: #232323;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.quickSearchResultsWrap .list-item .item .link:hover {
    color: #232323;
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.quickSearchResultsWrap .quickSearchProduct {
    margin-top: 13px
}

.quickSearchResultsWrap .quickSearchProduct .halo-product-block {
    margin-top: 20px
}

.header-bottom {
    display: none;
    background: #232323
}

.main-menu, .main-menu > .container, .menu-lv-item.has-megamenu {
    position: static
}

.header__inline-menu {
    display: block;
    grid-area: navigation
}

.list-menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    letter-spacing: 0
}

.menu-lv-item {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.menu-lv-item .site-nav-list-dropdown > a, .menu-lv-item > a {
    display: block;
    position: relative
}

.menu-lv-1__action {
    color: #fff;
    padding: 11px 20px 12px
}

.menu--mobile-lv-1__action, .menu-lv-1__action {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: .05em;
    text-transform: uppercase
}

.list-menu--disclosure li a, .site-nav-link, .site-nav-title {
    font-size: 14px;
    letter-spacing: .02em
}

.menu-lv-item .icon {
    display: block;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #232323;
    stroke: transparent
}

.menu-lv-1__action .text {
    text-decoration-thickness: 1px !important
}

.menu-lv-item:hover > a > .text {
    text-decoration: underline;
    text-underline-offset: 0.3rem
}

.menu-lv-1 .label {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 7px;
    top: -9px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    height: 17px;
    padding: 0 6px;
    text-transform: capitalize;
    text-align: center;
    border-radius: 1px
}

.menu-lv-1 .label::before {
    content: "";
    position: absolute;
    opacity: auto;
    left: 50%;
    bottom: -9px;
    -webkit-transform: translate(-50%) rotate(180deg);
    transform: translate(-50%) rotate(180deg);
    border: 5px solid transparent
}

.menu-lv-1 .label.hot-label {
    color: #fff;
    background-color: #ffbb49
}

.menu-lv-1 .label.hot-label::before {
    border-bottom-color: #ffbb49
}

.menu-lv-1 .label.sale-label {
    color: #fff;
    background-color: #ef6454
}

.menu-lv-1 .label.sale-label::before {
    border-bottom-color: #ef6454
}

.menu-lv-1 .label.new-label {
    color: #fff;
    background-color: #06bfe2
}

.menu-lv-1 .label.new-label::before {
    border-bottom-color: #06bfe2
}

.list-menu--disclosure {
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    padding: 7px 0 5px;
    position: absolute;
    top: calc(100% + 20px);
    visibility: visible;
    -webkit-transition: 350ms, _ 350ms;
    transition: 350ms, _ 350ms, _ 350ms
}

.list-menu--disclosure li {
    padding: 0 20px;
    width: 100%
}

.list-menu--disclosure li a {
    padding: 10px 0;
    color: #232323
}

.list-menu--disclosure li + li > a {
    border-top: 1px solid #ebebeb
}

.list-menu--disclosure-2 {
    right: calc(-100% + 30px);
    top: 0 !important
}

.megamenu-custom-product-width-banner {
    position: relative;
    padding: 40px 0;
    bottom: -17px
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom::before, .megamenu-custom-product-width-banner::before {
    content: " ";
    width: calc(100% + 200%);
    height: 100%;
    position: absolute;
    left: -100%;
    bottom: 0;
    z-index: -1;
    background: #fff
}

.header .header-bottom .megamenu_style_4, .megamenu-custom-product-width-banner .product-card .card-vendor-title, .megamenu-custom-product-width-banner .product-card .product-card-bottom {
    padding: 0 !important
}

.megamenu-custom-product-width-banner .banner {
    padding-left: 23px
}

.wrapper-mega-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    bottom: -17px;
    margin-top: -5px
}

.wrapper-mega-banner::before {
    content: " ";
    width: calc(100% + 200%);
    height: 100%;
    position: absolute;
    left: -100%;
    bottom: 0;
    z-index: -1;
    background: #f2f2f2
}

.wrapper-mega-banner .col-brands .title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    color: #00163a;
    margin-bottom: 15px
}

.wrapper-mega-banner .col-brands .azbrandstable {
    list-style: none;
    margin: 0 !important;
    max-width: 320px;
    text-align: left
}

.wrapper-mega-banner .col-brands .azbrandstable li {
    display: inline-block;
    width: 28px;
    text-align: left;
    margin-bottom: 0
}

.wrapper-mega-banner .col-brands .azbrandstable li a {
    font-size: 14px;
    color: #00163a;
    font-weight: 400
}

.wrapper-mega-banner .col-brands .azbrandstable li a:hover span {
    border-bottom: 1px solid
}

.wrapper-mega-banner .col-brands .link-brands {
    font-size: 14px;
    color: #00163a;
    font-weight: 400;
    margin-top: 13px;
    display: block
}

.wrapper-mega-banner .halo-col-banner .content-box .sub-title {
    font-weight: 900;
    color: #00163a;
    margin-bottom: 11px
}

.wrapper-mega-banner .halo-col-banner .content-box .title {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 19px;
    text-transform: uppercase;
    font-style: italic
}

.card__badge .badge, .product-card .product-card-information .card-title [data-change-title], .site-nav-link {
    text-transform: capitalize
}

.wrapper-mega-banner .halo-col-banner .content-box .link {
    font-size: 14px;
    color: #00163a
}

.header .menu-dropdown {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 70vh;
    text-align: left;
    margin-top: 20px;
    visibility: hidden;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 24px 0 34px;
    -webkit-transition: 350ms, _ 350ms;
    transition: 350ms, _ 350ms, _ 350ms
}

.header .menu-dropdown .list-nav-title .site-nav-title {
    margin: 0 0 12px
}

.header .menu-dropdown .list-nav-title .site-nav-title.sale {
    color: #e10600
}

.site-nav-title {
    font-weight: 600;
    font-style: normal;
    line-height: 22px;
    margin: 0 0 5px;
    color: #232323;
    display: block
}

.site-nav-link {
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 4px 0;
    color: #3c3c3c
}

.megamenu_style_2 .site-nav-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 7px
}

.megamenu_style_2 .site-nav-banner .site-nav-banner--item {
    width: 210px;
    padding: 0
}

.megamenu_style_2 .site-nav-banner .col-left .banner + .banner {
    margin-top: 6px
}

.megamenu_style_2 .site-nav-banner .col-right {
    margin-left: 6px
}

.megamenu_style_2 .site-nav {
    margin-bottom: 23px
}

.megamenu_style_2.custom-product .site-nav-banner {
    padding-top: 0
}

.megamenu_style_2.custom-product .col-right {
    padding-top: 7px
}

.megamenu_style_3 .site-nav-list .image {
    display: block;
    margin-top: 13px;
    margin-bottom: 10px
}

.header .header-bottom .megamenu_style_4 .row {
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link.mobileSearch-toggle svg, .halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item [data-open-auth-sidebar] svg, .header .header-bottom .megamenu_style_4 .halo-row-item {
    padding: 0
}

.header .header-bottom .megamenu_style_4 .halo-row-item .site-banner .img-box {
    border-radius: 0
}

.header .header-bottom .megamenu_style_4 .site-nav-list {
    text-align: center;
    padding: 0 15px
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom {
    position: relative;
    bottom: -17px;
    margin-top: 11px;
    padding: 28px 0 52px
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom .halo-row-item .product-card .product-card-top {
    width: 200px;
    height: auto
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom .halo-row-item .product-card .card-vendor-title {
    line-height: 15px;
    padding: 7px 0 10px
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom .halo-row-item .product-card .card-vendor-title a {
    line-height: 15px
}

.header .header-bottom .megamenu_style_5 .megamenu-product-custom .halo-row-item .product-card .product-card-bottom {
    width: calc(100% - 200px);
    padding-left: 22px
}

.header-default .header-language_currency .halo-currency .btn-group .text {
    margin-left: 1px
}

.header-default .header-language_currency .halo-language .text-language {
    margin-right: 9px
}

.header-mobile {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    display: block
}

.header-mobile .h2{
    font-size: 1.125rem;
}

.header-mobile .header-mobile--item, .header-mobile .header-mobile--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-mobile .header-mobile--item.header-mobile--left, .header-mobile .header-mobile--wrapper.header-mobile--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-mobile .header-mobile--item.header-mobile--right, .header-mobile .header-mobile--wrapper.header-mobile--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-mobile .header-mobile--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    min-height: 50px
}

.header-mobile .header-mobile--icon.item__mobile--hamburger {
    margin-right: 3px
}

.header-mobile .header-mobile--icon .mobileMenu-toggle {
    width: 28px;
    height: 28px;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: -1px;
    z-index: 1;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    color: #232323
}

.header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color 10ms ease-in .1s;
    transition: background-color 10ms ease-in .1s;
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #232323;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
    transition: transform .1s ease-in, top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in
}

.header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::after, .header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::before {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #232323;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in;
    transition: transform .1s ease-in, top .1s ease-in .15s, bottom .1s ease-in .15s, -webkit-transform .1s ease-in
}

.header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::before {
    top: -8px
}

.header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::after {
    bottom: -8px
}

.header-mobile .header-mobile--icon + .header-mobile--icon {
    margin-left: 30px;
    padding-right: 10px
}

.header-mobile .header-mobile--icon svg {
    width: 24px;
    height: 24px;
    fill: #232323
}

.header-mobile .header-mobile--icon.item-mobile-logo .header__heading-link {
    /*max-width: 65px*/
    max-width: 100px
}

.header-mobile .header-mobile--icon .header__icon--cart svg {
    margin: 0
}

.header-mobile .header-mobile--icon .header__icon--cart .cart-count-bubble {
    position: absolute;
    right: -12px;
    top: -8px;
    margin: 0
}

.header-mobile .header-mobile--icon .header__link--account svg {
    width: 30px;
    height: 30px
}

.product-card .product-card-top .product-card-media img + img {
    opacity: 0
}

.product-card .product-card-top .product-card-media:hover img + img {
    opacity: 1;
    transition: opacity .5s, transform 2s cubic-bezier(0, 0, .44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, .44, 1.18)
}

.product-card .product-card-bottom {
    padding: 13px 0 10px
}

.product-card .product-card-information .card-vendor {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    font-weight: 400;
    color: #969696;
    line-height: 22px;
    width: 100%;
    margin-bottom: 0
}

.product-card .product-card-information .card-vendor a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

.product-card .product-card-information .card-title {
    font-weight: 400;
    line-height: 22px;
    color: #232323;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-bottom: 3px
}

.product-card .card-swatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 13px 0 0
}

.card-price, .product-card .card-product__group {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.product-card .card-swatch .swatch {
    display: block;
    width: 100%;
    position: relative
}

.product-card .card-swatch .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5px;
    position: relative
}

.product-card .card-swatch .item:first-child {
    margin-left: 0
}

.product-card .card-swatch .swatch-label {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    background: 0 0;
    cursor: pointer;
    padding: 2px
}

.product-card .card-swatch .swatch-label .pattern {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.product-card .card-swatch .swatch-label.is-active, .product-card .card-swatch .swatch-label:hover {
    border-color: #232323
}

.product-card .card-product__group {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: absolute;
    z-index: 10;
    -webkit-transition: .5s;
    transition: .5s;
    top: 10px;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-card .card-product__group.group-right {
    left: auto;
    right: 0
}

.product-card .card-product__group.group-left {
    left: 0;
    right: auto
}

.product-card .card-product__group .card-icon {
    display: block;
    text-align: center;
    position: relative;
    width: 36px;
    height: 36px;
    padding: 9px;
    line-height: 1;
    border-radius: 50%;
    font-size: 1.125rem;
    letter-spacing: 0;
    cursor: pointer;
    color: #232323;
    background: #fff
}

.product-card .card-product__group .card-icon .text {
    padding: 0 30px 0 15px;
    color: #232323;
    text-transform: capitalize;
    display: none;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    width: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    right: calc(100% - 30px);
    height: 36px;
    background: #fff;
    line-height: 36px;
    position: absolute;
    top: 50%;
    border-radius: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 350ms;
    transition: 350ms;
    pointer-events: none
}

.footer, .product-card .card-product__group .card-icon.wishlist-added {
    background: #232323
}

.product-card .card-product__group .card-icon.wishlist-added .text {
    background: #232323;
    color: #fff!important;
}
.product-card .card-product__group .card-icon.wishlist-added i{
    color: #fff!important;
}
/*.product-card .card-product__group .card-icon.wishlist-added svg {
    fill: #ffffff
}*/

/*.product-card .card-product__group .card-product__group-item svg,*/
.product-card .card-product__group .card-product__group-item i {
    width: 18px;
    height: 18px;
    line-height: 18px;
    vertical-align: top;
    position: relative;
    z-index: 5;
    background-color: transparent
}

.product-card .card-product__group .card-product__group-item + .card-product__group-item {
    margin-top: 10px
}

.product-card .card-action {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 0;
    background: 0 0;
    z-index: 1;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.product-card .card-action .button {
    background: #fff;
    color: #232323;
    border-color: #232323;
    width: 100%;
    min-width: auto
}

.card-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card-price  .money {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.357rem;
    font-weight: 600;
    line-height: 22px;
    margin-left: 8px;
    /*color: #232323*/
}
.card-price .list-price{
    color:#6c757d;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 16px;
}
.card-price .price-sale{
    color:#e95144!important;
}

.card-price.price__sale .price-item--regular {
    margin: 0 10px 0 0
}

.card-price.price__sale .price-item--regular span {
    text-decoration: line-through;
    font-weight: 400;
    color: #969696
}

.card-price.price__sale .price__last span {
    color: #e95144
}

.card__badge {
    position: absolute;
    top: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card__badge .badge {
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 20px;
    height: auto;
    padding: 0 8px;
    text-align: center;
    border-radius: 1px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.card__badge .badge.custom-badge {
    color: #ffffff !important;
    background-color: #ffbb49
}

.card__badge .badge.sale-badge {
    color: #ffffff !important;
    background-color: #e95144
}

.card__badge .badge.sold-out-badge {
    color: #ffffff !important;
    background-color: #c1c1c1
}

.card__badge .badge.new-badge {
    color: #0a6cdc;
    background-color: #d2e7ff
}

.card__badge .badge + .badge {
    margin-top: 5px
}

.card__badge.badge-left {
    left: 0
}

.card__badge.badge-right {
    right: 0;
    text-align: right
}

.product-item-custom .product-card-top {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 107px
}

.product-item-custom .product-card-bottom {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 90px);
    padding: 0 25px 0 16px;
    position: relative;
    top: -6px
}

.product-item-custom .product-card-bottom .product-card-information .card-price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.product-item-custom .product-card-bottom .product-card-information .card-swatch {
    text-align: left !important
}

.product-item-custom .product-card-bottom .product-card-information .card-swatch .swatch {
    margin-bottom: 13px
}

.product-card-menu {
    max-width: 175px;
    margin: 0 auto
}

.product-card-menu .site-nav-title {
    margin-bottom: 12px;
    text-align: center
}

.product-card-menu .product-card-top .product-card-media {
    max-width: 120px;
    margin: 0 auto
}

.product-card-menu .product-card-bottom .product-card-information .text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-card-menu .shop-now {
    width: 100%;
    margin-top: 4px
}

.product-card-menu .shop-now .text {
    letter-spacing: .05em;
    font-weight: 700;
    line-height: 22px
}

@media (max-width: 1024px) {
    .slick-arrow.slick-next svg {
        position: relative;
        top: -3px;
        left: 2px
    }

    .halo-block-video .video_icon {
        right: 15px;
        bottom: 15px
    }

    .halo-block-video .video-banner.fixed_video {
        bottom: 60px;
        max-width: 300px;
        max-height: 200px;
        z-index: 99999;
        right: 0 !important
    }

    .product-card .card-product__group {
        right: 10px;
        display: none
    }
}

.footer {
    clear: both;
    padding-bottom: 70px
}

.footer .footer-top {
    padding: 37px 0 22px
}

.footer .footer-block__heading {
    font-size: 1.125rem;
    letter-spacing: .05em;
    font-weight: 600;
    padding-bottom: 12px;
    margin: 0;
    color: #fff
}

.footer .desc, .footer .footer-link {
    display: inline-block;
    padding: 2px 0;
    line-height: 26px;
    color: #cfcfcf;
    font-weight: 400;
    letter-spacing: .02em
}

.footer .footer-block__newsletter-form {
    max-width: 420px;
    padding: 0;
    width: 100%;
    margin-top: 14px;
    display: block
}

.newsletter-form .newsletter-form__field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%
}

.newsletter-form .newsletter-form__field-wrapper .field {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.newsletter-form .newsletter-form__field-wrapper .field__input {
    color: #cfcfcf;
    background-color: #232323;
    border: 1px solid #d3d3d3;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 10px;
    line-height: 22px
}

.newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
    color: #232323;
    border: 1px solid #fff;
    background-color: #fff;
    width: 124px;
    min-width: 124px;
    margin: 0
}

.newsletter-form .newsletter-form__field-wrapper .newsletter-form__button:hover {
    color: #fff;
    border: 1px solid #fff;
    background-color: #232323
}

.list-social {
    display: block;
    font-size: 0;
    letter-spacing: 0
}

.list-social .list-social__item {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 6px 0
}

.list-social .list-social__link {
    display: block;
    position: relative;
    width: 100%;
    line-height: 1;
    font-size: 0;
    letter-spacing: 0;
    border-radius: 50%;
    color: #282828;
    background: #fff;
    border: 1px solid #fff;
    padding: 9px
}

.list-social .list-social__link:hover {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.list-social .list-social__link:hover::before {
    -webkit-box-shadow: 0 0 0 2px #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.list-social .list-social__link i {
    color: #282828;
    font-size: 1.125rem;

}

.footer-bottom {
    padding-top: 22px;
    padding-bottom: 40px;
    border-top: 1px solid #3b3b3b
}

.footer-bottom .copyright__content {
    color: #cfcfcf;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .02em
}

.footer-bottom .footer__payment .list-payment {
    font-size: 0;
    letter-spacing: 0;
    margin: 0;
    padding-top: 5px
}

.footer-bottom .footer__payment .list-payment .list-payment__item {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 5px 15px
}

.footer-bottom .footer__payment .list-payment .list-payment__item svg {
    width: auto;
    height: 32px;
    fill: currentColor;
    stroke: transparent
}

@media (max-width: 767px) {
    .footer-top .footer-block__heading {
        border-bottom: 1px solid #c7c7c7;
        pointer-events: auto;
        padding-bottom: 17px !important;
        position: relative;
        margin-bottom: 20px !important;
        cursor: pointer
    }

    .footer-top .footer-block__heading::after, .footer-top .footer-block__heading::before {
        content: "";
        position: absolute;
        top: calc(50% - 6.5px);
        z-index: 2;
        -webkit-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0);
        background-color: #fff;
        -webkit-transition: visibility 350ms, -webkit-transform 350ms;
        transition: transform 350ms, visibility 350ms, -webkit-transform 350ms
    }

    .footer-top .footer-block__heading::before {
        right: 5px;
        width: 2px;
        height: 12px
    }

    .footer-top .footer-block__heading::after {
        right: 0;
        width: 12px;
        height: 2px
    }

    .footer-top .footer-block__heading.is-clicked::before {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .footer-top .list-unstyled {
        -webkit-transition: max-height .5s ease-out;
        transition: max-height .5s ease-out;
        max-height: 0;
        overflow: hidden;
        /*pointer-events: none;*/
        position: relative;
        margin-bottom: 0
    }

    .footer-block-newsletter .footer-block__heading {
        padding: 0;
        border-bottom: none
    }

    .footer-block-newsletter .footer-block__heading::after, .footer-block-newsletter .footer-block__heading::before {
        display: none
    }

    .footer .footer-block__newsletter-form {
        max-width: 100%
    }

    .footer-bottom .halo-row-item {
        width: 100%
    }

    .footer-bottom .footer__payment .list-payment {
        text-align: left
    }

    .footer-bottom .footer__payment .list-payment .list-payment__item {
        margin-left: 0;
        margin-right: 10px
    }
}

@media (max-width: 551px) {
    .halo-row--swipe .halo-row-item {
        width: 300px
    }

    .footer-block__newsletter-form {
        max-width: 100% !important
    }

    .newsletter-form .newsletter-form__field-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .newsletter-form .newsletter-form__field-wrapper .field {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
        margin: 0 0 15px !important
    }

    .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
        max-width: 100% !important;
        width: 100% !important
    }

    .newsletter-form .newsletter-form__field-wrapper .field__input {
        text-align: center
    }
}

.halo-toolbar-bottom-mobile {
    background: #fff;
    padding: 10px 10px 5px;
    position: fixed;
    display: block;
    bottom: 0;
    z-index: 9;
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    width: 100%;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .12);
    box-shadow: 0 0 9px rgba(0, 0, 0, .12)
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link {
    text-align: center;
    position: relative
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link svg {
    width: 30px;
    height: 30px;
    fill: #232323;
    stroke: transparent;
    padding: 2px
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .label {
    display: block;
    letter-spacing: .02em;
    font-weight: 500;
    line-height: 22px;
    padding-top: 2px
}

.halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .icon--cart .cart-count-bubble {
    position: absolute;
    right: -8px;
    top: -4px;
    margin: 0;
    background-color: #232323;
    color: #ffffff;
    min-width: 24px;
    min-height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
}

@media (min-width: 1025px) {
    .animate-scale, .view-abs .view {
        position: relative;
        display: block
    }

    .animate-scale {
        overflow: hidden
    }

    .animate-scale img {
        -webkit-transition: .7s;
        transition: .7s
    }

    .animate-scale:hover img {
      /*  -webkit-transform: scale(1.1);
        transform: scale(1.1)*/

        -webkit-transform: scale(1.1) rotate(0.1deg);
        transform: scale(1.1) rotate(0.1deg);
    }

    .animate-scale:hover::before {
        overflow: visible;
        opacity: .3
    }

    .animate-border, .animate-overlay {
        position: relative
    }

    .animate-overlay .image:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffffb3;
        opacity: 0;
        -webkit-transition: opacity .7s;
        transition: opacity .7s;
        z-index: -2
    }

    .animate-overlay:hover .image:before {
        opacity: 1
    }

    .view-abs {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

    .view-abs .view {
        width: 40px;
        height: 40px;
        border: 1px solid #232323;
        -webkit-transition: .5s;
        transition: .5s
    }

    .view-abs .view::after, .view-abs .view::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #000;
        -webkit-transition: .4s;
        transition: .4s
    }

    .view-abs .view::before {
        width: 2px;
        height: 20px
    }

    .view-abs .view::after {
        width: 20px;
        height: 2px
    }

    .animate-border::after, .animate-border::before {
        content: "";
        position: absolute;
        background: rgba(255, 255, 255, .1);
        width: 0;
        height: 0;
        -webkit-transition: .4s;
        transition: .4s;
        visibility: hidden;
        z-index: 5
    }

    .animate-border::before {
        top: 0;
        left: 0
    }

    .animate-border::after {
        bottom: 0;
        right: 0
    }

    .animate-border:hover::after, .animate-border:hover::before {
        width: 100%;
        height: 100%;
        visibility: visible
    }

    .img-box:hover .view-abs {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .row.column-5 .halo-row-item {
        width: 20%;
        padding-left: 15px;
        padding-right: 15px
    }

    .product-carousel .product-item, .row .halo-item, .row .halo-row-item {
        padding: 0 15px
    }

    .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .halo-block-header .title .text {
        width: 420px
    }

    .halo-product-block {
        margin-top: 55px
    }

    .halo-product-block .product-item:nth-child(n+5) {
        /*margin-top: 25px*/
    }

    .page {
        padding-bottom: 80px
    }

    .header-bottom, .header-top {
        display: block
    }

    .header-top .header-top--left {
        width: 90px;
        padding-bottom: 6px
    }

    .header-top .header-top--right {
        width: calc(100% - 90px)
    }

    .list-menu.text-left {
        margin-left: -20px
    }

    .menu-lv-item.menu-lv-2.dropdown:hover .site-nav-list-dropdown > .header__submenu, .menu-lv-item:hover > .header__submenu {
        z-index: 99;
        top: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .menu-lv-item.has-megamenu:hover > .menu-dropdown {
        margin-top: 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .menu-lv-item.has-megamenu:hover > .menu-dropdown .megamenu-custom-product-width-banner .product-card .card-action {
        visibility: visible
    }

    .menu-lv-item.menu-lv-2:hover .list-menu--disclosure-2 {
        right: calc(-100% + 10px)
    }

    .halo-toolbar-bottom-mobile, .header-mobile {
        display: none
    }

    .product-card .card-action, .product-card .card-product__group {
        opacity: 0;
        visibility: hidden
    }

    .product-card .card-product__group .card-product__group-item .card-icon:hover .text {
        left: auto;
        right: calc(100% - 30px);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: inline-block;
        width: auto
    }

    .product-card .card-product__group.group-left .card-product__group-item .card-icon:hover .text {
        left: calc(100% - 30px);
        right: auto;
        padding: 0 15px 0 30px
    }

    .product-card .card-action {
        position: absolute;
        z-index: 10;
        bottom: -15px
    }

    .product-card .card-action .button:hover {
        background: #232323;
        color: #fff
    }

    .product-card:hover .card-product__group {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        right: 10px
    }

    .product-card:hover .card-product__group.group-left {
        left: 10px
    }

    .product-card:hover .card-action {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        bottom: 0
    }

    .footer {
        padding-bottom: 0
    }

    .list-social__link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        top: -7px;
        left: -7px;
        padding: 7px;
        pointer-events: none;
        -webkit-transition: opacity .2s, -webkit-transform .2s;
        transition: transform .2s, opacity .2s, -webkit-transform .2s;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
        -webkit-box-shadow: 0 0 0 2px #fff;
        box-shadow: 0 0 0 2px #fff
    }
}

/*bootstrap pagination start*/
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #4b566b;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    transition: color 0.25s ease-in-out,border-color 0.25s ease-in-out,background-color 0.25s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #4b566b;
    background-color: #f3f5f9;
    border-color: #f3f5f9
}

.page-link:focus {
    z-index: 3;
    color: #e95144;
    background-color: #f3f5f9;
    outline: 0;
    /*box-shadow: 0 0 0 0 rgba(254,105,106,0.25)*/
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #e95144;
    border-color: rgba(0,0,0,0)
}

.page-item.disabled .page-link {
    color: #7d879c;
    pointer-events: none;
    background-color: #fff;
    border-color: #e3e9ef
}

.page-link {
    padding: .3125rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .3125rem;
    border-bottom-left-radius: .3125rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .3125rem;
    border-bottom-right-radius: .3125rem
}

.pagination-lg .page-link {
    padding: .425rem 1rem;
    font-size: 1.125rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .4375rem;
    border-bottom-left-radius: .4375rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .4375rem;
    border-bottom-right-radius: .4375rem
}

.pagination-sm .page-link {
    padding: .175rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}
/*bootstrap pagination end*/

.pagination {
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-link {
    position: relative;
    transition: color 0.25s ease-in-out,border-color 0.25s ease-in-out,background-color 0.25s ease-in-out
}

.page-link:focus,.page-link:hover {
    color: #4b566b
}

.page-link.page-link-static:hover {
    border-color: transparent;
    background-color: rgba(0,0,0,0);
    color: #4b566b
}

.page-link>i {
    margin-top: -.125rem;
    vertical-align: middle
}

.page-item {
    margin: .15rem
}

.page-item.active {
    position: relative;
    z-index: 5;
    cursor: default
}

.page-item.active>.page-link {

    z-index: 3;
    color: #fff;
    background-color: #e95144;
    border-color: rgba(0,0,0,0);

    /*box-shadow: 0 0.5rem 1.125rem -0.425rem rgba(254,105,106,0.9)*/
}

.pagination .page-link {
    border-radius: .3125rem;
    font-size: .9375rem
}

.pagination-sm .page-link {
    border-radius: .25rem;
    font-size: .8125rem
}

.pagination-lg .page-link {
    border-radius: .4375rem;
    font-size: 1rem
}

.entry-navigation {
    display: flex;
    border: 1px solid #e3e9ef;
    border-radius: .4375rem;
    background-color: #fff
}

.entry-navigation-link {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 1.25rem .75rem;
    transition: color 0.25s ease-in-out,background-color 0.25s ease-in-out;
    border-right: 1px solid #e3e9ef;
    color: #4b566b;
    font-weight: normal;
    text-align: center;
    text-decoration: none
}

.entry-navigation-link:last-child {
    border-right: 0
}

.entry-navigation-link>i {
    margin-top: -.1875rem;
    vertical-align: middle
}

.entry-navigation-link:hover {
    color: #e95144;
    text-decoration: none
}

/*custom pagination ens*/

bg-light-gre

.bg-chocolate-light{
    background-color: #946B55!important;
}
.bg-chocolate{
    background-color: #614231!important;
}
.bg-chocolate-dark{
    background-color: #4D4444!important;
}

.text-chocolate-light{
    color: #946B55!important;
}
.text-chocolate{
    color: #614231!important;
}
.text-chocolate-dark{
    color: #4D4444!important;
}


.ms-6{
    margin-left: 4rem!important;
}
.me-6{
    margin-right: 4rem!important;
}


.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n6 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important
}
.my-n8 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important
}

.my-n10 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important
}


.mt-n3 {
    margin-top: -1rem !important
}

.mt-n4 {
    margin-top: -1.5rem !important
}

.mt-n5 {
    margin-top: -3rem !important
}
.mt-n6 {
    margin-top: -6rem !important
}
.mt-n8 {
    margin-top: -8rem !important
}

.mt-n10 {
    margin-top: -10rem !important
}



.mb-n3 {
    margin-bottom: -1rem !important
}

.mb-n4 {
    margin-bottom: -1.5rem !important
}

.mb-n5 {
    margin-bottom: -3rem !important
}
.mb-n6 {
    margin-bottom: -6rem !important
}
.mb-n7 {
    margin-bottom: -8rem !important
}

.mb-n10 {
    margin-bottom: -10rem !important
}
.image-w-100 img{
    width: 100%!important;
}

.btn-narrow{
    padding: 0.3rem 2.5rem!important;
    border-radius: 28px!important;
}