@charset "UTF-8";@font-face {
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n5.woff2") format("woff2"),url("montserrat_n5.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n7.woff2") format("woff2"),url("montserrat_n7.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n5.woff2") format("woff2"),url("montserrat_n5.woff") format("woff")
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("montserrat_n7.woff2") format("woff2"),url("montserrat_n7.woff") format("woff")
}

@font-face {
    font-family: "Work Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("worksans_n4.woff2") format("woff2"),url("worksans_n4.woff") format("woff")
}

@font-face {
    font-family: "Work Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("worksans_n7.woff2") format("woff2"),url("worksans_n7.woff") format("woff")
}

*,:after,:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-break: break-word;
}

html {
    background: #fff;
    color: #000;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,html {
    font-size: 100%
}

img {
    border: 0;
    display: block;
    -ms-interpolation-mode: bicubic;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

button,input,select,textarea {
    border-radius: 0;
    font-family: inherit;
    font-size: 100%;
    -webkit-tap-highlight-color: transparent
}

.no-outlines button,.no-outlines input,.no-outlines select,.no-outlines textarea {
    outline: 0
}

a {
    color: #000;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.no-outlines a {
    outline: 0
}

.no-outlines details summary {
    outline: 0
}

details summary::-webkit-details-marker {
    display: none
}

@font-face {
    font-family: FontColors;
    src: url('colors.eot');
    src: url('colors.eot') format('embedded-opentype'),url('colors.woff') format('woff'),url('colors.ttf') format('truetype'),url('colors.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fc {
    display: inline-block;
    font: normal normal normal 14px/1 FontColors;
    font-size: inherit;
    text-rendering: auto;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fc-hamburguer:before {
    content: "1"
}

.fc-cart:before {
    content: "3"
}

.fc-search:before {
    content: "2"
}

.fc-comment:before {
    content: "c"
}

.fc-tag:before {
    content: "b"
}

.fc-pencil:before {
    content: "e"
}

.fc-trash:before {
    content: "d"
}

.fc-close:before {
    content: "x"
}

.fc-facebook:before {
    content: "f"
}

.fc-pinterest:before {
    content: "p"
}

.fc-google:before {
    content: "g"
}

.fc-linkedin:before {
    content: "l"
}

.fc-instagram {
    transform: scale(.75);
    position: relative;
    top: -2px
}

.fc-instagram:before {
    content: "E"
}

.fc-twitter:before {
    content: "w"
}

.fc-vimeo:before {
    content: "v"
}

.fc-tumblr:before {
    content: "t"
}

.fc-flickr:before {
    content: "k"
}

.fc-yelp:before {
    content: "o"
}

.fc-snapchat:before {
    content: "j"
}

.fc-youtube:before {
    content: "h"
}

.fc-rss:before {
    content: "a"
}

.fc-bullet:before {
    content: "A"
}

.fc-bullet-active:before {
    content: "B"
}

.fc-user:before {
    content: "m"
}

.fc-icon-eco:before {
    content: "n"
}

.fc-icon-international:before {
    content: "q"
}

.fc-icon-local:before {
    content: "r"
}

.fc-icon-recycled:before {
    content: "s"
}

.fc-icon-returns:before {
    content: "u"
}

.fc-icon-sale:before {
    content: "z"
}

.fc-icon-security:before {
    content: "C"
}

.fc-icon-shipping:before {
    content: "D"
}

.fc-twitch {
    transform: scale(.7)
}

.fc-twitch:before {
    content: "i"
}

.fc-reddit {
    transform: scale(.9);
    position: relative;
    top: -3px
}

.fc-reddit:before {
    content: "H"
}

.fc-github {
    transform: scale(.7)
}

.fc-github:before {
    content: "I"
}

html {
    background: #fff
}

body {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch
}

.msshop-product-form *{
    margin: revert;
}

.collection>.inner>a {
    margin: 0 0 50px;
    display: inline-block;
}



h2.msshop-section-title.divider {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    padding: 0 6px 0 8px;
    text-decoration: none
}

h2.msshop-section-title.rss {
    border-bottom: 0;
    font-size: 20px;
    margin-left: 3px
}

.section-header a {
    text-decoration: none
}

.pagination {
    clear: both;
    width: 100%;
    padding: 30px 0 10px
}
#Image_box{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10%;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    height: 100%;
    background:rgba(96,98,102,0.9);
}
.pagination .next,.pagination .page,.pagination .prev {
    margin: 0 4px;
    padding: 0 1px;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    color: #404752
}

.pagination .next a,.pagination .page a,.pagination .prev a {
    color: #404752;
    text-decoration: none
}

.pagination .next a h2,.pagination .page a h2,.pagination .prev a h2 {
    font-size: inherit
}

/*.pagination .next a:hover,.pagination .page a:hover,.pagination .prev a:hover {*/
/*    border-bottom: 2px solid #fa766a*/
/*}*/

/*.pagination .next.current,.pagination .page.current,.pagination .prev.current {*/
/*    border-bottom: 2px solid #fa766a*/
/*}*/

.pagination h2 {
    display: inline;
    text-decoration: underline;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    color: #404752
}

.pagination h2.divider {
    text-decoration: none;
    padding: 0 6px 0 8px
}
.cart-empty img{
    border: ;
}

h3.empty {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    line-height: 24px;
    -webkit-background-clip: text;
}

hr {
    display: block;
    max-width: 70px;
    height: 3px;
    background: #404752;
    border: 0;
    margin: 0 0 10px;
    text-align: left
}

hr.short {
    max-width: 20px
}

/*p {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 15px;*/
/*    color: #404752*/
/*}*/

p b,p strong {
    font-weight: 700
}

p a {
    color: #404752;
    text-decoration: none
}

p.big,p.expanded {
    font-size: 14px;
    line-height: 24px
}

p.small {
    font-size: 12px
}

span.highlight {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    background: #fff;
    padding: 1px 4px
}

.boxed {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    border: 2px solid;
    padding: 4px 10px 3px
}

.icon {
    display: inline
}

.btn {
    text-decoration: none;
    cursor: pointer;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: 0 0;
    border: 0;
    transition: background .2s cubic-bezier(.2, .3, .25, .9) 0s;
    transition: color .2s cubic-bezier(.2, .3, .25, .9) 0s;
    transition: border-color .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.btn:after,.btn:before {
    transition: background .2s cubic-bezier(.2, .3, .25, .9) 0s;
    transition: color .2s cubic-bezier(.2, .3, .25, .9) 0s;
    transition: border-color .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.btn.border {
    border: 3px solid
}

.btn.border:hover {
    color: #6d798b;
    border-color: #6d798b
}

.btn.border:hover:after,.btn.border:hover:before {
    border-color: #6d798b
}

.btn.border.small {
    font-size: 16px;
    padding: 5px;
    border-width: 2px
}

.btn.solid {
    background: #404752;
    border-color: #404752;
    color: #fff
}

.btn.solid:hover {
    background: #4b5360
}

.btn.solid.small {
    font-size: 16px;
    padding: 8px
}

.btn.accent {
    width: 100%;
    min-height: 48px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}

/*.btn.accent:hover {*/
/*    background: #f95f51*/
/*}*/

.btn.accent.adding {
    opacity: .25;
    cursor: default
}

.btn.accent.added {
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 1s;
    opacity: 1
}

.btn.accent.small {
    font-size: 16px;
    padding: 8px
}

.btn.text {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    padding: 7px 10px
}

.btn.disabled {
    cursor: default;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.btn.disabled:hover {
    color: inherit;
    border-color: inherit;
    background-color: inherit
}

.btn.full {
    width: 100%
}

.btn.rounded {
    border-radius: 3px
}

.btn.faded {
    opacity: .8
}

.disclosure {
    position: relative
}



.disclosure .disclosure__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.disclosure .disclosure__toggle span{
    font-weight: 400;
    line-height: 1.1em;
    letter-spacing: 1px;
    -webkit-background-clip: text;
}

.disclosure .disclosure__toggle iframe{
    margin-left: 15px;
}

.disclosure .disclosure__toggle .msshop-select-icon {
    cursor: pointer;
    display: inline-block;
    fill: #798c9c;
    pointer-events: none;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle
}

.disclosure .disclosure__list {
    position: absolute;
    max-height: 500px;
    z-index: 9999;
    display: none;
    background-color: #fff;
    top: 180%;
    overflow-y: auto;
    border: 1px solid #E1E1E1;
    padding: 11px 0;
}

.disclosure .disclosure__list.disclosure-list--visible {
    position: absolute;
    z-index: 9999;
    display: block;
}

.disclosure .disclosure__list{

}

.disclosure .disclosure__list li {
    list-style: none;
    white-space: nowrap;
    text-align: left;
    padding: 5px 15px 4px;
    background: white;
}

.disclosure .disclosure__toggle iframe{
    border: 0px;
}

.disclosure .disclosure__toggle[aria-expanded=false] svg.sort-down {
    display: inline-block;
}

.disclosure .disclosure__toggle[aria-expanded=false] svg.sort-up {
    display: none;
}

.disclosure .disclosure__toggle[aria-expanded=true] svg.sort-down {
    display: none;
}

.disclosure .disclosure__toggle[aria-expanded=true] svg.sort-up {
    display: inline-block;
}

.li-line{
    border-bottom: 1px solid #B5B5B5;
}

.disclosure .disclosure__list li a {
    text-decoration: none;
}

.disclosure .disclosure__list li a:hover {
    color: #404752;
    border-color: #404752
}

.disclosure .disclosure__list li.disclosure-list__item--current a {
    border-color: #404752
}

.circle-wrapper,.shape-wrapper {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.shape {
    opacity: 0
}

.no-js .shape {
    opacity: 1
}

.shape.shaped {
    opacity: 1
}

.shape.shaped.square.solid {
    padding: 10px;
    background: #404752;
    border-color: #404752;
    color: #fff
}

.shape.shaped.circle {
    display: table;
    table-layout: fixed
}

.shape.shaped.circle span {
    display: table-cell;
    vertical-align: middle
}

.shape.shaped.hexagon {
    position: relative;
    text-align: center;
    display: table;
    text-decoration: none;
    border-collapse: collapse;
    padding: 0
}

.shape.shaped.hexagon:after,.shape.shaped.hexagon:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: inherit
}

.shape.shaped.hexagon span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.shape.shaped.hexagon.border {
    border-top: 0;
    border-bottom: 0;
    border-width: 3px
}

.shape.shaped.hexagon.solid {
    border: 0
}

.shape.shaped.hexagon.solid:after,.shape.shaped.hexagon.solid:before {
    border-color: transparent
}

.shape.shaped.hexagon.accent {
    border: 0
}

.shape.shaped.hexagon.accent:after,.shape.shaped.hexagon.accent:before {
    border-color: transparent
}

button.shape.shaped.circle span,button.shape.shaped.hexagon span {
    display: block
}

a,button {
    color: #404752;
    background: 0 0;
    border: 0
}

a.underline,button.underline {
    text-decoration: none;
    border-bottom: 1px solid;
    cursor: pointer
}

a.link,button.link {
    text-decoration: none
}

a.link:hover,button.link:hover {
    border-bottom: 1px solid
}

form .msshop-select,form input,form label,form select,form textarea {
    font-family: inherit!important;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 1.28571em;
    color: #404752;
    text-transform: none
}

form .msshop-select.long,form input.long,form label.long,form select.long,form textarea.long {
    width: 100%;
    max-width: 400px
}

form .msshop-select.full,form input.full,form label.full,form select.full,form textarea.full {
    width: 100%
}

form .msshop-select.error,form input.error,form label.error,form select.error,form textarea.error {
    background: #fee7e5
}

form input[type=number]::-webkit-inner-spin-button,form input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

form input,form select,form textarea {
    background: #fff
}

form input.text {
    border: 0;
    padding: 8px 10px 7px
}

form textarea {
    font-size: 16px;
    line-height: 22px;
    min-height: 200px
}

form input[type=search] {
    -webkit-appearance: none
}
form .search-bar--page input[type=search]:focus-visible {
    border: 2px solid black;
    border-radius: 4px!important;
}

form input[type=submit] {
    -webkit-appearance: none
}

form h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 22px;
    color: #404752;
    font-weight: 700
}

form h3 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752
}

/*form .field-error {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 16px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    text-transform: initial;*/
/*    margin: 10px 0 15px*/
/*}*/

ul.inline {
    list-style-type: none
}

ul.inline li {
    display: inline
}

.hide,.visually-hidden {
    display: none
}

.js-focus-hidden:focus {
    outline: 0
}

.skip-link {
    position: absolute!important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    left: 0;
    top: 0
}

.skip-link:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px;
    opacity: 1;
    z-index: 10000;
    transition: none;
    background: #fff ;
    color: #000
}

body,
input,
textarea,
button,
select {
    font-size: 16px;
    line-height: 1.6;
    color: #1f2021;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6 {
    margin: 20px 0 10px;
    text-decoration: none
}







.rte p {
    margin: 0 0 20px
}

/*.rte p.category {*/
/*    color: #fa766a;*/
/*    margin-bottom: 0*/
/*}*/

.rte p:last-child {
    margin: 0
}

/*.rte a:not(.btn) {*/
/*    color: #fa766a;*/
/*    text-decoration: none*/
/*}*/

.rte a:not(.btn):hover {
    border-bottom: 1px solid
}

.rte blockquote {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 28px;
    line-height: 38px;
    color: #404752;
    text-transform: none;
}

.rte ol,.rte ul {
    margin: 0 0 20px 30px
}

.rte ol li,.rte ul li {
    margin: 0 0 10px
}

.rte iframe,.rte img {
    max-width: 100%
}

.rte table {
    margin: 0 0 5px;
    border-collapse: collapse;
    max-width: 100%
}

.rte table td {
    padding: 10px;
    border: 1px solid #404752;
    text-align: left
}

.rte table thead td {
    font-weight: 700
}

.rte b,.rte strong {
    font-weight: 700
}

.rte.center {
    text-align: center;
    margin: 0 auto
}

.rte.center ol,.rte.center ul {
    margin-left: 0
}

.rte.center ol li,.rte.center ul li {
    list-style: none
}

.msshop-select {
    border: 1px solid #d3dbe2;
    border-radius: 3px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%
}

.msshop-select select {
    color: #333;
    font-size: 16px;
    padding: 7px 10px;
    padding-right: 32px;
    border: 0;
    width: 100%;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.msshop-select .msshop-select-icon {
    cursor: pointer;
    display: block;
    fill: #798c9c;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.msshop-select.short {
    max-width: 100px
}

.msshop-select.auto {
    display: inline-block
}

.placeholder-svg {
    fill: rgba(64,71,82,0.25);
    width: 100%;
    height: 100%
}

.placeholder-svg.with-white-background {
    border: 1px solid rgba(64,71,82,.25);
    background: #fff
}

.placeholder-svg.with-border {
    border: 1px solid rgba(64,71,82,.25)
}

@media (max-width: 620px) {
    .section {
        margin:0 0 15px
    }

    h3.empty {
        margin: 15px
    }

    .rte blockquote {
        margin-left: 0;
        margin-right: 0;
        font-size: 22px;
        line-height: 32px
    }

    .rte.center blockquote {
        padding: 0 15px
    }

    .rte.center blockquote:before {
        content: normal;
        margin-right: 0
    }

}

.no-js:not(html) {
    display: none
}

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

.no-js .js {
    display: none
}

html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0 auto
}

/*body.browsing .header,body.browsing .main,body.browsing .side-nav .inner {*/
/*    transform: translateX(400px)*/
/*}*/

body.shopping .header,body.shopping .main,body.shopping .side-cart {
    transform: translateX(-400px)
}

body.shopping .side-cart {
    visibility: visible
}

body.picking .header,body.picking .main,body.picking .side-pick {
    transform: translateX(-400px)
}

body.picking .side-pick {
    visibility: visible
}

body.searching .search-overlay {
    top: 0!important;
    visibility: visible
}

body.searching .search-overlay .search-bar-wrapper {
    opacity: 1
}

body.browsing,body.picking,body.searching,body.shopping {
    overflow: hidden;
    height: 100%
}

/*.header,.main,.side-nav .inner {*/
/*    transition: transform .45s cubic-bezier(.46, .01, .32, 1) 0s*/
/*}*/

.side-cart,.side-pick {
    transition: transform .45s cubic-bezier(.46, .01, .32, 1) 0s,visibility .45s cubic-bezier(.46, .01, .32, 1) 0s
}

body {
    display: flex;
    flex-direction: column
}

/*body .main {*/
/*    flex: 1 0 auto;*/
/*    display: flex;*/
/*    flex-direction: column*/
/*}*/

body .main .layout {
    /*flex: 1 0 auto;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*margin-top: 60px;*/
}

/*#msshop-section-template--index__featured-blog,*/
/*#msshop-section-template--index__category-collection,*/
/*#msshop-section-template--index__hot-collection {*/
/*    margin: auto;*/
/*}*/

body .main .layout .msshop-challenge__container,
body .main .layout .msshop-email-marketing-confirmation__container,
body .main .layout .msshop-policy__container,
body .main .layout .msshop-section.section-404,
body .main .layout .msshop-section.section-cart,
body .main .layout .msshop-section.section-page,
body .main .layout .msshop-section.section-password,
body .main .layout .msshop-section.section-search {
    /*flex: 1 0 auto;*/
    /*display: flex;*/
    /*flex-direction: column*/
}


#msshop-section-account-login div {
    margin:0 auto;
}

body .main .layout .msshop-challenge__container .content,
body .main .layout .msshop-email-marketing-confirmation__container .content,
.main .layout .msshop-policy__container .content,
body .main .layout .msshop-section.section-404 .content,
body .main .layout .msshop-section.section-cart .content,
body .main .layout .msshop-section.section-page .content,
body .main .layout .msshop-section.section-password .content,
body .main .layout .msshop-section.section-search .content {
    flex: 1 0 auto
}
@media screen and (min-width: 800px){
    .shoppingCartPage{
        max-width: 80%;
    }
}
form textarea{
    min-height: 124px;
}
.main {
    width: 100%;
    padding: 0 0 0
}
body .main .layout{
    padding-bottom: 40px;
}
.main .layout .msshop-section .content.goods_recommendation{
    margin-top: 90px;
    padding-top: 0;
}
@media screen and (max-width:767px){
    body .main .layout{
        padding-bottom: 0;
    }
    .main .layout .msshop-section .content.list-collections {
        padding: 15px;
    }
    .main .layout .msshop-section .content.goods_recommendation{
        margin-top: 45px;
    }
}
.main .layout .msshop-section .content.no-padding {
    padding: 0
}

/*.main .layout .msshop-section .content.show-background {*/
/*    background: #f3f0ee*/
/*}*/

/*.main .layout .msshop-section .content.expanded {*/
/*    margin-left: 0;*/
/*    margin-right: 0*/
/*}*/

.main .layout .msshop-section .content.collapsed {
    margin-top: 0
}

.main .layout .msshop-section .content.standalone {
    margin-top: 30px
}

.main .layout .msshop-section .content.standalone.expanded {
    margin-top: 0;
    margin-bottom: 0
}

.main .layout .msshop-section .content .inner {
    margin: 0 auto
}

.main .layout .msshop-section .content .inner>a {
    text-decoration: none
}

/*.main .layout .msshop-section .content .inner.with-layout-options {*/
/*    max-width: 850px*/
/*}*/

.main .layout .msshop-section .content .inner.with-layout-options.left {
    margin: 0;
    text-align: left
}

.main .layout .msshop-section .content .inner.with-layout-options.right {
    margin-left: auto;
    text-align: right
}

.main .layout .msshop-section .content .inner.with-layout-options.centered {
    margin: 0 auto
}

.main .layout .msshop-section .content .inner.with-layout-options.expanded {
    max-width: none
}

.main .layout .msshop-section .content .inner.extended {
    padding: 30px 0
}

.main .layout .msshop-section .content .inner.extended h1 {
    margin-top: 0
}

@media (min-width: 620px) {
    .hide-on-desktop {
        display:none!important
    }
}

@media (max-width: 620px) {
    .hide-on-mobile {
        display:none!important
    }
}

/*.no-content {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 100%;*/
/*    border: 2px dashed #fa766a;*/
/*    text-align: center;*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    line-height: 30px;*/
/*    padding: 30px*/
/*}*/

/*.no-content a {*/
/*    color: #fa766a;*/
/*    border-bottom: 2px solid*/
/*}*/



.boxes {
    padding: 30px 0 60px;
}

/*.show-background .boxes {*/
/*    background: #f3f0ee*/
/*}*/

.boxes .box>h2{
    font-size: 28px !important;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC !important;
    color: #111417 !important;
    line-height: 28px !important;
    text-transform: capitalize;
    text-align: center;
    -webkit-background-clip: text;
}

.boxes .box>p {
    margin-top: 30px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    line-height: 16px;
    text-align: center;
    -webkit-background-clip: text;
}

/*.boxes .box:after {*/
/*    display: table;*/
/*    content: '';*/
/*    clear: both*/
/*}*/

/*.boxes .box>.left {*/
/*    float: left;*/
/*    width: 25%;*/
/*    height: 100%;*/
/*    text-align: right;*/
/*    padding: 60px 0 0*/
/*}*/

/*.boxes .box>.left h2 {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 40px;*/
/*    line-height: 56px;*/
/*    color: #404752;*/
/*    color: #404752;*/
/*    font-weight: 700;*/
/*    text-decoration: none;*/
/*    display: inline;*/
/*    position: relative;*/
/*    top: -15px;*/
/*    right: -50px*/
/*}*/

/*.boxes .box>.right {*/
/*    margin-left: 25%;*/
/*    padding: 60px 60px 60px 110px;*/
/*    height: 100%;*/
/*    background: #e8e3df*/
/*}*/

/*.boxes .box>.right h3.accent,.boxes .box>.right>h3 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    margin: 0 0 25px*/
/*}*/

/*.boxes .box>.right>form h3 {*/
/*    margin: 0 0 10px*/
/*}*/

/*.boxes .box>.right>.row h3 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    margin: 0 0 10px*/
/*}*/

/*.boxes .box>.right .back {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 16px;*/
/*    color: #404752;*/
/*    color: #404752*/
/*}*/

/*#login>.row form{*/
/*    max-width: 1;*/
/*}*/

#login>.row .row-0 {
    margin: 30px 0 20px;
}

#login>.row .row-3,
#login>.row .row-4,
#login>.row .row-5 {
    margin: 30px auto 0;
}

#login>.row .row-3 a{
    display: inline-block;
    width: 100%;
    text-align: right;
    text-decoration: none;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    line-height: 16px;
    -webkit-background-clip: text;
}

#login>.row .row-4 button{
    width: 100%;
    height: 60px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
}

#login>.row .row-4 button span{
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC !important;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 18px;
    -webkit-background-clip: text;
}

#login>.row .row-5 p{
   display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(2, auto);
    column-gap: 10px;
}

#login>.row .row-5 span {
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    line-height: 16px;
    -webkit-background-clip: text;
}

#login>.row .row-5 a {
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 16px;
    -webkit-background-clip: text;
}
    /*.row.expanded {*/
/*    margin-bottom: 20px*/
/*}*/

/*.row.expanded-top {*/
/*    margin-top: 20px*/
/*}*/

/*.row.center {*/
/*    text-align: center*/
/*}*/

/*.row.right {*/
/*    text-align: right*/
/*}*/

/*.row:last-child {*/
/*    margin-bottom: 0*/
/*}*/

/*.flex-row {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    justify-content: center*/
/*}*/

.row input.text{
    padding: 18px 20px;
    height: 60px;
    max-width: 600px;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #E1E1E1;
    filter: blur(undefinedpx);
    background: #FFFFFF;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
}

/*.flex-row:last-child {*/
/*    margin-bottom: 0*/
/*}*/

@media (max-width: 960px) {
    .flex-row {
        flex-direction:column
    }
}

.share {
    min-height: 56px
}

.share a{
    margin-right: 15px;
}

/*.share a.icon {*/
/*    font-size: 28px;*/
/*    text-decoration: none;*/
/*    border-radius: 50%;*/
/*    background: red;*/
/*    text-align: center;*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    margin: 0 5px 0 0;*/
/*    border: 0;*/
/*    color: #fff;*/
/*    display: inline-block;*/
/*    font-family: monospace;*/
/*    padding-top: 7px*/
/*}*/

/*.share a.icon.facebook {*/
/*    background-color: #3b5998*/
/*}*/

/*.share a.icon.twitter {*/
/*    background-color: #4099ff*/
/*}*/

/*.share a.icon.pinterest {*/
/*    background-color: #c92228*/
/*}*/

.back-to-top{
    display: none;
    width: 100%;
    /*position: relative;*/
    /*top: -80px*/
}

.back-to-top.is-visible{
    display: block;
}

.back-top img{
    position: fixed;
    height: 40px;
    width: 40px;
    right: 40px;
    bottom: 40px;
    /*top: 80vh;*/
    margin: 0 auto;
    z-index: 99999;
}

body.template-404 #msshop-section-footer,
body.template-cart #msshop-section-footer,
body.template-customers-account #msshop-section-footer,
body.template-customers-addresses #msshop-section-footer,
body.template-customers-login #msshop-section-footer,
body.template-customers-register #msshop-section-footer,
body.template-gift_card #msshop-section-footer {
    display: none
}

@media (max-width: 960px) {
    /*.main .layout .msshop-section .content {*/
    /*    padding:20px;*/
    /*    margin: 20px 20px 0*/
    /*}*/

    .boxes {
        padding: 30px 0
    }

    .boxes .box>.left h2 {
        font-size: 30px;
        line-height: 40px;
        right: -25px
    }

    .boxes .box>.right {
        padding: 60px
    }
}

@media (max-width: 620px) {
    .main .layout .msshop-section.section-featured-image .content:not(.show-background).expanded,.main .layout .msshop-section.section-featured-products .content:not(.show-background).expanded,.main .layout .msshop-section.section-featured-video .content:not(.show-background).expanded {
        padding-top: 0;
        padding-bottom: 0
    }

    .boxes {
        padding: 0
    }

    .boxes .box>.left {
        padding: 30px 0;
        float: none;
        width: 100%;
        text-align: left
    }

    .boxes .box>.left h2 {
        font-size: 30px;
        line-height: 40px;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        text-align: center
    }

    .boxes .box>.left h2 br {
        display: inline-block;
        margin-right: 8px;
        content: ' '
    }

    .boxes .box>.right {
        margin: 0;
        padding: 30px 15px
    }

    .boxes .box>.right:after {
        display: table;
        content: '';
        clear: both
    }

    .boxes .box>.right>h3 {
        margin: 0 0 20px
    }

    .boxes .box>.right .actions,.boxes .box>.right .back {
        text-align: right;
        clear: both
    }
}

.sorting-and-filtering .label {
    margin-right: 10px;
    display: inline-block
}

.sorting-and-filtering form input[type=checkbox] {
    filter: grayscale(1);
    margin-right: 5px;
    position: relative;
    top: 1px
}

.sorting-and-filtering form label,.sorting-and-filtering form select {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    cursor: pointer
}

.sorting-and-filtering form input:disabled+label {
    color: #6d798b;
    cursor: default
}

.sorting-and-filtering form .price-range {
    display: flex;
    margin: 0 0 7px
}

.sorting-and-filtering form .price-range .price:first-child {
    margin-right: 20px
}

.sorting-and-filtering form .price-range .price input {
    padding: 8px 10px 7px;
    border: 1px solid #d3dbe2
}

.sorting-and-filtering form.desktop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.sorting-and-filtering menu-drawer details summary {
    position: relative;
    cursor: pointer;
    text-align: center;
    list-style: none
}

.sorting-and-filtering menu-drawer details summary span.count {
    margin-left: 5px
}

.sorting-and-filtering menu-drawer details form {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.5);
    pointer-events: none
}

.sorting-and-filtering menu-drawer details form .inner {
    width: calc(100% - 50px);
    margin-left: auto;
    height: 100%;
    overflow-y: auto;
    pointer-events: all;
    background: #f3f0ee
}

.sorting-and-filtering menu-drawer details form .inner .header {
    display: flex;
    position: sticky;
    top: 0;
    background: #f3f0ee;
    z-index: 2;
    border-bottom: 1px solid #404752;
    text-align: center;
    flex-direction: column;
    padding: 15px
}

.sorting-and-filtering menu-drawer details form .inner .header h2.mobile-facets__heading {
    margin: 0
}

.sorting-and-filtering menu-drawer details form .inner .menu {
    position: relative;
    z-index: 1
}

.sorting-and-filtering menu-drawer details form .inner .menu .details {
    border-bottom: 1px solid #6d798b
}

.sorting-and-filtering menu-drawer details form .inner .menu .details.last {
    border-bottom: 0
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .summary {
    padding: 15px
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .summary>div {
    display: flex;
    align-items: baseline
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .summary>div .arrow {
    margin-left: auto
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .summary>div .arrow svg {
    height: 10px;
    fill: #6d798b;
    transform: rotate(0)
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .summary>div .select {
    margin-left: auto
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu {
    padding: 0 15px 5px
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul {
    list-style: none
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul li {
    margin: 0 0 10px;
    display: flex;
    align-items: baseline
}

.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul li label {
    width: 100%
}

.sorting-and-filtering menu-drawer details form .inner .menu .details[open] .summary>div .arrow svg {
    transform: rotate(-180deg)
}

.sorting-and-filtering menu-drawer details form .inner .price-range {
    margin-top: 10px
}

.sorting-and-filtering menu-drawer details form .inner .price-range .price input {
    width: 90px
}

.sorting-and-filtering menu-drawer details form .inner .footer {
    padding: 15px;
    border-top: 1px solid #404752;
    display: flex;
    position: sticky;
    bottom: 0;
    background: #f3f0ee;
    margin-top: 0;
    align-items: stretch;
    align-content: stretch
}

.sorting-and-filtering menu-drawer details form .inner .footer a,.sorting-and-filtering menu-drawer details form .inner .footer button {
    display: block
}

.sorting-and-filtering menu-drawer>details>summary .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-bottom: 10px
}

.sorting-and-filtering menu-drawer>details>summary .btn svg {
    stroke: #404752;
    margin-right: 10px;
    height: 50px
}

.sorting-and-filtering menu-drawer>details>summary .close {
    display: none
}

.sorting-and-filtering menu-drawer>details>summary+* {
    z-index: 100
}

.sorting-and-filtering menu-drawer>details[open]>summary .close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 101
}

.sorting-and-filtering .filters>details>summary::before,.sorting-and-filtering menu-drawer>details>summary::before {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: default;
    content: ' ';
    background: 0 0
}

.sorting-and-filtering .filters>details[open]>summary::before,.sorting-and-filtering menu-drawer>details[open]>summary::before {
    height: 100vh;
    display: block
}

.sorting-and-filtering .filtering .filters {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.sorting-and-filtering .filtering .filter-group {
    margin-right: 10px
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    border: 1px solid #d3dbe2;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 100%;
    margin-bottom: 10px
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary>div {
    display: inline-block;
    color: #333;
    font-size: 16px;
    padding: 7px 10px;
    padding-right: 32px
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary>div span.count {
    margin-left: 5px
}

.sorting-and-filtering .filtering .filter-group .filter-group-summary .msshop-select-icon {
    cursor: pointer;
    display: block;
    fill: #798c9c;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    pointer-events: none;
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.sorting-and-filtering .filtering .filter-group .filter-group-display {
    border: 1px solid #d3dbe2;
    border-radius: 3px;
    background: #fff;
    z-index: 100;
    position: absolute
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content,.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header {
    padding: 7px 10px
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header {
    border-bottom: 1px solid #d3dbe2
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header a.reset {
    margin-left: 50px
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul {
    list-style: none;
    margin: 0 0 7px
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li {
    margin: 0 0 5px;
    padding-right: 5px
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover label {
    text-decoration: underline
}

.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover input:disabled+label {
    text-decoration: none
}

.sorting-and-filtering .sorting {
    flex-shrink: 0
}

.sorting-and-filtering .sorting .sort {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.sorting-and-filtering .sorting .sort button {
    margin-left: 10px
}

.sorting-and-filtering .sorting .select {
    margin-bottom: 10px
}

.sorting-and-filtering .active-facets {
    display: flex;
    flex-wrap: wrap
}

.sorting-and-filtering .active-facets a.btn,.sorting-and-filtering .active-facets button {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center
}

.sorting-and-filtering .active-facets a.btn i.fc,.sorting-and-filtering .active-facets button i.fc {
    margin-left: 10px
}

.sorting-and-filtering .active-facets a.btn:only-child {
    display: none
}

.no-js .sorting-and-filtering ul.categories {
    display: none
}

.sorting-and-filtering ul.categories li {
    display: inline-block
}

.sorting-and-filtering ul.categories li a {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 15px;
    color: #404752;
    color: #404752;
    text-decoration: none;
    margin: 10px 20px 0 0;
    display: none
}

.sorting-and-filtering ul.categories li a span {
    border-bottom: 2px solid transparent
}

.sorting-and-filtering ul.categories li a sup {
    font-size: 10px;
    margin: 0 0 0 4px;
    opacity: 0
}

/*.sorting-and-filtering ul.categories li a.active span,.sorting-and-filtering ul.categories li a:hover span {*/
/*    border-bottom-color: #fa766a*/
/*}*/

.sorting-and-filtering ul.categories li a.loaded {
    display: inline-block
}

.sorting-and-filtering ul.categories li a.loaded sup {
    opacity: 1
}

.sorting-and-filtering ul.categories li.all a {
    display: inline-block
}

@media (max-width: 620px) {
    .sorting-and-filtering form.desktop {
        flex-direction:column
    }

    .sorting-and-filtering form.desktop .filtering {
        width: 100%;
        order: 2
    }

    .sorting-and-filtering form.desktop .filtering ul.categories {
        overflow: scroll;
        display: block;
        white-space: nowrap;
        padding: 0 0 10px
    }

    .sorting-and-filtering form.desktop .filtering ul.categories li {
        display: inline-block
    }

    .sorting-and-filtering form.desktop .filtering ul.categories li a {
        margin: 0 5px 0 0
    }

    .sorting-and-filtering form.desktop .sorting {
        width: 100%
    }

    .sorting-and-filtering form.desktop .sorting .sort:not(.with-label) .select {
        width: 100%;
        margin-bottom: 20px
    }
}

.header {
    position: relative;
    width: 100%
}

.header:after {
    display: table;
    content: '';
    clear: both
}

.header .relative {
    position: relative;
    z-index: 4;
}

.header .bar {
    height: 150px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    padding: 0;
    opacity: 1;
    transition: opacity 350ms cubic-bezier(.46, .01, .32, 1) 0s;
}

.header .bar-search{
    opacity: 1;
    transition: opacity 350ms cubic-bezier(.46, .01, .32, 1) 0s;
}

.header .bar.fixed {
    display: none;
    transition: background-color 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

.header .bar .left,
.header .bar .center,
.header .bar .right {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.3%;
    z-index: 10
}

.header .bar .center {
    position: absolute;
    left: 35%;
}

.header .bar .center .search-border,
.search-border form{
    display: flex;
    justify-content: center;
    max-width: 650px;
    margin: 0 auto;
}

.header .bar .center .search-border input{
    max-width: 668px;
    min-width: 350px;
}

.header .bar .center .search-border input,
.search-border input{
    width: 100%;
    padding: 5px 20px;
    height: 50px;
    border-radius: 0px;
    opacity: 0.2;
    border: 1px solid #111417;
    filter: blur(undefinedpx);
    background: #FFFFFF;
}

.header .bar .center .search-border span,
.search-border span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
    padding: 20px;
}
.header .bar .center .search-border span img{
    display: inline-block;
    width: 22px;
    height: 24px;
}

.header .bar .left a.logo {
    text-decoration: none;
    display: inline-block;
    /*max-width: 70%*/
}

.header .bar .left {
    position: absolute;
    transition: left 350ms cubic-bezier(.46, .01, .32, 1) 0s;
}

.header .bar .left a {
    text-decoration: none;
    line-height: 0
}

.header .bar .left a i {
    color: #404752;
    font-size: 30px;
    vertical-align: middle
}

.header .bar .left a span {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.header .bar .right {
    position: absolute;
    right: 0;
    transition: right 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

.header .bar .right .icon-search{
    display: none;
}

.header .logo-center.menu-left .bar .right .icon-search,
.header .logo-left.menu-center .bar .right .icon-search{
    display: inline-block;
}

.header .bar .right .disclosure {
    display: flex;
    /*margin-right: 5px*/
}

.header .bar .right .disclosure  .disclosure__toggle {
    margin: 0 15px;
}

.header .bar .right .disclosure  .disclosure__toggle img{
    margin: 0;
}

/*.header .bar .right .disclosure .disclosure .disclosure__toggle .msshop-select-icon {*/
/*    fill: #404752*/
/*}*/

.header .bar .right .disclosure .disclosure__list {
    padding: 30px;
    right: 0;
}

.header .bar .right .disclosure .disclosure__list.disclosure-list--visible{
    position: absolute;
    z-index: 9999;
    display: grid;
    grid-template-rows: repeat(auto-fill, 1fr);
    row-gap: 20px;
}

.header .right .disclosure .disclosure__list li {
    padding: 0;
}

.header .right .disclosure .disclosure__list li.line{
    border-bottom: 1px solid #E1E1E1;
}

.header .right .disclosure .disclosure__list li a {
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 16px;
    letter-spacing: 0px;
    text-transform: capitalize;
    -webkit-background-clip: text;
}

.header .bar .right>a,
.header .bar .right>span{
    text-decoration: none;
    display: block;
    margin: 0 15px;
    line-height: 0
}

/*.header .bar .right>a#cart-popup{*/
/*    pointer-events: none;*/
/*}*/

.header .bar .right>a i,
.header .bar .right>span i{
    color: #404752;
    font-size: 24px
}

.header .bar .right .search-icon>a {
    text-decoration: none;
    display: none;
    margin: 0 15px;
    line-height: 0
}

.search-none{
    display: none;
}

.header .bar .right .search-icon>a i {
    color: #404752;
    font-size: 24px
}

.header .bar .right>a img
.header .bar .right>span img {
    height: 24px;
    width: 24px;
}

.header .bar .right>a .circle,
.header .bar .right>span .circle {
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-left: 15px;
    margin-top: -10px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    background: #DF4141;
    opacity: 1;
    filter: blur(undefinedpx);
}

.header .bar .right>a .circle span,
.header .bar .right>span .circle span {
    text-align: center;
    font-style: normal;
    text-transform: none;
    font-size: 18px;
    font-family: AlibabaPuHuiTi-Regular-, AlibabaPuHuiTi-Regular;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 25px;
    -webkit-background-clip: text;
}

.header .bar .right>a .circle.hidden-count,
.header .bar .right>span .circle.hidden-count {
    display: none
}


.header .nav {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
    transition: opacity 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

.header.show-background .background {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 0
}

/*.header.show-background.showing-megamenu .background {*/
/*    background-color: #fff*/
/*}*/

.header.expanded .background {
    top: 0;
    left: 0;
    right: 0
}

.header .main-nav {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #E1E1E1;
    z-index: 2;
}

.header .center .main-nav {
    border-bottom: 0px;
}

.header .main-nav ul.root {
    list-style: none;
}

.header .main-nav ul.root>li {
    position: relative;
    display: inline-block;
    height: 60px;
    margin: 0 10px;
}

.header .main-nav ul.root>li>a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 45px;
    height: 60px;
    text-decoration: none;
    letter-spacing: 1px;
}

.logo-left.menu-center .center ul.root>li>a{
    margin: 0 20px;
}

.logo-left.menu-center .center ul.root>li:first-child>a{
    margin-right: 0;
}

.logo-left.menu-center .center ul.root>li:last-child>a{
    margin-left: 0;
}

.header .main-nav ul.root>li>a span{
    display: flex;
    align-items: center;
    background: #0b0b0b;
    position: relative;
    min-height: 60px;
    font-size: 14px;
    text-align: center;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    opacity: 0.7;
    border-radius: 0px;
    border-bottom: 4px solid var(--header-bg-color);
    -webkit-background-clip: text;
}

.header .main-nav ul.root>li.active>a>span,
.header .main-nav ul.root>li.hovered>a>span,
.header .main-nav ul.root>li:hover>a>span
{
    border-bottom: 4px solid #111417;
    opacity: 1;
    filter: blur(undefinedpx);
}

.header .main-nav ul>li.megamenu.active>a>span,
.header .main-nav ul>li.megamenu.hovered>a>span,
.header .main-nav ul>li.megamenu:hover>a>span{
    border-bottom: 0px;
}

.header .main-nav ul li:hover a span{
    opacity: 1;
}

.header .main-nav ul li a.plus.active span {
    border-bottom: 0
}

.header .main-nav ul li a.plus img {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 5px;
}

.header .main-nav ul li ul.tab {
    visibility: hidden;
    list-style: none;
    position: absolute;
    z-index: 10;
    padding: 5px;
    text-align: left;
    background: #fff;
    border: 1px solid #eee;
    opacity: 0;
    transition: transform 125ms 0s,opacity 125ms 0s,visibility
}

.header .main-nav ul li ul.tab.right {
    left: auto;
    right: -5px;
    text-align: right
}

.header .main-nav ul li ul.tab.expanded {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: visibility 0s 0s,opacity .083s 0s,transform .25s 0s,box-shadow .083s 62.5ms
}

.header .main-nav ul li ul.tab li {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}

.header .main-nav ul li ul.tab li a{
    text-decoration: none;
    margin-top: 20px;
}

.header .main-nav ul li ul.tab li a:hover {
    border-bottom: 1px solid #111417;
}

.header .main-nav ul li ul.tab li a,
.header .main-nav ul li ul.tab li a span{
    white-space: nowrap !important;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    -webkit-background-clip: text;
}

/*.header .main-nav ul li ul.tab li ul li a {*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    letter-spacing: 0;*/
/*    padding-top: 0*/
/*}*/

.header .main-nav ul li ul.tab li .ul-1,
.header .main-nav ul li ul.tab li .ul-2{
    padding-left: 10px;
}

.header .main-nav ul li ul.tab li ul li a.active span,
.header .main-nav ul li ul.tab li ul li a:hover span {
    border-bottom-width: 1px
}

/*.header .main-nav ul li:hover a.plus span {*/
/*    border-bottom: 2px solid #fa766a*/
/*}*/

/*.header .main-nav ul li.megamenu {*/
/*    position: static*/
/*}*/

.header .main-nav ul li.megamenu ul.tab {
    min-width: 170px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.04);
    border-radius: 0px;
    position: relative;
    left: 40px;
    opacity: 1;
}

.header .main-nav ul li.megamenu>a.plus img.angle-up{
    display: none;
}

.header .main-nav ul li.megamenu>a.plus[aria-expanded=true] img.angle-down{
    display: none;
}

.header .main-nav ul li.megamenu>a.plus[aria-expanded=true] img.angle-up{
    display: inline-block;
}

/*.header .main-nav ul li.megamenu ul.tab .line {*/
/*    border-bottom: 1px solid #eee;*/
/*    height: 10px;*/
/*    width: 100%*/
/*}*/

.header .main-nav ul li.megamenu ul.tab .columns {
    margin: 15px 15px ;
    display: flex;
    flex-direction: column;
}

.header .main-nav ul li.megamenu ul.tab .columns.space-between {
    justify-content: space-between;
    margin: 30px
}

/*.header .main-nav ul li.megamenu ul.tab li a {*/
/*    color: #fa766a;*/
/*    font-weight: 700;*/
/*    font-size: 15px*/
/*}*/

/*.header .main-nav ul li.megamenu ul.tab li ul li a {*/
/*    color: #404752;*/
/*    font-weight: 500*/
/*}*/

.header .main-nav ul li.megamenu ul.tab .image {
    max-width: 300px
}

.header .main-nav ul li.megamenu ul.tab .image a {
    padding: 0;
    display: block
}

.header .main-nav ul li.megamenu ul.tab .image img {
    width: 100%;
    display: block
}

.header .main-nav ul li.megamenu ul.tab .image p {
    text-align: center;
    margin-top: 4px
}

.header .top-banner {
    position: relative;
    z-index: 5;
    text-align: center
}

/*.header .top-banner .bg {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: #fa766a;*/
/*    opacity: 1;*/
/*    transition: opacity .35s cubic-bezier(.46, .01, .32, 1) 0s*/
/*}*/

body.browsing .header .top-banner .bg,body.picking .header .top-banner .bg,body.shopping .header .top-banner .bg {
    opacity: .75
}

.header .top-banner .text {
    position: relative
}

.header .top-banner .text a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.header .top-banner .text p {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    padding: 12px 30px
}

.header.scrolled {
    z-index: 5
}

.header.scrolled .bar {
    opacity: 0
}

.header.scrolled .bar .right .disclosures {
    display: none
}

.header.scrolled .bar.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    display: block;
    z-index: 7;
}

.header.scrolled .bar-search,
.header.scrolled .bar.fixed.pc-no-topping,
.header.scrolled .bar-search.pc-no-topping{
    opacity: 0;
}

@media (max-width: 768px) {
    .header.scrolled .bar-search,
    .header.scrolled .bar.fixed.mob-no-topping,
    .header.scrolled .bar-search.mob-no-topping{
        opacity: 0;
    }
}

.header.scrolled .bar.fixed .search-border{
    display: none;
}

.header.scrolled .bar.fixed .search-icon a{
    display: block;
}

.header.scrolled .nav {
    opacity: 0;
    display: none;
}

.header.scrolling .fixed .left {
    left: 50px
}

.header.scrolling .fixed .right {
    right: 50px
}

.header.solid .fixed {
    background-color: #fff
}

.header.solid .fixed .left {
    left: 30px
}

.header.solid .fixed .right {
    right: 30px
}

.header.solid .fixed .center a.logo h1 {
    font-size: 30px;
    color: #404752;
    line-height: 30px
}

.no-js .header .main-nav ul li:focus-within ul.tab {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: visibility 0s 0s,opacity .083s 0s,transform .25s 0s,box-shadow .083s 62.5ms
}

.no-js .header .header .bar .left a {
    display: none
}

h1.logo {
    font-size: 40px;
    color: #404752;
    line-height: 40px;
    word-wrap: break-word;
    transition: font-size 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

h1.logo img {
    max-width: 100%;
    display: block;
    transition: width 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

body.template-404 .header .bar .right a.icon-cart,body.template-404 .header .bar .right a.icon-user,body.template-customers-account .header .bar .right a.icon-cart,body.template-customers-account .header .bar .right a.icon-user,body.template-customers-addresses .header .bar .right a.icon-cart,body.template-customers-addresses .header .bar .right a.icon-user,body.template-customers-login .header .bar .right a.icon-cart,body.template-customers-login .header .bar .right a.icon-user,body.template-customers-order .header .bar .right a.icon-cart,body.template-customers-order .header .bar .right a.icon-user,body.template-customers-register .header .bar .right a.icon-cart,body.template-customers-register .header .bar .right a.icon-user {
    display: none
}

body.template-404 .header .bar .right a.icon-search,body.template-customers-account .header .bar .right a.icon-search,body.template-customers-addresses .header .bar .right a.icon-search,body.template-customers-login .header .bar .right a.icon-search,body.template-customers-order .header .bar .right a.icon-search,body.template-customers-register .header .bar .right a.icon-search {
    padding-right: 8px
}

body.template-cart .header .bar .right a.icon-cart,body.template-cart .header .bar .right a.icon-user {
    display: none
}

body.template-cart .header .bar .right a.icon-search {
    padding-right: 8px
}

.no-js .header .main-nav ul li:hover ul.tab {
    visibility: visible;
    opacity: 1;
    transform: none
}

@media (max-width: 960px) {
    .relative .bar .center{
        display: none;
    }
    #menu2{
        display: block;
    }

    .header .bar {
        grid-template-columns: 2fr 4fr 4fr;
    }
    .header .bar .left {
        width: 20%;
    }
    .header .bar .center {
        width: 40%;
    }
    .header .bar .right{
        width: 40%;
    }
    .header .bar .center{
        left: 20%;
    }

    .header .bar .left {
        left: 14px
    }

    .header .bar .right {
        right: 14px
    }

    .header .bar .right .search-icon>a{
        display: block;
    }

    .header .bar .right .disclosures {
        display: none
    }

    .header .bar .right a .circle {
        width: 26px;
        height: 26px;
        line-height: 26px
    }

    /*.header .bar .center {*/
    /*    display: none*/
    /*}*/

    .header.show-background .background {
        left: 20px;
        right: 20px;
        bottom: 0
    }

    .header.expanded .background {
        top: 0;
        left: 0;
        right: 0
    }

    .header.scrolling .fixed .left {
        left: 40px
    }

    .header.scrolling .fixed .right {
        right: 40px
    }

    .header.solid .fixed .left {
        left: 20px
    }

    .header.solid .fixed .right {
        right: 20px
    }

    .header .main-nav ul li.megamenu ul.tab .columns {
        flex-wrap: wrap;
        justify-content: space-evenly!important;
        margin: 20px 20px 0!important
    }

    h1.logo {
        font-size: 30px;
        line-height: 30px
    }
    .header .top-banner{
        display: none;
    }
}

@media (max-width: 620px) {
    .header .bar {
        padding-left:15px;
        padding-right: 15px
    }

    .header .bar .left {
        left: 10px
    }

    .header .bar .left a span {
        display: none
    }

    .header .bar .right {
        right: 10px
    }

    .header .bar .right a .circle {
        width: 26px;
        height: 26px;
        line-height: 26px
    }

    .header .bar .right a.icon-cart {
        display: inline
    }

    .header .bar .right a.icon-cart i.fc-cart {
        display: none
    }

    .header .bar .right a.icon-cart .circle {
        margin-left: 0
    }

    .header.show-background .background {
        left: 15px;
        right: 15px
    }

    .header.expanded .background {
        top: 0;
        left: 0;
        right: 0
    }

    .header .main-nav {
        display: none
    }

    .header .main-nav.show-on-mobile {
        display: block;
        padding-bottom: 20px
    }

    .header .main-nav.show-on-mobile ul {
        padding-top: 0
    }

    .header .main-nav.show-on-mobile ul.right {
        left: auto;
        right: -5px;
        text-align: right
    }

    .header .main-nav.show-on-mobile ul li ul {
        padding: 5px
    }

    .header .top-banner .text p {
        padding: 12px 15px
    }

    .header.scrolling .fixed .left {
        left: 10px
    }

    .header.scrolling .fixed .right {
        right: 10px
    }

    .header.solid .fixed .left {
        left: 15px
    }

    .header.solid .fixed .right {
        right: 15px
    }

    h1.logo {
        font-size: 30px;
        line-height: 30px
    }
}

.template-index .layout>.inner {
    position: relative
}

.template-index .layout>.inner>.sections {
    position: relative;
    z-index: 2
}

.featured-products .featured-product {
    position: relative;
    margin: 0;
    padding: 30px;
    width: 100%;
    height: 600px;
    background-color: #f3f0ee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.featured-products .featured-product .container {
    max-width: 1100px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.featured-products .featured-product a.info {
    opacity: 0;
    display: block;
    text-align: left;
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(243,240,238,0.2);
    text-decoration: none
}

.no-js .featured-products .featured-product a.info,.shaped .featured-products .featured-product a.info {
    opacity: 1
}

.featured-products .featured-product a.info .container {
    height: 100%
}

.featured-products .featured-product a.info .container .left {
    width: 50%;
    height: 100%;
    display: inline-block
}

.featured-products .featured-product a.info .container .left .table {
    display: table;
    table-layout: fixed;
    max-width: 500px;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.featured-products .featured-product a.info .container .left .table .cell {
    display: table-cell;
    vertical-align: middle
}

.featured-products .featured-product a.info .container .left .table .cell .title {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 65px;
    line-height: 66px;
    color: #404752;
    color: #404752;
    font-weight: 700
}

.featured-products .featured-product a.info .container .left .table .cell .title.mobile {
    display: none
}

/*.featured-products .featured-product a.info .container .left .table .cell .price {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 40px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    margin-top: 10px*/
/*}*/

.featured-products .featured-product a.info .container .left .table .cell .price .striped {
    display: inline-block;
    text-decoration: line-through;
    font-size: 30px
}

.featured-products .featured-product a.info .container .left .table .cell .unit {
    display: block;
    margin-top: 5px;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 22px;
    color: #404752;
    color: #404752
}

.featured-products .featured-product a.info .container .left .table .cell .button {
    margin: 30px 0 0
}

.featured-products .featured-product .image {
    width: 100%;
    height: 100%
}

.featured-products .featured-product .image .container:after {
    display: table;
    content: '';
    clear: both
}

.featured-products .featured-product .image .container .right {
    height: 100%;
    width: 50%;
    overflow: hidden;
    float: right
}

.featured-products .featured-product .image .container .right .picture {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.featured-products .featured-product .image .container .right .placeholder-svg {
    transform: scale(1.25)
}

.featured-products .featured-product .image .container .right img {
    display: inline-block;
    height: 100%
}

.featured-products .featured-product.with-overlap a.info .container .left {
    width: 60%
}

.featured-products .featured-product.with-overlap .image .container .right {
    width: 60%
}

.no-js .featured-products.active .featured-product .info,.shaped .featured-products.active .featured-product .info {
    opacity: 0
}

.featured-products.active .featured-product.active .info {
    position: fixed;
    z-index: 1000;
    left: 90px;
    right: 90px;
    bottom: auto;
    height: 600px
}

.no-js .featured-products.active .featured-product.active .info,.shaped .featured-products.active .featured-product.active .info {
    opacity: 1
}

.featured-products.active .featured-product.active.absolute {
    position: relative
}

.featured-products.active .featured-product.active.absolute .info {
    position: absolute;
    left: 60px;
    right: 60px
}

.featured-products.active.expanded .featured-product.active .info {
    left: 40px;
    right: 40px
}

.featured-products.active.expanded .featured-product.active.absolute .info {
    left: 20px;
    right: 20px
}

.featured-products.with_separation .featured-product {
    margin-bottom: 30px
}

.featured-products.with_separation .featured-product:last-child {
    margin-bottom: 0
}

@media (max-width: 960px) {
    .featured-products .featured-product a.info {
        left:40px;
        right: 40px
    }

    .featured-products .featured-product a.info .container .left .table .cell .title {
        font-size: 55px
    }

    .featured-products .featured-product a.info .container .left .table .cell .button {
        margin: 30px 0 0
    }

    .featured-products.active .featured-product.active .info {
        left: 60px;
        right: 60px
    }

    .featured-products.active .featured-product.active.absolute .info {
        left: 40px;
        right: 40px
    }

    .featured-products.active.expanded .featured-product.active .info {
        left: 40px;
        right: 40px
    }

    .featured-products.active.expanded .featured-product.active.absolute .info {
        left: 20px;
        right: 20px
    }

    .featured-products.with_separation .featured-product {
        margin-bottom: 20px
    }
}

@media (max-width: 620px) {
    .featured-products .featured-product {
        padding:0;
        height: auto!important
    }

    .featured-products .featured-product .image {
        height: 300px
    }

    .featured-products .featured-product .image .container .right {
        float: none;
        width: 100%!important
    }

    .featured-products .featured-product a.info {
        opacity: 1;
        position: relative!important;
        left: auto;
        right: auto;
        top: auto!important;
        height: auto;
        width: 100%;
        padding: 15px 0
    }

    .featured-products .featured-product a.info .container {
        height: auto;
        width: 100%
    }

    .featured-products .featured-product a.info .container .left {
        width: 100%!important;
        height: auto
    }

    .featured-products .featured-product a.info .container .left .table {
        width: 100%;
        height: auto
    }

    .featured-products .featured-product a.info .container .left .table .cell {
        text-align: center;
        padding: 15px 15px 0
    }

    .featured-products .featured-product a.info .container .left .table .cell .title {
        font-size: 36px;
        line-height: 40px;
        display: inline
    }

    .featured-products .featured-product a.info .container .left .table .cell .price {
        font-size: 30px;
        line-height: 34px;
        display: inline-block
    }

    .featured-products .featured-product a.info .container .left .table .cell .title {
        display: none
    }

    .featured-products .featured-product a.info .container .left .table .cell .title.mobile {
        display: block
    }

    .featured-products .featured-product a.info .container .left .table .cell .button {
        margin: 30px auto 0
    }
}

.featured-image img {
    display: block;
    width: 100%
}

.featured-image a {
    text-decoration: none
}

.featured-image .placeholder-svg {
    width: 100%;
    height: 40vw;
    display: block;
    background-color: #f3f0ee
}

.text-columns-with-images {
    text-align: center
}

.text-columns-with-images .rte {
    margin-bottom: 30px
}

.text-columns-with-images .rte p {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    color: #404752;
    font-weight: 400;
    text-transform: none
}

.text-columns-with-images .cols {
    font-size: 0;
    max-width: 1200px;
    margin: 0 auto
}

.text-columns-with-images .cols:after {
    display: table;
    content: '';
    clear: both
}

.text-columns-with-images .cols .col {
    min-width: 100px;
    padding: 15px;
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.text-columns-with-images .cols .col a {
    text-decoration: none;
    display: block
}

.text-columns-with-images .cols .col img {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%
}

.text-columns-with-images .cols .col .icon {
    width: 85px;
    height: 85px;
    display: inline-block;
    margin: 0 0 10px
}

/*.text-columns-with-images .cols .col .icon i {*/
/*    font-size: 85px;*/
/*    color: #fa766a*/
/*}*/

/*.text-columns-with-images .cols .col .number {*/
/*    text-align: center;*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 50px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    margin: 0 auto 10px;*/
/*    border: 3px solid #fa766a;*/
/*    width: 69px;*/
/*    height: 74px;*/
/*    border-radius: 65px;*/
/*    padding: 5px 5px 0;*/
/*    box-sizing: content-box*/
/*}*/

.text-columns-with-images .cols .col h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    line-height: 23px;
    color: #404752;
    color: #404752;
    margin: 0 0 4px
}

.text-columns-with-images .cols .col p {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
    color: #404752;
    color: #404752;
    text-transform: none;
    margin: 0 auto
}

.text-columns-with-images .cols .col p a {
    text-decoration: underline
}

.text-columns-with-images .cols.layout-1 .col {
    width: 100%
}

.text-columns-with-images .cols.layout-2 .col {
    width: 50%
}

.text-columns-with-images .cols.layout-3 .col {
    width: 33.3333333333%
}

.text-columns-with-images .cols.layout-4 .col {
    width: 25%
}

.text-columns-with-images .cols.layout-5 .col {
    width: 20%
}

.text-columns-with-images .no-content {
    margin: 30px
}

.text-columns-with-images.left .cols .col {
    text-align: left
}

.text-columns-with-images.right .cols .col {
    text-align: right
}

@media (max-width: 820px) {
    .text-columns-with-images .row.cols.layout-4 .col {
        width:50%
    }

    .text-columns-with-images .row.cols.layout-5 .col,.text-columns-with-images .row.cols.layout-6 .col {
        width: 33.3333333333%
    }
}

@media (max-width: 620px) {
    .text-columns-with-images .row.cols .col {
        min-width:0;
        padding: 15px
    }

    .text-columns-with-images .row.cols .col .number {
        margin: 0 auto 10px;
        border-radius: 50px;
        box-sizing: content-box
    }

    .text-columns-with-images .row.cols .col h2 {
        font-size: 18px
    }

    .text-columns-with-images .row.cols .col p {
        font-size: 14px;
        line-height: 18px
    }

    .text-columns-with-images .row.cols.layout-3 .col,.text-columns-with-images .row.cols.layout-4 .col,.text-columns-with-images .row.cols.layout-5 .col,.text-columns-with-images .row.cols.layout-6 .col {
        width: 50%
    }

    .text-columns-with-images.with-padding {
        margin: 0 15px
    }
}

.map {
    position: relative
}

.map:after {
    display: table;
    content: '';
    clear: both
}

.map>.background {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.map>.background .image {
    width: 100%;
    height: 100%;
    background: #f3f0ee;
    background-size: cover
}

.map>.background .map-container {
    width: 100%;
    height: 100%;
    background: #f3f0ee
}

/*.map>.background .map-container .warning {*/
/*    display: none;*/
/*    padding: 20px;*/
/*    margin: 20px;*/
/*    background: #fa766a;*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    line-height: 22px;*/
/*    color: #404752;*/
/*    color: #fff;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0*/
/*}*/

.map>.background .map-container.error .warning {
    display: block
}

.map>.info {
    z-index: 2;
    position: relative;
    padding: 30px;
    margin: 60px 30px;
    background: rgba(255,255,255,.85);
    float: left;
    width: 100%
}

.map>.info h1 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 40px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    word-wrap: break-word
}

.map>.info p {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    line-height: 25px;
    color: #404752;
    min-height: 16px
}

.map>.info p b,.map>.info p strong {
    font-weight: 700
}

.map>.info p a {
    text-decoration: underline
}

.map>.info p:first-child {
    margin-top: 10px
}

.map>.info p:last-child {
    margin-bottom: 20px
}

@media (max-width: 960px) {
    .map>.info {
        padding:0 0 15px;
        margin: 0;
        background: #f3f0ee;
        text-align: center;
        max-width: none!important
    }

    .map>.info p {
        font-size: 22px;
        line-height: 32px
    }

    .map>.background {
        position: static;
        width: 100%;
        margin: 0 0 15px
    }

    .map>.background .image,.map>.background .map-container {
        height: 300px;
        overflow: hidden
    }
}


.newsletter .rte {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 30px
}

.newsletter .rte p {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    color: #404752;
    font-weight: 400;
    text-transform: none;
    margin-top: 12px
}

.newsletter .rte p a {
    color: #404752;
    text-decoration: underline
}

.newsletter .rte p a:hover {
    border: 0
}

.newsletter form {
    max-width: 540px;
    margin: 0 auto
}

.newsletter form .table {
    display: table;
    width: 100%
}

.newsletter form .table input.text {
    padding: 16px 15px 15px;
    display: table-cell;
    width: 100%
}

.newsletter form .table span.input-group-btn {
    display: table-cell;
    width: 1%;
    vertical-align: top
}

.newsletter form .table span.input-group-btn .btn {
    padding: 14px 20px;
    margin-left: 5px;
    margin-right: 10px
}

.newsletter form .field-error {
    margin-left: 15px
}

/*.newsletter form .success {*/
/*    text-align: center;*/
/*    color: #fa766a;*/
/*    font-size: 18px*/
/*}*/

.image-with-text .flex-row .image {
    flex: 0 0 50%
}

.image-with-text .flex-row .info {
    padding-left: 40px
}

/*.image-with-text .flex-row .info h2 {*/
/*    margin-top: 0;*/
/*    color: #fa766a*/
/*}*/

.image-with-text .flex-row.odd .image {
    order: 2
}

.image-with-text .flex-row.odd .info {
    padding-left: 0;
    padding-right: 40px
}

@media (max-width: 960px) {
    .image-with-text .flex-row .image {
        width:100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .image-with-text .flex-row .info {
        padding: 0
    }

    .image-with-text .flex-row.odd .image {
        order: 0
    }

    .image-with-text .flex-row.odd .info {
        padding: 0
    }
}
/*.msshop-section{*/
/*    margin: 50px 0;*/
/*}*/

.banner-with-text,
.subscribe-with-text {
    height: 400px;
    position: relative;
    padding: 20px;
    width: 100%;
}

.subscribe-with-text{
    padding: 30px 0;
}

.banner-with-text:after {
    display: table;
    content: '';
    clear: both
}

.banner-with-text>.background,
.subscribe-with-text>.background{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner-with-text>.background .image,
.subscribe-with-text>.background .image {
    width: 100%;
    height: 100%;
    background: #f3f0ee;
    background-size: cover
}

.banner-with-text>.background .placeholder-svg {
    transform: scale(-1.8) rotate(180deg);
    background-color: #f3f0ee
}

.banner-with-text>.info {
    z-index: 2;
    position: relative;
    padding: 30px;
    max-width: 550px;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 0.78;
    display: grid;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
    min-width: 450px;
}

.subscribe-with-text>.info{
    z-index: 2;
    position: relative;
    padding: 30px;
    display: grid;
    justify-content: start;
    align-items: center;
    grid-template-rows: repeat(3, auto);
    row-gap: 30px;
    margin-left: 10%;
}


.banner-with-text>.info h1 {
    width: 500px;
    text-transform: uppercase;
    text-align: left;
    font-size: 30px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    line-height: 48px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    -webkit-background-clip: text;
}

.subscribe-with-text>.info h1 p{
    font-size: 56px;
    font-family: Oswald-Medium-, Oswald-Medium;
    font-weight: normal;
    color: #111417;
    -webkit-background-clip: text;
}

/*.banner-with-text>.info p {*/
/*    font-size: 17px;*/
/*    text-align: left;*/
/*    font-family: HarmonyOS Sans SC-Light, HarmonyOS Sans SC;*/
/*    font-weight: 300;*/
/*    color: #B5B5B5;*/
/*    line-height: 27px;*/
/*    -webkit-background-clip: text;*/
/*}*/

.subscribe-with-text>.info>p{
    max-width: 800px;
    height: auto;
    font-size: 26px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    -webkit-background-clip: text;
}

.subscribe-with-text>.info>div{
    display: flex;
}

.subscribe-with-text>.info .quick-input-box input{
    width: 403px;
    height: 57px;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #B5B5B5;
    filter: blur(undefinedpx);
    padding-left: 24px;
}

.subscribe-with-text>.info .quick-input-box  span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 57px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
    display: flex;
}

.subscribe-with-text>.info .quick-input-box span img{
    display: inline-block;
    height: 12px;
    width: 24px;
}

.banner-with-text>.info p b,.banner-with-text>.info p strong {
    font-weight: FontDrop
}

.banner-with-text>.info p a:not(.btn) {
    text-decoration: underline
}

.banner-with-text>.info p:nth-child(2) {
    margin-top: 20px
}

.banner-with-text>.info p:last-child {
    margin-bottom: 0
}

.banner-with-text.position-right>.info {
    float: right
}

.banner-with-text.position-center>.info {
    float: none;
    margin: 0 auto
}

/*.banner-with-text.align-center {*/
/*    text-align: center*/
/*}*/

/*.banner-with-text.align-right {*/
/*    text-align: right*/
/*}*/

@media (max-width: 960px) {
    .subscribe-with-text>.info{
        margin-left: 0%;
        justify-items: center;
        align-content: center;
    }
    .subscribe-with-text>.background::before{
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(17, 20, 23, 0.48);
        border-radius: 0px;
        opacity: 1;
    }
    .subscribe-with-text>.info h1{
        font-size: 40px;
        line-height: 40px;
    }
    .subscribe-with-text>.info p{
        font-size: 28px;
        line-height: 30px;
    }
    .subscribe-with-text>.info h1,
    .subscribe-with-text>.info p{
        text-align: center;
        color: #FFFFFF;
    }
    .subscribe-with-text>.info>div{
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 620px) {
    .banner-with-text>.info {
        padding:15px;
        margin: 0;
        background: #f3f0ee;
        text-align: center;
        max-width: none!important;
        width: 100%
    }

    .banner-with-text>.info p {
        font-family: "Work Sans",sans-serif;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        font-size: 14px;
        line-height: 27px;
        color: #404752
    }

    /*.banner-with-text>.background {*/
    /*    position: static;*/
    /*    width: 100%*/
    /*}*/

    .banner-with-text>.background .image {
        height: 200px
    }

    .banner-with-text>.background .placeholder-svg {
        transform: scale(1) rotate(180deg)
    }

    .banner-with-text.position-right>.info {
        float: none
    }
    .subscribe-with-text>.info .quick-input-box input{
        width: 100%;
    }
}

.logo-list .flex-row {
    flex-wrap: wrap
}

.logo-list p.category {
    text-align: center
}

.logo-list .logo {
    width: 100px;
    display: block;
    margin: 20px
}

.logo-list .placeholder-svg {
    fill: #404752
}

@media (max-width: 960px) {
    .logo-list .flex-row {
        flex-direction:row
    }
}

.call-to-action .flex-row {
    align-items: stretch
}

/*.call-to-action .banner {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*    background: #fa766a*/
/*}*/

.call-to-action .banner a {
    text-decoration: none;
    display: block;
    border: 0!important
}

.call-to-action .banner .info {
    padding: 50px
}

.call-to-action .banner h2 {
    color: #fff;
    margin: 0 0 20px;
    line-height: 34px
}

.call-to-action .banner h6 {
    color: #fff;
    margin: 0;
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px
}

.call-to-action .banner:nth-child(even) {
    background: #404752
}

.call-to-action .banner:nth-child(even) h2,.call-to-action .banner:nth-child(even) h6 {
    color: #fff
}

@media (max-width: 960px) {
    .call-to-action h2 {
        font-size:24px;
        line-height: 26px
    }

    .call-to-action h6 {
        font-size: 14px
    }
}

.featured-video .video {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: auto
}

.featured-video .video.vimeo {
    padding-bottom: 47.4%
}

.featured-video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%
}
/*.section-rich-text{*/
/*    height: auto;*/
/*}*/

.section-rich-text .rich-text{
    display: grid;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.section-rich-text .inner.centered .title{
    text-align: center;
    position: relative;
    width: 100%;
    font-size: 24px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    line-height: 46px;
    -webkit-background-clip: text;
}

.section-rich-text .inner.centered .rte,
.section-rich-text .inner.centered .rte pre{
    position: relative;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400;
    color: #A0A9B5;
    text-align: center;
    -webkit-background-clip: text;
    white-space:pre-wrap; /* css3.0 */
    white-space:-moz-pre-wrap; /* Firefox */
    white-space:-pre-wrap; /* Opera 4-6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* Internet Explorer 5.5+ */
}

.section-rich-text .inner.centered .rte pre{
    line-height: 28px;
}

.section-rich-text .rte p {
    font-size: 17px;
    font-family: HarmonyOS Sans SC-Light, HarmonyOS Sans SC;
    font-weight: 300;
    color: #B5B5B5;
    -webkit-background-clip: text;
}

.section-rich-text .rte p a {
    color: #404752;
    text-decoration: underline
}

.section-rich-text .rte p a:hover {
    border: 0
}

.section-rich-text .rte.with-header p {
    margin-top: 10px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

/*.slick-slide {*/
/*    float: left;*/
/*    height: 100%;*/
/*    min-height: 1px;*/
/*    display: none*/
/*}*/

/*[dir=rtl] .slick-slide {*/
/*    float: right*/
/*}*/

/*.slick-slide img {*/
/*    display: block*/
/*}*/

/*.slick-slide.slick-loading img {*/
/*    display: none*/
/*}*/

/*.slick-slide.dragging img {*/
/*    pointer-events: none*/
/*}*/

/*.slick-initialized .slick-slide {*/
/*    display: block*/
/*}*/

/*.slick-loading .slick-slide {*/
/*    visibility: hidden*/
/*}*/

/*.slick-vertical .slick-slide {*/
/*    display: block;*/
/*    height: auto;*/
/*    border: 1px solid transparent*/
/*}*/

/*.slick-arrow.slick-hidden {*/
/*    display: none*/
/*}*/

/*.slideshow .inner.small {*/
/*    height: 400px*/
/*}*/

/*.slideshow .inner.medium {*/
/*    height: 540px*/
/*}*/

/*.slideshow .inner.large {*/
/*    height: 700px*/
/*}*/

/*.slideshow .slick-list,.slideshow .slick-track {*/
/*    height: 100%*/
/*}*/

/*.slideshow .slick-slide {*/
/*    height: 100%;*/
/*    width: 100%*/
/*}*/

/*.slideshow .slick-slide>div {*/
/*    height: 100%;*/
/*    width: 100%*/
/*}*/

.slideshow .slide {
    /*display: flex !important;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*position: relative;*/
    /*max-width: 1920px;*/
    /*height: 540px;*/
    /*background: #F0F4F6;*/
}

/*.slideshow .slide .slideshow-image img{*/
/*    width: 50%;*/
/*    height: 500px;*/
/*}*/

/*.slideshow .slide a {*/
/*    text-decoration: none;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: block;*/
/*    position: relative;*/
/*    z-index: 2*/
/*}*/

/*.slideshow .slide a:focus {*/
/*    outline: 0;*/
/*    border: 2px solid #005fcc;*/
/*    border-radius: 10px*/
/*}*/

.slideshow-image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 540px;
}

.slideshow-image .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    z-index: 2;
    position: relative;
    padding:  2% 5%;
}

.slideshow-image .table .cell {
    display: table-cell;
    vertical-align: middle;
    height: 80%;
}

.slideshow-image .table .cell>div {
    display: grid;
    grid-template-rows: repeat(4, auto);
    align-items: center;
}
.slideshow-image .table .cell>div>p {
    max-width: 900px;
    height: auto;
    margin-bottom: 20px;
    font-size: 24px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.slideshow-image .table .cell>div h1 {
    max-width: 900px;
    height: auto;
    font-size: 80px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.slideshow-image .table .cell>div h2,
.slideshow-image .table .cell>div h2 p {
    max-width: 900px;
    height: auto;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: HarmonyOS Sans SC-Light, HarmonyOS Sans SC ;
    font-weight: 300;
    color: #B5B5B5;
    -webkit-background-clip: text;
}

.slideshow-image .table .cell>div button{
    padding: 15px 20px;
    background: #111417;
    opacity: 1;
}
.slideshow-image .table .cell>div button span {
    min-width: 90px;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1px;
    -webkit-background-clip: text;
}

/*.slideshow .slide .placeholder-background {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 1*/
/*}*/

/*.slideshow .slide.is-light .slideshow-image .table .cell .btn {*/
/*    color: #fff;*/
/*    border-color: #fff*/
/*}*/

/*.slideshow .slide.is-light .slideshow-image .table .cell .btn:hover {*/
/*    color: #ccc;*/
/*    border-color: #ccc*/
/*}*/

/*.slideshow .slide.is-light .placeholder-background .placeholder-svg {*/
/*    fill: #333333;*/
/*    background-color: #262626*/
/*}*/

/*.slideshow .slide.is-dark .slideshow-image .table .cell h1 {*/
/*    color: #333*/
/*}*/

/*.slideshow .slide.is-dark .slideshow-image .table .cell .btn {*/
/*    color: #333;*/
/*    border-color: #333*/
/*}*/

/*.slideshow .slide.is-dark .slideshow-image .table .cell .btn:hover {*/
/*    color: #666;*/
/*    border-color: #666*/
/*}*/

/*.slideshow .slide.is-dark .placeholder-background .placeholder-svg {*/
/*    background-color: #f3f0ee*/
/*}*/

/*.slideshow .slide.left {*/
/*    text-align: left*/
/*}*/

/*.slideshow .slide.right {*/
/*    text-align: right*/
/*}*/

/*.slideshow .slide.center {*/
/*    text-align: center*/
/*}*/

/*.slideshow .slide:first-child {*/
/*    display: block*/
/*}*/

/*.slideshow.slick-initialized div {*/
/*    display: block*/
/*}*/

/*.slideshow .slick-next,*/
/*.slideshow .slick-prev {*/
/*    font-size: 0;*/
/*    line-height: 40px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    display: block;*/
/*    width: 22px;*/
/*    height: 40px;*/
/*    padding: 0;*/
/*    -webkit-transform: translate(0,-45%);*/
/*    -ms-transform: translate(0,-45%);*/
/*    transform: translate(0,-45%);*/
/*    cursor: pointer;*/
/*    color: transparent;*/
/*    border: none;*/
/*    background: 0 0*/
/*}*/

/*.slideshow .slick-next:before,*/
/*.slideshow .slick-prev:before {*/
/*    font-family: FontColors;*/
/*    font-size: 40px*/
/*}*/

/*.slideshow .slick-next.is-light:before,*/
/*.slideshow .slick-prev.is-light:before {*/
/*    color: #B5B5B5;*/
/*    border-radius: 0px;*/
/*    opacity: 1;*/
/*}*/

/*.slideshow .slick-prev {*/
/*    left: 20px;*/
/*    z-index: 2*/
/*}*/

/*.slideshow .slick-prev:before {*/
/*    content: "G"*/
/*}*/

/*.slideshow .slick-next {*/
/*    right: 20px*/
/*}*/

/*.slideshow .slick-next:before {*/
/*    content: "F"*/
/*}*/

/*.slideshow .slick-dots {*/
/*    position: absolute;*/
/*    bottom: 40px;*/
/*    display: block;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    margin-left: 10%;*/
/*}*/

/*.slideshow .slick-dots li {*/
/*    display: inline-block;*/
/*    margin-right: 5px*/
/*}*/

/*.slideshow .slick-dots li button {*/
/*    font-size: 0;*/
/*    padding: 0 5px;*/
/*    color: #333;*/
/*    cursor: pointer*/
/*}*/

/*.slideshow .slick-dots li button:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    color: #B5B5B5;*/
/*    background: #B5B5B5;*/
/*    border-radius: 50%;*/
/*}*/

/*.slideshow .slick-dots li.slick-active button:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    color: #111417;*/
/*    background: #111417;*/
/*    border-radius: 50%;*/
/*}*/

/*.slideshow .slick-dots.is-light li button {*/
/*    color: #fff*/
/*}*/

@media (max-width: 960px) {
    /*.slideshow .slide .slideshow-image .table .cell {*/
    /*    padding:0 20px*/
    /*}*/
    .slideshow-image{
        background-position: right center;
    }

    .slider .slider-list .item::after {
        content:"";
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(17, 20, 23, 0.48);
        z-index: 0;
        top: 0;
    }

    /*.slideshow-image .table{*/
    /*    background: rgba(17, 20, 23, 0.48);*/
    /*    border-radius: 0px;*/
    /*}*/
    .slideshow-image .table .cell>div{
        text-align: center;
        margin-left: 0;
    }
    .slideshow-image .table .cell>div>p{
        font-size: 28px;
        font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        -webkit-background-clip: text;
    }
    .slideshow-image .table .cell>div h1{
        /*color: #FFFFFF;*/
        /*font-size: 60px;*/
        display: none;
    }
    .slideshow-image .table .cell>div h2{
        font-size: 60px;
        font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
        font-weight: bold;
        color: #FFFFFF;
        -webkit-background-clip: text;
    }
    .slideshow-image .table .cell>div button{
        border-radius: 0px;
        opacity: 1;
        border: 2px solid #FFFFFF;
        background: none;
    }
    .slideshow-image .table .cell>div button span{
        font-size: 28px;
        font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
        font-weight: 400;
        color: #FFFFFF;
        -webkit-background-clip: text;
    }
    .section-rich-text .inner.centered .title{
        font-size: 32px;
    }
    .section-rich-text .inner.centered .rte pre{
        font-size: 26px;
        word-wrap:break-word;
    }
    .section-rich-text .inner.centered{
        width: 80px;
    }
}

@media (max-width: 620px) {
    .slideshow .inner.small {
        height:300px
    }

    .slideshow .inner.medium {
        height: 450px
    }

    .slideshow .inner.large {
        height: 600px
    }

    .slideshow .slide .slideshow-image .table .cell {
        padding: 0
    }

    .slideshow .slide .slideshow-image .table .cell h1 {
        font-size: 45px;
        line-height: 50px
    }

    .slideshow .slide .slideshow-image .table .cell h2 {
        font-size: 25px;
        line-height: 30px
    }

    .slideshow .slick-dots {
        bottom: 10px
    }

    .slideshow .slick-dots li button:before {
        font-size: 20px
    }

    .slideshow .slick-prev {
        left: 0
    }

    .slideshow .slick-next {
        right: 0
    }
    .slideshow-image .table .cell>div h2{
        font-size: 30px;
    }
    .slideshow-image .table{
        padding: 2% 10%;
    }
}

.collections-items {
    display: grid;
    grid-template-rows: repeat(2, minmax(300px, 1fr));
    grid-template-columns: 67fr 61fr;
    justify-content: center;
    align-items: center;
    column-gap: 40px;
    row-gap: 20px;
}

.collections-items div.collections-item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(243,240,238,0.2)
}

.collections-items a.collections-item.one-whole {
    width: 100%;
    height: 340px
}

.collections-items a.collections-item.one-whole.short {
    height: 240px
}

.collections-items a.collections-item.one-whole.tall {
    height: 440px
}

.collections-items a.collections-item.one-half {
    width: 100%;
    height: 300px
}

.collections-items a.collections-item.one-half.short {
    height: 200px
}

.collections-items a.collections-item.one-half.tall {
    height: 400px
}

.collections-items a.collections-item.one-third {
    width: 100%;
    height: 280px
}

.collections-items a.collections-item.one-third.short {
    height: 180px
}

.collections-items a.collections-item.one-third.tall {
    height: 100%
}

.collections-items div.collections-item.one-third.tall:first-child{
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

/*.collections-items a.collections-item.one-third.tall:first-child>div::before {*/
/*    position: absolute;*/
/*    content:"new arrivals";*/
/*    height: 18px;*/
/*    font-size: 14px;*/
/*    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;*/
/*    font-weight: bold;*/
/*    color: #111417;*/
/*    line-height: 17px;*/
/*    letter-spacing: 1px;*/
/*    top: 73px;*/
/*    left: 44px;*/
/*    text-transform: uppercase;*/
/*    -webkit-background-clip: text;*/
/* }*/

.collections-items div.collections-item>div .image-content__text{
    height: 100%;
    position: absolute;
    display: grid;
    grid-template-rows: repeat(3, auto);
    align-items: center;
    top: 0;
    left: 20px;
}

.collections-items div.collections-item:nth-child(1)>div .image-content__text{
    grid-template-rows: 64px 80px auto auto;
    justify-content: center;
    align-items: center;
}

/*.collections-items div.collections-item .image-content__text span{*/
/*    display: none;*/
/*}*/

.collections-items div.collections-item>div .image-content__text span{
    display: block;
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    top: 73px;
    left: 44px;
    text-transform: uppercase;
    text-align: center;
}

.collections-items div.collections-item>div .image-content__text h1 {
    font-size: 23px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #243448;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.collections-items div.collections-item:nth-child(1)>div .image-content__text h1{
    font-size: 48px;
    color: #111417;
    line-height: 66px;
}

.collections-items div.collections-item:nth-child(3)>div .image-content__text h1{
    color: #482424;
}

.collections-items div.collections-item>div .image-content__text h2{
    font-size: 31px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #243448;
    -webkit-background-clip: text;
}

.collections-items div.collections-item:nth-child(3)>div .image-content__text h2{
    color: #482424 ;
}

.collections-items div.collections-item>div .image-content__text p{
    max-width: 400px;
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Light, HarmonyOS Sans SC;
    font-weight: 300;
    color: #A0A9B5;
    -webkit-background-clip: text;
}

.collections-items div.collections-item:nth-child(1)>div .image-content__text p{
    font-size: 17px;
    color: #B5B5B5;
    -webkit-background-clip: text;
}

.collections-items div.collections-item>div .image-content__text button{
    padding: 15px 27px;
    background: #243448;
    border-radius: 0px;
    opacity: 1;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    margin: auto;
}

.collections-items div.collections-item:nth-child(1)>div .image-content__text button{
    background: #111417;
}

.collections-items div.collections-item:nth-child(3)>div .image-content__text button{
    background: #D45A41;
}

.collections-items a.collections-item.left h1 {
    left: 25px
}

.collections-items a.collections-item.center h1 {
    left: 10px;
    right: 0;
    text-align: center;
    max-width: none;
    width: 100%
}

.collections-items a.collections-item.right h1 {
    right: 15px;
    left: 15px;
    max-width: none;
    text-align: right
}

.collections-items a.collections-item.with-underline h1 {
    text-decoration: underline
}

.collections-items a.collections-item .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.collections-items a.collections-item .image.opacity-0 {
    opacity: 0
}

.collections-items a.collections-item .image.opacity-10 {
    opacity: .1
}

.collections-items a.collections-item .image.opacity-20 {
    opacity: .2
}

.collections-items a.collections-item .image.opacity-30 {
    opacity: .3
}

.collections-items a.collections-item .image.opacity-40 {
    opacity: .4
}

.collections-items a.collections-item .image.opacity-50 {
    opacity: .5
}

.collections-items a.collections-item .image.opacity-60 {
    opacity: .6
}

.collections-items a.collections-item .image.opacity-70 {
    opacity: .7
}

.collections-items a.collections-item .image.opacity-80 {
    opacity: .8
}

.collections-items a.collections-item .image.opacity-90 {
    opacity: .9
}

.collections-items a.collections-item .image.opacity-100 {
    opacity: 1
}

.collections-items a.collections-item .placeholder-svg {
    width: 100%;
    height: 100%;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s;
    background-color: #f3f0ee
}

.collections-items a.collections-item .placeholder-svg.opacity-0 {
    opacity: 0
}

.collections-items a.collections-item .placeholder-svg.opacity-10 {
    opacity: .1
}

.collections-items a.collections-item .placeholder-svg.opacity-20 {
    opacity: .2
}

.collections-items a.collections-item .placeholder-svg.opacity-30 {
    opacity: .3
}

.collections-items a.collections-item .placeholder-svg.opacity-40 {
    opacity: .4
}

.collections-items a.collections-item .placeholder-svg.opacity-50 {
    opacity: .5
}

.collections-items a.collections-item .placeholder-svg.opacity-60 {
    opacity: .6
}

.collections-items a.collections-item .placeholder-svg.opacity-70 {
    opacity: .7
}

.collections-items a.collections-item .placeholder-svg.opacity-80 {
    opacity: .8
}

.collections-items a.collections-item .placeholder-svg.opacity-90 {
    opacity: .9
}

.collections-items a.collections-item .placeholder-svg.opacity-100 {
    opacity: 1
}

.collections-items a.collections-item.contain {
    padding-bottom: 50px
}

.collections-items a.collections-item.contain .image {
    background-size: contain
}

.collections-items a.collections-item.cover .image {
    background-size: cover
}

.collections-items.interactive a.collections-item h1 {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.collections-items.interactive a.collections-item .image.opacity-0,.collections-items.interactive a.collections-item .placeholder-svg.opacity-0 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-10,.collections-items.interactive a.collections-item .placeholder-svg.opacity-10 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-20,.collections-items.interactive a.collections-item .placeholder-svg.opacity-20 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-30,.collections-items.interactive a.collections-item .placeholder-svg.opacity-30 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-40,.collections-items.interactive a.collections-item .placeholder-svg.opacity-40 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-50,.collections-items.interactive a.collections-item .placeholder-svg.opacity-50 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-60,.collections-items.interactive a.collections-item .placeholder-svg.opacity-60 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-70,.collections-items.interactive a.collections-item .placeholder-svg.opacity-70 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-80,.collections-items.interactive a.collections-item .placeholder-svg.opacity-80 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-90,.collections-items.interactive a.collections-item .placeholder-svg.opacity-90 {
    opacity: 1
}

.collections-items.interactive a.collections-item .image.opacity-100,.collections-items.interactive a.collections-item .placeholder-svg.opacity-100 {
    opacity: 1
}

.collections-items.interactive a.collections-item:hover h1 {
    opacity: 1
}

.collections-items.interactive a.collections-item:hover .image.opacity-0,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-0 {
    opacity: 0
}

.collections-items.interactive a.collections-item:hover .image.opacity-10,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-10 {
    opacity: .1
}

.collections-items.interactive a.collections-item:hover .image.opacity-20,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-20 {
    opacity: .2
}

.collections-items.interactive a.collections-item:hover .image.opacity-30,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-30 {
    opacity: .3
}

.collections-items.interactive a.collections-item:hover .image.opacity-40,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-40 {
    opacity: .4
}

.collections-items.interactive a.collections-item:hover .image.opacity-50,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-50 {
    opacity: .5
}

.collections-items.interactive a.collections-item:hover .image.opacity-60,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-60 {
    opacity: .6
}

.collections-items.interactive a.collections-item:hover .image.opacity-70,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-70 {
    opacity: .7
}

.collections-items.interactive a.collections-item:hover .image.opacity-80,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-80 {
    opacity: .8
}

.collections-items.interactive a.collections-item:hover .image.opacity-90,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-90 {
    opacity: .9
}

.collections-items.interactive a.collections-item:hover .image.opacity-100,.collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-100 {
    opacity: 1
}
.collections-items.right-big div.collections-item.one-third.tall:first-child {
    grid-column: 2 / 3
}

@media (max-width: 1320px) {
    .collections-items {
        grid-template-rows: repeat(2, minmax(300px, 1fr) );
        grid-template-columns: repeat(2, 1fr);
    }
    .collections-items a.collections-item.one-third.tall:first-child{
        grid-row: 1 / 3;
        grid-column: 1 / 3;
    }
    .items-1{
        grid-template-columns: 1fr;
    }
    .items-2{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(1,600px);
    }
}

@media (max-width: 960px) {
    .collections-items div.collections-item.one-third.tall:first-child,
    .collections-items.right-big div.collections-item.one-third.tall:first-child{
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    .collections-items,
    .collections-items.right-big{
        grid-template-rows: repeat(3, minmax(330px, 1fr));
        grid-template-columns:repeat(1, 1fr);
    }

    .item-2{
        grid-template-rows: repeat(2, minmax(330px, 1fr));
        grid-template-columns:repeat(1, 1fr);
    }

    .collections-items a.collections-item.one-third.tall:first-child{
         grid-row: 1 / 2;
         grid-column: 1 / 2;
     }

    .collections-items a.collections-item.one-half,.collections-items a.collections-item.one-third,.collections-items a.collections-item.one-whole {
        /*width:50%;*/
        height: 200px
    }

    .collections-items a.collections-item.one-half.short,.collections-items a.collections-item.one-third.short,.collections-items a.collections-item.one-whole.short {
        height: 100px
    }

    .collections-items a.collections-item.one-half.tall,.collections-items a.collections-item.one-third.tall,.collections-items a.collections-item.one-whole.tall {
        height: 340px
    }

    .template-index .collections-items a.collections-item:first-child {
        width: 100%;
        height: 300px
    }

    .template-index .collections-items a.collections-item:first-child.short {
        height: 200px
    }

    .template-index .collections-items a.collections-item:first-child.tall {
        height: 100%
    }
    #image-template--index__collections-list-1{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

    }

    .collections-items div.collections-item:nth-child(1)>div .image-content__text,
    .image-content__text{
        max-width: 400px;
        top: 0;
        bottom: 0;
        margin: 0 auto;
    }
    .collections-items a.collections-item.one-third.tall:first-child>div::before{
        font-size: 26px;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }
    .collections-items a.collections-item:nth-child(1)>div .image-content__text p,
    .collections-items a.collections-item:nth-child(1)>div .image-content__text h1,
    .collections-items a.collections-item:nth-child(1)>div .image-content__text p{
        text-align: center;
    }
    /*.collections-items a.collections-item:nth-child(1)>div .image-content__text>div{*/
    /*    position: relative;*/
    /*}*/
    /*.collections-items a.collections-item:nth-child(1)>div .image-content__text button{*/
    /*    position: absolute;*/
    /*    top: 100px;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    margin: auto;*/
    /*}*/
}

@media (max-width: 620px) {
    .collections-items a.collections-item.one-half,.collections-items a.collections-item.one-third,.collections-items a.collections-item.one-whole {
        width:100%;
        height: 200px
    }

    .collections-items a.collections-item.one-half.short,.collections-items a.collections-item.one-third.short,.collections-items a.collections-item.one-whole.short {
        height: 100px
    }

    .collections-items a.collections-item.one-half.tall,.collections-items a.collections-item.one-third.tall,.collections-items a.collections-item.one-whole.tall {
        height: 340px
    }

    .collections-items a.collections-item h1 {
        bottom: 10px
    }

    .featured-collections {
        padding: 30px 15px 0 5px
    }

    .content.list-collections .collections-items {
        padding: 0 15px
    }

    .content.list-collections .collections-items a.collections-item {
        padding-left: 0
    }

    .content.list-collections .collections-items a.collections-item.left h1 {
        left: 10px
    }

    .content.list-collections .collections-items a.collections-item.center h1 {
        left: 0
    }

    .content.list-collections .collections-items a.collections-item.right h1 {
        right: 10px
    }

    .template-index .collections-items a.collections-item {
        width: 100%!important;
        height: 200px!important
    }

    .template-index .collections-items a.collections-item:first-child {
        width: 100%!important;
        height: 200px!important
    }
    .collections-items div.collections-item>div .image-content__text span{
        font-size: calc(0.5 * var(--title-typeface-size)) !important;
    }
    .collections-items div.collections-item:nth-child(1)>div .image-content__text h1{
        font-size: calc(0.5 * var(--content-typeface-size)) !important;
    }
    .banner-with-text>.info{
        min-width: auto;
    }
}

.template-search .content .search-header {
    padding-left: 10px
}

.collection .image,.collection .rte,.collection .sorting-and-filtering,.collection ul.categories {
    margin: 0 0 20px
}
.collection>.inner{
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    /*padding: 1px;*/
}

.collection>.inner>a{
    height: 24px;
    text-decoration: none;
}

.section-featured-blog .collection>.inner>a>h2{
    height: 24px;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    margin: 0 auto;
    -webkit-background-clip: text;
}
.collection>.inner>div.angle-box{
    display: inline-block;
    position: absolute;
    right: 0;
}
.collection>.inner>div.angle-box-phone{
    display: none;
}

.collection>.inner>div.angle-box-phone form select{
    padding: 10px 15px;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #111417;
}

.collection>.inner>div.angle-box span{
    display: inline-block;
}

.collection>.inner>div.angle-box span:last-child{
    margin-left: 13px;
}

.collection>.inner>div.angle-box span img{
    width: 8px;
    height: 14px;
}

.collection .image img {
    width: 100%
}

.collection-products {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    column-gap: 40px;
    row-gap: 50px;
    justify-content: start;
}
.grid-product__image-wrapper {
    height: auto !important;
}
.collection-category-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    grid-template-rows: repeat(auto-fill, 1fr);
    column-gap: 24px;
    row-gap: 50px;
    justify-content: space-between;
    align-items: center;
    margin-top:80px;
}

/*.collection-products::before,*/
/*.collection-category-list::before{*/
/*    content: '';*/
/*    width: 1320px;*/
/*    height: 0px;*/
/*    opacity: 0.2;*/
/*    border-bottom: 1px solid #111417;*/
/*    transform: translateY(-50px);*/
/*}*/

.collection-products h3.empty {
    display: block;
    width: 100%
}

.collection-products .collection-product {
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(243,240,238,0.2)
}

/*.collection-products .collection-product .image{*/
/*    height: 300px;*/
/*}*/

.collection-products .collection-product:last-child{
    margin-right: 0;
}

/*.collection-category-list {*/
/*    display: block;*/
/*    position: relative;*/
/*    text-decoration: none;*/
/*    -webkit-tap-highlight-color: rgba(243,240,238,0.2)*/
/*}*/

/*.collection-category-list .image img{*/
/*    width: 160px;*/
/*    height: 160px;*/
/*}*/

.collection-category-list .image.circle .title
{
    white-space: normal;
    margin-top: 18px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #111417;
    -webkit-background-clip: text;
}

.collection-products .collection-product>.inner {
    height: 100%;
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));*/
    /*grid-template-rows: repeat(auto-fill, 1fr);*/
    /*justify-content: start;*/
    /*align-items: center;*/
}

.collection-products .collection-product>.inner .image {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.collection-products .collection-product>.inner .image:hover::before,
.collection-products .collection-product>.inner.promask .image::before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #111417;
    border-radius: 0px;
    opacity: 0.4;
    z-index: 3;
}

.collection-products .collection-product>.inner .image.square {
    padding-bottom: 100%
}

.collection-products .collection-product>.inner .image.portrait {
    padding-bottom: 125%
}

.collection-products .collection-product>.inner .image.landscape {
    padding-bottom: 75%
}

.collection-products .collection-product>.inner .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    /*border-top-left-radius: 4px;*/
    /*border-top-right-radius: 4px;*/
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.collection-products .collection-product>.inner .image img+img {
    transition: transform .5s ease;
    opacity: 0
}

.collection-products .collection-product>.inner .image .placeholder-svg {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.collection-products .collection-product>.inner .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 150px;
    background-color: #f3f0ee
}

.collection-products .collection-product>.inner .table .cell {
    display: table-cell;
    vertical-align: middle
}

.collection-products .collection-product>.inner .tag {
    position: absolute;
    top: 10px;
    right: 10px
}

/*.collection-products .collection-product>.inner .tag .solid {*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    background: #fa766a;*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 14px;*/
/*    color: #404752;*/
/*    color: #fff;*/
/*    font-weight: 700*/
/*}*/

.collection-products .collection-product>.inner .tag .solid.sold-out {
    background: #353333;
    color: #fff
}

/*.collection-products .collection-product>.inner .tag .solid.sale {*/
/*    color: #fff;*/
/*    background: #fa766a*/
/*}*/

.no-js .collection-products .collection-product>.inner .tag {
    display: none
}

.collection-products .collection-product>.inner .btn-box button{
    width: 150px;
    height: 40px;
    background: #111417;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    margin: 0 auto;
    display: none;
    z-index: 4;
}

.collection-products .collection-product>.inner .sale-btn button{
    background: #F26C4F;
    border-radius: 0px;
    opacity: 1;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 4;
    padding: 5px;
}

.collection-products .collection-product>.inner .sale-btn button span{
    padding: 0px;
    font-size: 10px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    -webkit-background-clip: text;
}

.collection-products .collection-product>.inner .image:hover ~ .btn-box button,
.collection-products .collection-product>.inner .btn-box:hover button,
.collection-products .collection-product>.inner .btn-box button:hover{
    display: inline-block;
}

.collection-products .collection-product>.inner .btn-box button span{
    width: 78px;
    height: 20px;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 1px;
    -webkit-background-clip: text;
}

.collection-products .collection-product>.inner .info-box {
    width: 100%;
    /*background: #FFFFFF;*/
}

.collection-products .collection-product>.inner .info-box .collection-product-title{
    margin-top: 20px;
}

.collection-products .collection-product>.inner .info-box .collection-product-title .title{
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    text-align: center;
    -webkit-background-clip: text;
}

.collection-products .collection-product>.inner .info-box div.prices {
    margin-top: 20px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.collection-products .collection-product>.inner .info-box div.prices div:first-child {
    display: none;
}

.collection-products .collection-product>.inner .info-box div.prices div:last-child {
    display: block;
}

.collection-products .collection-product>.inner .info-box div div.price{
    margin-right: 10px;
    text-align: center;
    font-weight: bold;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 18px;
    color: #111417;
    -webkit-background-clip: text;
}

.collection-products .collection-product>.inner .info-box div div.evaluate{
    display: flex;
    margin-top: 20px;
}

.collection-products .collection-product>.inner .info-box div div img{
    display: inline-block;
    width: 16px;
    height: 15px;
}

/*.collection-products .collection-product>.inner .info-box div div:first-child{*/
/*    height: 19px;*/
/*    font-size: 14px;*/
/*    font-weight: bold;*/
/*}*/

.collection-products .collection-product>.inner .info-box div div:last-child{
    font-size: 18px;
    font-weight: bold !important;
}

.collection-products .collection-product>.inner .info {
    width: 100%;
    position: relative
}

.collection-products .collection-product>.inner .info .metas {
    padding: 10px
}

.collection-products .collection-product>.inner .info .metas:after {
    display: table;
    content: '';
    clear: both
}

.collection-products .collection-product>.inner .info .metas .title {
    display: inline;
    max-width: 100%;
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    color: #404752
}

.section-search .collection-products .collection-product>.inner .info .metas .title {
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    -webkit-background-clip: text;
    text-decoration: none;
}


.collection-products .collection-product>.inner .info .metas .subtitle {
    display: block;
    margin-top: 10px;
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    color: #404752;
    font-size: 13px
}

/*.collection-products .collection-product>.inner .info .metas .price {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 15px;*/
/*    color: #404752;*/
/*    color: #fa766a*/
/*}*/

.section-search .collection-products .collection-product>.inner .info .metas .price{
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    -webkit-background-clip: text;
    text-decoration: none;
}

.collection-products .collection-product>.inner .info .metas .collection-product-price{
    margin-top: 20px;
}
.collection-products .collection-product>.inner .info .metas .price.striped {
    text-decoration: line-through;
    display: inline;
    font-size: 13px
}

.collection-products .collection-product>.inner .info .metas .price,.collection-products .collection-product>.inner .info .metas .title {
    font-size: 15px;
}

.collection-products .collection-product>.inner .info .metas .unit {
    display: block;
    margin-bottom: 2px;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752
}

.collection-products .collection-product>.inner .info .metas .vendor {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    margin-top: 2px
}

.collection-products .collection-product.opened {
    cursor: default
}

.collection-products .collection-product.dummie>.inner .image {
    background: #f3f0ee
}

.collection-products .collection-product.text-only .inner {
    padding: 100px 0;
    background: #e3dcd8;
    justify-content: center
}

#msshop-section-template--index__featured-collection .collection-products .collection-product.opened .image img+img,.collection-products .collection-product:hover .image.show-second img+img {
    transform: scale(1.03);
    opacity: 1
}

#msshop-section-template--product-lists-main-collection .collection-products .collection-product.opened .image img+img,.collection-products .collection-product:hover .image.list-show-second img+img {
    transform: scale(1.03);
    opacity: 1
}

.collection-products .content.product {
    margin-left: 10px;
    margin-bottom: 10px
}

.collection-products .pagination {
    text-align: center;
    padding-left: 10px
}

.collection-products:not(.with-secondary).hover-opacity-0 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-0 .collection-product:hover .inner .image img {
    opacity: 0
}

.collection-products:not(.with-secondary).hover-opacity-0.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-0.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-0.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-0.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-10 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-10 .collection-product:hover .inner .image img {
    opacity: .1
}

.collection-products:not(.with-secondary).hover-opacity-10.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-10.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-10.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-10.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .9
}

.collection-products:not(.with-secondary).hover-opacity-20 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-20 .collection-product:hover .inner .image img {
    opacity: .2
}

.collection-products:not(.with-secondary).hover-opacity-20.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-20.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-20.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-20.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .8
}

.collection-products:not(.with-secondary).hover-opacity-30 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-30 .collection-product:hover .inner .image img {
    opacity: .3
}

.collection-products:not(.with-secondary).hover-opacity-30.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-30.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-30.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-30.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .7
}

.collection-products:not(.with-secondary).hover-opacity-40 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-40 .collection-product:hover .inner .image img {
    opacity: .4
}

.collection-products:not(.with-secondary).hover-opacity-40.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-40.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-40.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-40.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .6
}

.collection-products:not(.with-secondary).hover-opacity-50 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-50 .collection-product:hover .inner .image img {
    opacity: .5
}

.collection-products:not(.with-secondary).hover-opacity-50.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-50.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-50.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-50.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .5
}

.collection-products:not(.with-secondary).hover-opacity-60 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-60 .collection-product:hover .inner .image img {
    opacity: .6
}

.collection-products:not(.with-secondary).hover-opacity-60.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-60.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-60.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-60.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .4
}

.collection-products:not(.with-secondary).hover-opacity-70 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-70 .collection-product:hover .inner .image img {
    opacity: .7
}

.collection-products:not(.with-secondary).hover-opacity-70.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-70.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-70.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-70.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .3
}

.collection-products:not(.with-secondary).hover-opacity-80 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-80 .collection-product:hover .inner .image img {
    opacity: .8
}

.collection-products:not(.with-secondary).hover-opacity-80.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-80.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-80.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-80.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .2
}

.collection-products:not(.with-secondary).hover-opacity-90 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-90 .collection-product:hover .inner .image img {
    opacity: .9
}

.collection-products:not(.with-secondary).hover-opacity-90.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-90.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-90.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-90.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: .1
}

.collection-products:not(.with-secondary).hover-opacity-100 .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-100 .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-100.with-gradients .collection-product.opened .inner .image img,.collection-products:not(.with-secondary).hover-opacity-100.with-gradients .collection-product:hover .inner .image img {
    opacity: 1
}

.collection-products:not(.with-secondary).hover-opacity-100.with-gradients .collection-product.opened .inner .image .gradient,.collection-products:not(.with-secondary).hover-opacity-100.with-gradients .collection-product:hover .inner .image .gradient {
    opacity: 0
}

.collection-products.with-interactions .collection-product .inner {
    position: relative
}

.collection-products.with-interactions .collection-product .inner .image .gradient {
    left: 0
}

.collection-products.with-interactions .collection-product .inner .info {
    position: absolute;
    bottom: 3px;
    right: 5px;
    left: 5px;
    width: auto;
    overflow: hidden;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.collection-products.with-interactions .collection-product .inner .info .metas .price,.collection-products.with-interactions .collection-product .inner .info .metas .subtitle,.collection-products.with-interactions .collection-product .inner .info .metas .title {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 15px;
    color: #404752
}

.collection-products.with-interactions .collection-product .inner .info .metas .price,.collection-products.with-interactions .collection-product .inner .info .metas .title {
    font-size: 24px;
    line-height: 26px
}

.collection-products.with-interactions .collection-product .inner .info .metas .title {
    display: inline-block;
    max-width: 190px
}

.collection-products.with-interactions .collection-product .inner .info .metas .subtitle {
    font-size: 13px
}

/*.collection-products.with-interactions .collection-product .inner .info .metas .price {*/
/*    color: #fa766a;*/
/*    margin-bottom: 0*/
/*}*/

.collection-products.with-interactions .collection-product .inner .info .metas .price.striped {
    font-size: 18px
}

.collection-products.with-interactions .collection-product .inner .info .metas .unit {
    font-size: 16px
}

.collection-products.with-interactions .collection-product.opened:hover .inner .info {
    opacity: 0
}

.collection-products.with-interactions .collection-product:hover .inner .info {
    opacity: 1
}

.collection-products.with-gradients .inner .info .metas .price {
    color: #fff
}

/*.collection-products.with-gradients .collection-product .inner .image .gradient {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 10px;*/
/*    right: 0;*/
/*    opacity: 0;*/
/*    background: linear-gradient(to bottom,rgba(250,118,106,0) 0,#fa766a 100%);*/
/*    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s*/
/*}*/

.collection-products.with-gradients.with-interactions .collection-product .inner .image .gradient {
    left: 0
}

.collection-products.without-title .collection-product .inner .info .title {
    display: none!important
}

.collection-products.without-price .collection-product .inner .info .price,.collection-products.without-price .collection-product .inner .info .unit {
    display: none!important
}

.collection-products.without-vendor .collection-product .inner .info .vendor {
    display: none!important
}

/*.collection-products.with-title-underline .collection-product .inner .info .metas .title {*/
/*    text-decoration: underline*/
/*}*/

.collection-products.without-title.without-price.without-vendor .collection-product .inner .info {
    display: none!important
}

.collection-products.align-left .collection-product .inner .info .metas {
    text-align: left
}

.collection-products.align-center .collection-product .inner .info .metas {
    text-align: center
}

.collection-products.align-right .collection-product .inner .info .metas {
    text-align: right
}

.collection-products.align-one-line .collection-product .inner .info .metas {
    text-align: left
}

.collection-products.align-one-line .collection-product .inner .info .metas .line {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.collection-products.align-one-line .collection-product .inner .info .metas .line .collection-product-title .title {
    display: block
}

.collection-products.align-one-line .collection-product .inner .info .metas .line .collection-product-price {
    order: 2;
    text-align: right
}

.collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line {
    align-items: flex-end
}

.collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-title {
    display: flex;
    flex-direction: column
}

.collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-title .title {
    order: 2
}

.collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-price {
    display: flex;
    flex-direction: column
}

.collection-products.align-one-line.with-interactions .collection-product .inner .info .metas .line .collection-product-price .price {
    order: 2
}

.collection-products.no-padding:not(.with-interactions):not(.with-gradients) .collection-product .inner .info .metas {
    padding: 5px 5px 0 0
}

#msshop-section-template--index__featured-collection .collection-products .collection-product>.inner .sale-btn button{
    display: none;
}

@media (max-width: 960px) {
    .featured-collection .collection-products{
        grid-template-columns: repeat(auto-fit, 1fr);
        grid-template-rows: repeat(auto-fit, 1fr);
    }
    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: none
    }
    .banner-with-text>.info{
        opacity: 1;
    }
    .collection > .inner > div.angle-box {
        display: none;
    }
    .section-featured-blog .collection>.inner>a>h2{
        display: inline-block;
    }
    .collection > .inner > div.angle-box-phone{
        display: inline-block;
        position: absolute;
        right: 0;
    }
    .collection > .inner > div.angle-box-phone a{
        text-decoration: none;
        font-size: 24px;
        font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
        font-weight: 400;
        color: #111417;
        -webkit-background-clip: text;
    }
    .banner-with-text>.info p{
        text-align: center;
        width: 100%;
    }
    .collection-category-list{
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        column-gap: 80px;
    }
    .collection-products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .collection>.inner>a {
        margin: 0 0 20px;
    }
    .template-collection .content {
        padding:30px 0 0
    }



    .collection a.root,.collection h2.divider {
        display: none
    }

    .collection-products .collection-product:nth-child(4n) {
        display: block
    }

    .collection-products.with-interactions .collection-product .inner .info .metas .price,.collection-products.with-interactions .collection-product .inner .info .metas .title {
        font-size: 20px;
        line-height: 24px
    }

    .no-js .product-related-products {
        display: none
    }

    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: block
    }

}

@media (max-width: 450px){
    .collection-products {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*.side-nav {*/
/*    position: relative*/
/*}*/

/*.side-nav>a {*/
/*    display: none*/
/*}*/

/*.side-nav .inner {*/
/*    position: fixed;*/
/*    z-index: 400;*/
/*    top: 0;*/
/*    left: -400px;*/
/*    max-width: 400px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    padding: 30px;*/
/*    background: #fa766a;*/
/*    overflow-y: auto*/
/*}*/

/*.side-nav .close {*/
/*    position: absolute;*/
/*    top: 17px;*/
/*    left: 30px*/
/*}*/

/*.side-nav .close i.fc {*/
/*    color: #fff;*/
/*    font-size: 28px*/
/*}*/

/*.side-nav .menu ul {*/
/*    list-style: none;*/
/*    margin: 37px 0 0*/
/*}*/

/*.side-nav .menu ul li a {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 34px;*/
/*    color: #404752;*/
/*    color: #fff;*/
/*    font-weight: 700;*/
/*    text-transform: none;*/
/*    text-decoration: none;*/
/*    padding: 10px 0;*/
/*    display: inline-block*/
/*}*/

/*.side-nav .menu ul li a:hover {*/
/*    text-decoration: underline*/
/*}*/

/*.side-nav .menu ul li a.plus:hover {*/
/*    text-decoration: none*/
/*}*/

/*.side-nav .menu ul li a.plus:hover span {*/
/*    text-decoration: underline*/
/*}*/

/*.side-nav .menu ul li a.plus:after {*/
/*    content: '+';*/
/*    margin-left: 10px;*/
/*    display: inline-block;*/
/*    transition: transform .2s cubic-bezier(.2, .3, .25, .9) 0s;*/
/*    font-weight: 500*/
/*}*/

/*.side-nav .menu ul li a.plus[aria-expanded=true]:after {*/
/*    transform: rotate(45deg)*/
/*}*/

/*.side-nav .menu ul ul {*/
/*    display: none;*/
/*    margin: 0 0 10px*/
/*}*/

/*.side-nav .menu ul ul li {*/
/*    margin: 0;*/
/*    padding-left: 15px*/
/*}*/

/*.side-nav .menu ul ul li a {*/
/*    font-size: 24px;*/
/*    font-weight: 500;*/
/*    padding: 5px 0 5px*/
/*}*/

/*.side-nav .menu ul ul ul li a {*/
/*    font-size: 20px*/
/*}*/

/*.side-nav .extra>* {*/
/*    padding-top: 20px*/
/*}*/

/*.side-nav .extra>:first-child {*/
/*    margin: 30px 0 0;*/
/*    padding-top: 30px;*/
/*    border-top: 1px solid rgba(255,255,255,.5)*/
/*}*/

/*.side-nav .extra>:last-child {*/
/*    padding-bottom: 30px*/
/*}*/

/*.side-nav .selectors-form .disclosures .disclosure {*/
/*    display: inline-block;*/
/*    margin-right: 8px*/
/*}*/

/*.side-nav .selectors-form .disclosures .disclosure:last-child {*/
/*    margin-right: 0*/
/*}*/

/*.side-nav .selectors-form .disclosures .disclosure .disclosure__toggle {*/
/*    color: #fff;*/
/*    border-color: #fff;*/
/*    background: 0 0*/
/*}*/

/*.side-nav .selectors-form .disclosures .disclosure .disclosure__toggle .msshop-select-icon {*/
/*    fill: #ffffff*/
/*}*/

/*.side-nav .connect {*/
/*    font-size: 35px*/
/*}*/

/*.side-nav .connect a {*/
/*    color: #fff*/
/*}*/

/*.no-js .side-nav {*/
/*    height: 50px;*/
/*    z-index: 200;*/
/*    width: 50px;*/
/*    position: absolute*/
/*}*/

/*.no-js .side-nav>a {*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 14px;*/
/*    top: 17px*/
/*}*/

/*.no-js .side-nav>a i {*/
/*    color: #404752;*/
/*    font-size: 30px;*/
/*    vertical-align: middle*/
/*}*/

/*.no-js .side-nav>a span {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #404752;*/
/*    font-weight: 700;*/
/*    margin-left: 4px;*/
/*    vertical-align: middle;*/
/*    position: relative;*/
/*    top: -2px*/
/*}*/

/*.no-js .side-nav .inner .menu ul li:focus-within>ul,.no-js .side-nav .inner .menu ul li:hover>ul {*/
/*    display: block*/
/*}*/

/*.no-js .side-nav .inner .menu ul li:focus-within>ul li:focus-within ul,.no-js .side-nav .inner .menu ul li:focus-within>ul li:hover ul,.no-js .side-nav .inner .menu ul li:hover>ul li:focus-within ul,.no-js .side-nav .inner .menu ul li:hover>ul li:hover ul {*/
/*    display: block*/
/*}*/

/*.no-js .side-nav .inner .close {*/
/*    display: none*/
/*}*/

/*.no-js .side-nav:focus-within .inner,.no-js .side-nav:hover .inner {*/
/*    left: 0*/
/*}*/

/*@media (max-width: 960px) {*/
/*    .side-nav .inner {*/
/*        padding:20px*/
/*    }*/

/*    .side-nav .close {*/
/*        left: 20px*/
/*    }*/
/*}*/

/*@media (max-width: 620px) {*/
/*    .side-nav .inner {*/
/*        padding:15px*/
/*    }*/

/*    .side-nav .close {*/
/*        top: 17px;*/
/*        left: 15px*/
/*    }*/

/*    .side-nav .menu ul {*/
/*        margin: 37px 0 0*/
/*    }*/
/*}*/

.side-cart {
    visibility: hidden;
    color: #fff;
    background: #404752;
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    max-width: 100%;
    height: 100%;
    text-align: left;
    padding: 17px 30px 17px
}

.side-cart .side-cart-header {
    border-bottom: 3px solid #fff
}

.side-cart .side-cart-header h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 25px;
    color: #404752;
    color: #fff;
    font-weight: 700;
    margin: 0 0 20px
}

/*.side-cart .side-cart-header h5 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic*/
/*}*/

.side-cart .close {
    position: absolute;
    top: 17px;
    right: 30px;
    text-decoration: none
}

.side-cart .close i.fc {
    color: #fff;
    font-size: 28px;
    position: relative;
    right: -4px;
    top: 3px
}

.side-cart .side-cart-container {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 30px
}

.side-cart .side-cart-container .items {
    position: absolute;
    top: 0;
    bottom: 150px;
    left: 0;
    right: 0;
    padding: 0 30px;
    overflow-y: auto;
    overflow-x: hidden
}

.side-cart .side-cart-container .items .item {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.side-cart .side-cart-container .items .item .quantity {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.side-cart .side-cart-container .items .item.loading .quantity {
    opacity: .3
}

.side-cart .side-cart-container .items .item.removing {
    opacity: .1
}

.side-cart .side-cart-container .more .cart__checkout {
    border-radius: 5px;
    box-shadow: inset 0 0 100px 100px rgba(0,0,0,.05);
    padding: 16px
}

.side-cart .side-cart-container .more .additional-checkout-buttons {
    padding-bottom: 20px;
    margin-top: -20px
}

.side-cart .side-cart-container>h3 {
    margin-top: 10px
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (max-width: 420px) {
    .side-cart {
        padding:17px 15px 17px
    }

    .side-cart .close {
        right: 15px
    }

    .side-cart .side-cart-container {
        padding: 15px 15px
    }

    .side-cart .side-cart-container .items {
        padding: 0 15px
    }

    .side-cart .side-cart-container .more .additional-checkout-buttons {
        padding-bottom: 20px
    }

    .side-cart .side-cart-container .cart.negative .more {
        left: 15px;
        right: 15px
    }
}

.side-pick {
    visibility: hidden;
    color: #fff;
    background: #404752;
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    max-width: 100%;
    height: 100%;
    text-align: left;
    padding: 17px 30px 17px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.side-pick .side-pick-header {
    border-bottom: 3px solid #fff;
    padding-right: 35px;
    padding-bottom: 15px
}

.side-pick .side-pick-header h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 25px;
    color: #404752;
    color: #fff;
    font-weight: 700;
    margin: 0 0 5px
}

/*.side-pick .side-pick-header h3 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic*/
/*}*/

.side-pick .close {
    position: absolute;
    top: 17px;
    right: 30px;
    text-decoration: none
}

.side-pick .close i.fc {
    color: #fff;
    font-size: 28px;
    position: relative;
    right: -4px;
    top: 3px
}

.side-pick .locations {
    overflow-y: auto;
    overflow-x: hidden
}

.side-pick .locations .location {
    padding: 20px 0;
    border-bottom: 1px solid #fff
}

.side-pick .locations .location h4 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    font-weight: 700;
    color: #fff
}

.side-pick .locations .location .availability {
    font-style: italic;
    margin: 8px 0;
    font-size: 14px
}

.side-pick .locations .location .availability .icon {
    margin: 0 4px 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    padding: 5px
}

.side-pick .locations .location .availability .icon path {
    fill: #ffffff
}

.side-pick .locations .location .availability .icon.icon-in-stock {
    background: #00730b
}

.side-pick .locations .location .availability .icon.icon-out-of-stock {
    background: #d20
}

.side-pick .locations .location .address {
    margin: 0
}

.side-pick .locations .location .address p {
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.side-pick .locations .location .address p.phone a {
    color: #fff;
    text-decoration: none
}

.side-pick .locations .location .address p.phone a:hover {
    border-bottom: 1px solid
}

@media (max-width: 420px) {
    .side-pick {
        padding:17px 15px 17px
    }

    .side-pick .close {
        right: 15px
    }
}

.cart:after {
    display: table;
    content: '';
    clear: both
}

.cart .items .item {
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #404752
}

.cart .items .item:after {
    display: table;
    content: '';
    clear: both
}

.cart .items .item .left {
    float: left;
    width: 20%
}

.cart .items .item .left img {
    width: 100%;
    background: #f3f0ee
}

.cart .items .item .right {
    float: left;
    width: 80%;
    padding: 0 30px 0 10px
}

/*.cart .items .item .right a.name {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #fa766a;*/
/*    text-decoration: underline;*/
/*    display: inline;*/
/*    position: relative;*/
/*    top: -4px*/
/*}*/

.cart .items .item .right .description {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    color: #404752;
    margin: 0 0 6px
}

.cart .items .item .right .description .unit-price {
    display: block;
    margin-top: 5px;
    font-size: 14px
}

.cart .items .item .right .quantity {
    margin: 10px 0 0
}

.cart .items .item .right .quantity input {
    width: 50px;
    text-align: center;
    border: 1px solid;
    background-color: transparent;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    color: #404752;
    padding: 4px 0
}

.cart .items .item .right .quantity button {
    color: #404752;
    background-color: transparent;
    border: 0;
    padding: 4px 0;
    width: 30px;
    cursor: pointer
}

.cart .items .item .price {
    position: absolute;
    bottom: 30px;
    right: 0;
    text-align: right;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    color: #404752
}

.cart .items .item .price.with-discount {
    position: static
}

.cart .items .item .price .striped {
    text-decoration: line-through
}

/*.cart .items .item .price .accent {*/
/*    color: #fa766a*/
/*}*/

/*.cart .items .item .price .allocation {*/
/*    display: block;*/
/*    margin: 2px 0;*/
/*    font-size: 16px;*/
/*    color: #fa766a*/
/*}*/

.cart .items .item .price .allocation .icon {
    vertical-align: middle;
    margin-right: 5px
}

.cart .items .item .remove {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-decoration: none
}

.cart .items .item .remove i.fc {
    color: #6d798b
}

.cart .items .item.last {
    border-bottom: 0
}

.cart .instructions {
    float: left;
    width: 50%
}

.cart .instructions label {
    display: block;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    -webkit-background-clip: text;
}

.cart .instructions textarea {
    min-height: 100px;
}

.cart .more {
    border-top: 3px solid #404752;
    padding-top: 10px
}

.cart .more h3 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 30px;
    color: #404752;
    color: #404752;
    font-weight: 700
}

.cart .more h3:after {
    display: table;
    content: '';
    clear: both
}

.cart .more h3 .value {
    float: right;
    text-align: right
}

.cart .more h3.small {
    font-size: 20px
}

.cart .more h4 {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    font-style: italic;
    display: block;
    margin: 0 0 10px
}

/*.cart .more h5 {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-weight: 700;*/
/*    display: block;*/
/*    margin: 0 0 5px*/
/*}*/

.cart .more h5 .icon {
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 600;
    position: relative;
    top: -1px
}

.cart .more h5 .value {
    float: right;
    text-align: right
}

.cart .more button.update {
    display: none
}

.no-js .cart .more button {
    display: inline-block
}

.no-js .cart .more button br {
    display: inline-block;
    margin-right: 4px;
    content: ' '
}

.cart.negative .items .item {
    border-color: #fff;
    padding-bottom: 20px
}

.cart.negative .items .item:last-child {
    border: 0
}

.cart.negative .items .item .left {
    width: 30%
}

.cart.negative .items .item .right {
    width: 70%;
    padding-bottom: 10px
}

.cart.negative .items .item .right .description {
    color: #fff
}

.cart.negative .items .item .right .description del {
    opacity: .7
}

.cart.negative .items .item .right .quantity input {
    color: #fff
}

.cart.negative .items .item .right .quantity button {
    color: #fff
}

.cart.negative .items .item .price {
    color: #fff;
    text-align: right;
    position: static;
    clear: both
}

.cart.negative .items .item .price .striped {
    display: block;
    opacity: .7
}

.cart.negative .items .item .price .discounted {
    display: block
}

.cart.negative .items .item .price .allocation {
    margin-left: auto;
    line-height: 22px;
    margin-bottom: 0
}

.cart.negative .items .item .price .unit-price {
    display: block;
    font-size: 14px;
    opacity: .7
}

.cart.negative .items .item .remove i.fc {
    color: #ccc
}

.cart.negative .instructions {
    float: none;
    width: 100%;
    margin: 30px 0
}

.cart.negative .instructions textarea {
    min-height: 160px
}

.cart.negative .more {
    border-color: #fff;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    padding-bottom: 30px;
    background: #404752
}

.cart.negative .more h3 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 25px;
    color: #404752;
    color: #fff;
    font-weight: 700
}

.cart.negative .more h3 span {
    font-weight: 300
}

/*.cart.negative .more h4 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 14px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    display: block;*/
/*    margin: 0 0 10px*/
/*}*/

/*.cart.negative .more h5 {*/
/*    font-family: Montserrat,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    text-transform: none;*/
/*    font-size: 15px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    display: block;*/
/*    margin: 0 0 5px*/
/*}*/

.cart.negative .more h5 .icon {
    position: static;
    margin-right: 2px
}

.cart.negative .more button {
    width: 100%
}

body.template-cart .cart {
    width: 100%;
}

body.template-cart .cart .additional-checkout-buttons {
    margin: 20px 0 0
}

body.template-cart .cart .additional-checkout-buttons [data-msshop-buttoncontainer] {
    justify-content: flex-end
}

body.template-customers-order .cart .items .item {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #404752
}

body.template-customers-order .cart .items .item.last {
    border-bottom: 0
}

body.template-customers-order .cart .items .item .left {
    max-width: 100px
}

body.template-customers-order .cart .items .item .right {
    padding-left: 20px
}

body.template-customers-order .cart .items .item .right .description {
    color: #404752!important
}

body.template-customers-order .cart .items .item .price {
    font-size: 20px;
    bottom: 20px
}

/*body.template-customers-order .cart .items .item .allocation {*/
/*    color: #fa766a;*/
/*    max-width: 400px;*/
/*    display: inline-block*/
/*}*/

body.template-customers-order .cart .items .item .allocation .icon {
    vertical-align: middle;
    margin-right: 5px
}

body.template-customers-order .cart .more h3.with-line {
    border-width: 1px
}

/*body.template-customers-order .cart .more h3.discount {*/
/*    color: #fa766a*/
/*}*/

body.template-customers-order .cart .more h3.discount .icon {
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 700
}

@media (max-width: 960px) {
    body.template-cart .instructions {
        width:100%
    }
}

@media (max-width: 1100px) {
    body.template-customers-order .cart .items .item .price {
        position:static
    }
}

.template-customers-account .row.orders .order p {
    max-width: 450px
}

/*.template-customers-account .row.orders .order p a span.highlight {*/
/*    color: #fa766a*/
/*}*/

.template-customers-account .row.orders hr {
    margin: 15px 0;
    background: #404752
}

.addresses .pagination {
    padding: 0 0 40px;
    text-align: left
}

.address {
    margin: 0 0 40px
}

.address p {
    color: #404752
}

.address .options {
    margin: 15px 0 40px
}

.address .options .boxed {
    margin-right: 5px
}

/*.address .options i.fc {*/
/*    color: #fa766a;*/
/*    font-size: 24px;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    top: 7px;*/
/*    margin: 0 4px*/
/*}*/

.section-page .placeholder-svg {
    display: block;
    max-width: 100%;
    max-height: 300px
}

.search .section-header .search-bar-wrapper {
    display: inline-block;
    width: 100%
}

.search .section-header .search-bar-wrapper form {
    display: inline-block;
    width: 100%
}

.search .section-header .search-bar-wrapper form input {
    display: inline-block;
    width: 100%;
    padding-right: 4px
}

.search .section-header .search-bar-wrapper form input::-webkit-clear-button,.search .section-header .search-bar-wrapper form input::-webkit-search-cancel-button {
    display: none
}

.search .search-products>h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 29px;
    color: #404752;
    color: #404752;
    display: block;
    margin: 20px 0
}

.search .search-products .sorting-and-filtering {
    margin: 0 0 20px
}

.search .search-empty {
    margin: 0 0 0 10px
}

.search-overlay {
    visibility: hidden;
    position: fixed;
    z-index: 1500;
    left: 0;
    top: -100%!important;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #f3f0ee
}

.search-overlay .search-bar-wrapper {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .4s cubic-bezier(.46, .01, .32, 1) 0s
}

.search-overlay .search-bar-wrapper form {
    padding: 40px 30px
}

.search-overlay .search-bar-wrapper form input.text {
    width: 100%;
    background: 0 0;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 60px;
    color: #404752;
    color: #404752;
    font-weight: 700
}

.search-overlay .search-bar-wrapper form input.text::-webkit-clear-button,.search-overlay .search-bar-wrapper form input.text::-webkit-search-cancel-button {
    display: none
}

.search-overlay .search-bar-wrapper .predictive-search-results {
    width: 100%;
    height: 0;
    padding: 0 30px;
    display: none
}

.searching .search-overlay .search-bar-wrapper .predictive-search-results {
    height: auto;
    display: block
}

.search-overlay .close {
    position: absolute;
    top: 40px;
    right: 32px;
    text-decoration: none
}

.search-overlay .close i.fc {
    font-size: 30px;
    color: #404752
}

@media (max-width: 960px) {
    .search-overlay .search-bar-wrapper .predictive-search-results .collection-products .collection-product {
        width:50%
    }

    .search-overlay .search-bar-wrapper .predictive-search-results .collection-products .collection-product.col-1,.search-overlay .search-bar-wrapper .predictive-search-results .collection-products .collection-product.col-3 {
        clear: none
    }

    .search-overlay .search-bar-wrapper .predictive-search-results .collection-products .collection-product.col-0,.search-overlay .search-bar-wrapper .predictive-search-results .collection-products .collection-product.col-2 {
        clear: left
    }
}

@media (max-width: 620px) {
    .search .search-header .search-bar-wrapper form input {
        margin:20px 0;
        width: 100%
    }
}

/*.blog{*/
/*    display: grid;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.blog .blog-line,
.category-list-line,
.featured-goods-line {
    position: relative;
    width: 100%;
    height: 0px;
    opacity: 1;
    border-bottom: 1px solid #E1E1E1;
    margin: 0px 0 50px;
}

/*.blog .excerpts::after {*/
/*    display: table;*/
/*    content: '';*/
/*    clear: both*/
/*}*/

/*.blog .excerpts .post {*/
/*    margin: 0 0 60px*/
/*}*/

.blog .blog-item:last-of-type .post:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.blog .article>.comments {
    padding: 30px 0 0
}

.blog .article>.comments .comment {
    margin: 0 0 30px
}

.blog .article>.comments .comment h4 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    margin: 0 0 14px
}

/*.blog .article>.comments .comment h5 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 15px;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    margin: 0 0 8px*/
/*}*/

.blog .article>.comments .comment h6 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
    line-height: 30px;
    color: #404752;
    color: #404752;
    margin: 0 0 14px
}

/*.blog .article>.comments h2 {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 18px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic*/
/*}*/

.blog .article>.comments #comment_form {
    padding-top: 25px
}

.blog .article>.comments #comment_form input,.blog .article>.comments #comment_form textarea {
    border: 1px solid #6d798b
}

.blog .article>.comments h4 {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    font-style: italic
}

.blog h2.empty {
    padding-left: 30px
}

.blog.grid .excerpts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-around;
    align-items: start;
    /*margin: 5px;*/
    column-gap: 2%;
    /*margin-top: 80px;*/
}

.blog.grid .excerpts .post:hover,
.blog .excerpts .post:hover
{
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 1px #EEEEEE;
    border-radius: 2px;
    opacity: 1;
    filter: blur(undefinedpx);
}

.post{
    padding: 20px;
}

.post.col-0 {
    clear: left
}

.post .image {
    margin: 0 0 20px;
    width: 100%
}

.post .image-preview {
    margin: 0 0 20px;
    width: 100%;
    background-size: cover;
    background-position: center
}

.post h1 {
    /*font-family: Montserrat,sans-serif;*/
    /*font-style: normal;*/
    /*font-weight: 500;*/
    /*text-transform: none;*/
    /*font-size: 40px;*/
    /*color: #404752;*/
    /*color: #404752;*/
    /*font-weight: 700;*/
    /*word-wrap: break-word*/
    margin-bottom: 10px;
}

.post h1 time:first-child{
    font-size: 24px;
    font-family: Oswald-Medium-, Oswald-Medium !important;
    font-weight: 600;
    color: #111417;
    line-height: 0px;
    -webkit-background-clip: text;
}
.post h1 span{
    font-size: 16px;
    color: #A0A9B5;
}
.post h1 time:last-child{
    font-size: 16px;
    font-family: HarmonyOS_Sans_SC_Bold-, HarmonyOS_Sans_SC_Bold !important;
    font-weight: 600;
    color: #111417;
    line-height: 21px;
    -webkit-background-clip: text;
}

.post>p a {
    text-decoration: none;
    font-size: 16px !important;
    font-family: HarmonyOS_Sans_SC_Bold-, HarmonyOS_Sans_SC_Bold !important;
    font-weight: 600 !important;
    color: #111417 !important;
    line-height: 24px !important;
    -webkit-background-clip: text;
}

.post h2 {
    /*font-family: Montserrat,sans-serif;*/
    /*font-style: normal;*/
    /*font-weight: 500;*/
    /*text-transform: none;*/
    /*font-size: 18px;*/
    /*line-height: 22px;*/
    /*color: #404752;*/
    /*text-transform: none;*/
    /*margin: 10px 0 30px 2px*/
}

.post a.btn{
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #111417;
    font-size: 16px;
    font-weight: normal;
    color: #111417;
    line-height: 16px;
    text-align: center;
    -webkit-background-clip: text;
    padding:10px;
    filter: blur(undefinedpx);
}

#msshop-section-template--index__featured-collection .grid-uniform{
    margin: 0px auto;
}
 .post .btn-box{
    display: flex;
    align-items: center;
}

.post .btn.more,
.post .btn-box i{
    margin-top: 20px
}

.section-featured-blog .post .btn-box i{
    display: none;
}

.post .btn-box i img{
    display: inline-block;
    width: 20px;
    height: 15px;
    opacity: 1;
}

.post .btn-box i span{
    margin-left: 10px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 16px;
    -webkit-background-clip: text;
}

.post .extra {
    display: flex;
    justify-content: center;
    align-items: center;
}

.post .extra .comments {
    display: inline-block;
    margin-right: 14px
}

.post .extra .comments a {
    text-decoration: none;
    color: #404752
}

.post .extra .comments a:hover span {
    text-decoration: underline
}

.post .extra .tags {
    display: inline-block;
    padding: 4px 10px;
    margin: 20px 10px;
    background: #111417;
    border-radius: 15px;
    opacity: 1;
}

.post .extra .tags a {
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    -webkit-background-clip: text;
}

.post .extra .tags a:hover {
    text-decoration: underline
}

/*.post .extra .icon {*/
/*    color: #fa766a;*/
/*    font-size: 22px;*/
/*    display: inline-block;*/
/*    margin-right: 2px;*/
/*    vertical-align: middle*/
/*}*/

@media (max-width: 960px) {
    .blog .excerpts {
        margin-left:0
    }

    .blog .excerpts .post.grid {
        float: none;
        width: 100%;
        margin: 0 0 40px;
        padding-right: 0;
        padding-left: 0
    }

    .blog .excerpts .post.grid:nth-last-child(-n+2) {
        margin: 0 0 40px
    }

    .blog .excerpts .post:last-child {
        margin-bottom: 0
    }

    .blog.grid .excerpts{
        grid-template-columns: repeat(1, auto);
    }
    /*.blog.grid .excerpts {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    margin-left: 0*/
    /*}*/

    /*.blog.grid .excerpts .post {*/
    /*    width: 100%;*/
    /*    padding-left: 0*/
    /*}*/
}

@media (max-width: 820px) {
    .blog.grid .excerpts{
        column-gap: 5px !important;
    }
}

@media (max-width: 620px) {
    .blog h2.empty {
        padding-left: 15px
    }
}

.collection>.inner>div.angle-box span{
    margin: 0 10px;
}

.collection>.inner>div.angle-box span a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 38px;
    margin: 0;
    -webkit-background-clip: text;
}

.collection>.inner>div.angle-box span.is-active a{
    font-weight: bold;
}

.hot-product-line{
    position: absolute;
    width: 100%;
    height: 0px;
    opacity: 1;
    border: 1px solid #E1E1E1;
    margin: 30px 0 50px;
}

.collection-hot-products{
    width: 100%;
    margin-top: 80px;
}

.collection-hot-products .hot-product-list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-template-rows: repeat(auto-fill, 1fr);
    justify-content: start;
    align-items: center;
    column-gap: 120px;
    row-gap: 40px;
}

.hot-product-item img{
    width: 100%;
}

.collection-hot-products .btn{
    position: relative;
    width: 100%;
    margin: 50px auto 0;
}

.collection-hot-products .btn button{
    padding: 10px 20px;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #E1E1E1;
}

.collection-hot-products .btn button span{
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 40px;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.collection-hot-products>div h1{
    margin: 15px 0;
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    line-height: 1px;
    text-transform:capitalize;
    -webkit-background-clip: text;
}
.collection-hot-products>div p span:first-child{
    margin-right: 10px;
}
.collection-hot-products>div p span.original,
.collection-product-title .original {
    text-decoration:line-through !important;
    font-size: 14px !important;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400 !important;
    color: #B5B5B5 !important;
    line-height: 40px !important;
    -webkit-background-clip: text !important;
}

.collection-hot-products>div p span.discount,
.collection-product-title .discount {
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #F26C4F;
    line-height: 39px;
    -webkit-background-clip: text;
}

.collection-hot-products>div p span.price{
    width: 57px;
    height: 21px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 37px;
    -webkit-background-clip: text;
}

.product.content {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

.product:after {
    display: table;
    content: '';
    clear: both
}

.product .item {
    width: 100%;
    /*display: grid;*/
    /*justify-content: center;*/
    /*grid-template-columns: 4fr 5fr;*/
    /*grid-template-rows: auto;*/
    /*column-gap: 40px;*/
    display: flex;
}

.product .item .left {
    width: 45%;
}
.product .item .right{
    padding-left: 20px;
    width: 55%;
}

.product .item.right{
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 0;
}

.product .item.right .left {
    width: 55%;
}

.product .item.right .right{
    width: 45%;
    padding-right: 20px;
    padding-left: 0px;
}

.product .item.medium .left,
.product .item.medium .right,
.product .item.right.medium .left,
.product .item.right.medium .right{
    width: 50%;
}

.product .item.large .left{
    width: 60%;
}

.product .item.large .right{
    width: 40%;
}

.product .item.right.large .left{
    width: 40%;
}

.product .item.right.large .right{
    width: 60%;
}

@media (max-width: 960px){
    product .item .left,
    .product .item .right,
    .product .item.medium .left,
    .product .item.medium .right,
    .product .item.large .left,
    .product .item.large .right,
    .product .item.right .left,
    .product .item.right .right,
    .product .item.right.medium .left,
    .product .item.right.medium .right,
    .product .item.right.large .left,
    .product .item.right.large .right{
        width: 100%;
    }
}

/*.product .item.right{*/
/*    grid-template-columns: 5fr 4fr;*/
/*}*/

/*.product .item.right .left{*/
/*    grid-column: 2/3;*/
/*}*/

/*.product .item.right .right{*/
/*    grid-row: 1/2;*/
/*}*/

/*.product .item.medium {*/
/*    grid-template-columns: 1fr 1fr !important;*/
/*}*/

/*.product .item.large {*/
/*    grid-template-columns: 3fr 2fr !important;*/
/*}*/

/*.product .item.right.large{*/
/*    grid-template-columns: 2fr 3fr !important;*/
/*}*/

.product .item:after {
    display: table;
    content: '';
    clear: both
}

.product .item>.left .product-media.left-side{
    display: grid;
    grid-template-columns: 110px auto;
    column-gap: 20px;
}

.product .item.right>.left .product-media.left-side{
    display: grid;
    grid-template-columns: auto 110px;
    column-gap: 20px;
}

.product .item>.left .product-media.left-side .gallery{
    grid-row: 1/2;
}

.product .item.right>.left .product-media.left-side .gallery{
    grid-column: 2/3;
}

.product .item>.left .product-media .frame .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-height: 350px
}

.product .item>.left .product-media .frame .table .cell {
    display: table-cell;
    vertical-align: middle
}

/*.product .item>.left .product-media .frame .table .cell img {*/
/*    width: 700px;*/
/*}*/
.product .item>.left .product-media.left-side .frame .table .cell img {
    width: 100%;
}

/*.product .item>.left .product-media .frame .table .cell img[data-mfp-src] {*/
/*    cursor: pointer;*/
/*    cursor: -webkit-zoom-in;*/
/*    cursor: -moz-zoom-in;*/
/*    cursor: zoom-in*/
/*}*/

.product .item>.left .product-media .frame .table .cell img .hide {
    display: none
}

.product .item>.left .product-media .frame .table .cell .media {
    margin: 0 auto;
    width: 100%
}

.product .item>.left .product-media .frame .table .cell .media:focus {
    outline: 0
}

.product .item>.left .product-media .frame .table .cell .media>.inner {
    margin: 0 auto;
    min-height: 1px;
    width: 100%;
    height: 100%;
    position: relative
}

.product .item>.left .product-media .frame .table .cell .media>.inner.video {
    background-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media>.inner .media-item,.product .item>.left .product-media .frame .table .cell .media>.inner .plyr,.product .item>.left .product-media .frame .table .cell .media>.inner .msshop-model-viewer-ui,.product .item>.left .product-media .frame .table .cell .media>.inner iframe,.product .item>.left .product-media .frame .table .cell .media>.inner img,.product .item>.left .product-media .frame .table .cell .media>.inner model-viewer,.product .item>.left .product-media .frame .table .cell .media>.inner>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%
}

.product .item>.left .product-media .frame .table .cell .media>.inner .media-item,.product .item>.left .product-media .frame .table .cell .media>.inner .media-video,.product .item>.left .product-media .frame .table .cell .media>.inner .plyr,.product .item>.left .product-media .frame .table .cell .media>.inner .plyr__video-wrapper,.product .item>.left .product-media .frame .table .cell .media>.inner .msshop-model-viewer-ui,.product .item>.left .product-media .frame .table .cell .media>.inner iframe,.product .item>.left .product-media .frame .table .cell .media>.inner model-viewer {
    height: 100%
}

.product .item>.left .product-media .frame .table .cell .media>.inner .plyr__video-wrapper {
    height: auto
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .model-viewer {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__controls-area {
    background: #fff;
    border-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button {
    color: #404752
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:hover {
    color: rgba(64,71,82,.55)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control.focus-visible:focus,.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:active {
    color: rgba(64,71,82,.55);
    background: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--control:not(:last-child):after {
    border-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster {
    background: #fff;
    border-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster:focus,.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__button--poster:hover {
    color: rgba(64,71,82,.55)
}

.product .item>.left .product-media .frame .table .cell .media .msshop-model-viewer-ui .msshop-model-viewer-ui__poster-control-icon {
    display: block
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video {
    color: #404752;
    background-color: transparent;
    outline: 0
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__poster,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
    background-color: transparent
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
    background-color: #000
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper {
    background-color: #000
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper {
    background-color: #000
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper {
    background-color: #000
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper {
    background-color: #000
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
    background-color: #fff;
    border-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
    color: rgba(64,71,82,.55)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__controls {
    background-color: #fff;
    border-color: rgba(64,71,82,.05)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 #fff
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 #fff
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 #fff
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
    background-image: linear-gradient(to right,currentColor var(--value,0),rgba(64,71,82,.6) var(--value,0))
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
    background-color: rgba(#404752,.6)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
    background-color: rgba(#404752,.6)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(64,71,82,.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
    background-color: #404752;
    color: #fff
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
    border-top-color: #404752
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
    background-image: linear-gradient(-45deg,rgba(64,71,82,.6) 25%,transparent 25%,transparent 50%,rgba(64,71,82,.6) 50%,rgba(64,71,82,.6) 75%,transparent 75%,transparent)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
    color: #fff
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
    box-shadow: 2px 0 0 0 #404752
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
    box-shadow: 2px 0 0 0 #404752
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 0 0 0 #404752
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
    background-image: linear-gradient(to right,currentColor var(--value,0),rgba(255,255,255,.6),.6) var(--value,0) )
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track,.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
    background-color: rgba(255,255,255,.6),.6)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 4px rgba(255,255,255,.6),.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 4px rgba(255,255,255,.6),.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 4px rgba(255,255,255,.6),.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 0 0 3px rgba(255,255,255,.6),.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
    box-shadow: 0 0 0 3px rgba(255,255,255,.6),.25)
}

.product .item>.left .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px rgba(255,255,255,.6),.25)
}

/*.product .item>.left .product-media .gallery:after {*/
/*    display: table;*/
/*    content: '';*/
/*    clear: both*/
/*}*/

.product .item>.left .product-media .gallery .prev-prod{
    width: 30px;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.product .item>.left .product-media .gallery .next-prod{
    position: relative;
    display: inline-block;
    width: 30px;
    height: 100%;
    background: #111417;
    border-radius: 0px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    opacity: 1;
}

.product .item>.left .product-media .gallery .thumb {
    display: block;
    /*float: left;*/
    /*padding-top: 10px;*/
    /*max-width: 110px;*/
}

/*.product .item>.left .product-media .gallery .thumb:first-child{*/
/*    padding: 10px 0 0 0px;*/
/*}*/

.product .item>.left .product-media .gallery .thumb>a {
    text-decoration: none;
}

.product .item>.left .product-media .gallery .thumb>a>div {
    position: relative
}

.product .item>.left .product-media .gallery .thumb img {
    width: 100%;
    display: block
}

.product .item>.left .product-media .gallery .thumb .badge {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px
}

.product .item>.left .product-media .gallery .thumb .badge .icon {
    fill: #fff;
    width: 100%;
    height: 100%;
    vertical-align: baseline
}

.product .item>.left .product-media .gallery .thumb .badge .icon-3d-badge-full-color-outline,.product .item>.left .product-media .gallery .thumb .badge .icon-video-badge-full-color-outline {
    stroke: rgba(64,71,82,0.05)
}

.product .item>.left .product-media .gallery .thumb .badge .icon-3d-badge-full-color-element,.product .item>.left .product-media .gallery .thumb .badge .icon-video-badge-full-color-element {
    fill: #404752
}

/*.product .item>.left .product-media.left .frame,.product .item>.left .product-media.right .frame {*/
/*    width: 80%*/
/*}*/

/*.product .item>.left .product-media .gallery{*/
/*    margin-top: 30px;*/
/*    display: grid;*/
/*    grid-template-columns: 30px 590px 30px;*/
/*    column-gap: 10px;*/
/*}*/

/*.product .item>.left .product-media .gallery>div {*/
/*    width: 110px;*/
/*    height: 110px;*/
/*    display: grid;*/
/*    align-items: center;*/
/*    column-gap: 10px;*/
/*    grid-template-columns: repeat(5, 110px);*/
/*    grid-template-rows: 110px;*/
/*}*/

.product .item>.left .product-media.left-side .gallery{
    margin: 0;
    height: auto;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 30px auto 30px;
    justify-content: end;
    align-items: end;
}

/*.product .item>.left .product-media.left-side .gallery button:first-child{*/
/*    margin-bottom: 10px;*/
/*}*/

.product .item>.left .product-media.left-side .gallery>div{
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-rows: repeat(4, 110px);
    grid-template-columns: 110px;
    column-gap: 0px;
    row-gap: 10px;
    height: 100%;
    width: 110px;
}

.product .item>.left .product-media.left-side .gallery button:last-child{
    float: bottom;
}

/*.product .item>.left .product-media.left .gallery .thumb,.product .item>.left .product-media .gallery .thumb {*/
/*    width: 80%;*/
/*}*/

/*.product .item>.left .product-media.left .gallery .thumb:last-child,.product .item>.left .product-media .gallery .thumb:last-child {*/
/*    margin-bottom: 0*/
/*}*/

/*.product .item>.left .product-media.right .frame {*/
/*    float: left*/
/*}*/

/*.product .item>.left .product-media.right .gallery {*/
/*    float: left;*/
/*    padding-left: 20px*/
/*}*/

/*.product .item>.left .product-media.left .frame {*/
/*    float: right*/
/*}*/

/*.product .item>.left .product-media.left .gallery {*/
/*    float: left;*/
/*    padding-right: 20px*/
/*}*/

/*.product .item>.left .product-media.bottom .gallery {*/
/*    margin-left: -10px*/
/*}*/

.product .item>.left .product-media.stack .frame .table .cell .media {
    display: block;
    margin-bottom: 30px
}

.product .item>.left .product-media.stack .frame .table .cell .media:last-child {
    margin-bottom: 0
}

.product .item>.left .product-media.stack .gallery {
    display: none
}

.product .item>.left .view-in-space {
    background-color: rgba(64,71,82,.08);
    border: none;
    width: 100%;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 14px;
    color: #404752
}

.product .item>.left .view-in-space[data-msshop-xr-hidden] {
    display: none
}

.product .item>.left .view-in-space:focus span.text,.product .item>.left .view-in-space:hover span.text {
    border-bottom-color: #404752
}

.product .item>.left .view-in-space svg.icon {
    height: 25px;
    width: 25px;
    margin-top: -3px;
    margin-right: 2.43px;
    fill: transparent;
    vertical-align: middle
}

.product .item>.left .view-in-space svg.icon .icon-3d-badge-full-color-outline {
    stroke: none
}

.product .item>.left .view-in-space svg.icon .icon-3d-badge-full-color-element {
    fill: #404752;
    opacity: 1
}

.product .item>.left .view-in-space span.text {
    border-bottom: 1px solid transparent
}

/*.product .item>.right {*/
/*    padding-left: 30px*/
/*}*/

.product .item>.right a.title {
    text-decoration: none;
    cursor: default;
    display: none
}

.product .item>.right h1.without-link {
    word-break: break-all;
    hyphens: auto;
    width: 80%;
    margin: 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    -webkit-background-clip: text;
}

.product .item>.right h1.without-link-sub {
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 24px;
    -webkit-background-clip: text;
}

.product .item>.right .row.type_title{
    position: relative;
}

.product .item>.right .row.type_title span{
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #F26C4F;
}

.product .item>.right .row.type_title span i{
    font-style:normal;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #F26C4F;
    line-height: 20px;
    -webkit-background-clip: text;
}

.product .item>.right h2 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 22px;
    color: #404752;
    color: #404752;
    font-weight: 700
}

.product .item>.right .offers {
    margin-top: -10px
}

.product .item>.right .offers h2.price {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 28px;
    -webkit-background-clip: text;
}

/*.product .item>.right .offers h2.price.striped {*/
/*    text-decoration: line-through;*/
/*    font-size: 24px*/
/*}*/

.product .item>.right msshop-payment-terms {
    display: block;
    margin-top: 10px
}

.product .item>.right .unit-price {
    display: block;
    margin: 4px 0 0;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 19px;
    color: #404752;
    color: #404752
}

.product .item>.right input.quantity {
    opacity: 0;
    border: 1px solid;
    padding: 4px;
    width: 80px;
    text-align: center
}

.no-js .product .item>.right input.quantity {
    opacity: 1
}

.product .item>.right .js-qty input {
    width: 50px;
    text-align: center;
    border: 0;
    font-size: 24px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 32px;
    -webkit-background-clip: text;
}

.product .item>.right .js-qty input.text{
    font-size: 24px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 32px;
    -webkit-background-clip: text;
}

.product .item>.right .js-qty input:disabled {
    opacity: .5!important
}

.product .item>.right .js-qty button {
    cursor: pointer;

    touch-action: manipulation
}

.product .item>.right h3 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    color: #404752;
    font-weight: 700
}

.product .item>.right .store-availability .location {
    margin-top: 20px;
    background: #e8e3df;
    padding: 20px 20px 18px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start
}

.product .item>.right .store-availability .location .icon {
    margin: 0 10px 0 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    padding: 5px
}

.product .item>.right .store-availability .location .icon path {
    fill: #ffffff
}

.product .item>.right .store-availability .location .icon.icon-in-stock {
    background: #00730b;
    margin-top: 2px
}

.product .item>.right .store-availability .location .icon.icon-out-of-stock {
    background: #d20
}

.product .item>.right .store-availability .location .information a {
    display: inline-block;
    text-decoration: underline
}

.product .item>.right .store-availability .location .information p.link {
    margin-top: 10px
}

.product .item>.right .radio-wrapper,.product .item>.right .selector-wrapper {
    margin: 10px 0 0
}

.product .item>.right .radio-wrapper:first-child,.product .item>.right .selector-wrapper:first-child {
    margin-top: 0
}

.product .item>.right .radio-wrapper>label,
.product .item>.right .selector-wrapper>label {
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 24px;
    -webkit-background-clip: text;
}

.product .item>.right .radio-wrapper fieldset,.product .item>.right .selector-wrapper fieldset {
    border: 0;
    background: 0 0;
    display: flex;
    flex-wrap: wrap;

}

.product .item>.right .radio-wrapper fieldset input[type=radio],.product .item>.right .selector-wrapper fieldset input[type=radio] {
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

/*.product .item>.right .selector-wrapper fieldset input[type=radio]:checked+label {*/
/*    color: #fa766a*/
/*}*/

/*.product .item>.right .radio-wrapper fieldset input[type=radio]:focus+label,.product .item>.right .selector-wrapper fieldset input[type=radio]:focus+label {*/
/*    color: #015ecc*/
/*}*/

/*.no-outlines .product .item>.right .radio-wrapper fieldset input[type=radio]:focus+label,.no-outlines .product .item>.right .selector-wrapper fieldset input[type=radio]:focus+label {*/
/*    color: #404752*/
/*}*/

/*.product .item>.right .radio-wrapper fieldset input[type=radio]:focus:checked+label,.product .item>.right .selector-wrapper fieldset input[type=radio]:focus:checked+label {*/
/*    color: #015ecc*/
/*}*/

/*.no-outlines .product .item>.right .radio-wrapper fieldset input[type=radio]:focus:checked+label,.no-outlines .product .item>.right .selector-wrapper fieldset input[type=radio]:focus:checked+label {*/
/*    color: #fa766a*/
/*}*/

.product .item>.right .selector-wrapper fieldset label {
    display: inline-block;
    border: 2px solid;
    margin: 0 5px 10px 0;
    padding: 8px;
    min-width: 35px;
    text-align: center;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    cursor: pointer
}

.product .item>.right .radio-wrapper fieldset label.disabled,.product .item>.right .selector-wrapper fieldset label.disabled {
    opacity: .25;
    cursor: default
}

.product .item>.right .expanded .radio-wrapper,.product .item>.right .expanded .selector-wrapper {
    margin-top: 20px
}

.product .item>.right .add-to-cart,.product .item>.right .msshop-payment-button__button--unbranded {
    cursor: pointer;
    padding: 14px;
    width: 100%;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: normal
}

.product .item>.right .add-to-cart,.product .item>.right .msshop-payment-button__button--branded,.product .item>.right .msshop-payment-button__button--unbranded {
    border-radius: 3px;
    overflow: hidden
}

.product .item>.right .add-to-cart {
    padding: 14px;
    background: #404752;
    color: #fff;
    border-color: #404752;
    transition: background .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.product .item>.right .add-to-cart:hover {
    background: #2a2e35
}

.product .item>.right .add-to-cart:disabled {
    cursor: default;
    opacity: .8
}

.product .item>.right .add-to-cart:disabled:hover {
    color: #fff;
    background: #404752;
    border-color: #404752
}

.product .item>.right .add-to-cart.with-payment-button {
    width: 100%;
    padding: 18px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
}

.product .item>.right .add-to-cart.with-payment-button span {
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    -webkit-background-clip: text;
}

.product .item>.right .add-to-cart.with-payment-button:hover {
    color: #2a2e35;
    border-color: #2a2e35
}

.product .item>.right .add-to-cart.with-payment-button:disabled {
    cursor: default
}

.product .item>.right .add-to-cart.with-payment-button:disabled:hover {
    color: #404752;
    background: 0 0;
    border-color: #404752
}

.product .item>.right .msshop-payment-button {
    margin-top: 10px
}

.product .item>.right .add-to-cart:disabled+.msshop-payment-button {
    display: none
}

.product .item>.right .msshop-payment-button__button--branded {
    min-height: 50px
}

.product .item>.right .msshop-payment-button__button--unbranded {
    background: #404752;
    color: #fff;
    border-color: #404752;
    transition: background .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.product .item>.right .msshop-payment-button__button--unbranded:hover {
    background: #2a2e35
}

.product .item>.right .msshop-payment-button__more-options {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    margin-top: 16px;
    margin-bottom: 28px
}

.product .item>.right .msshop-payment-button__more-options.msshop-payment-button__button--hidden {
    display: none
}

.product .item>.right .share {
    margin: 0;
    min-height: 0
}

/*.product .item>.right .errors {*/
/*    font-family: "Work Sans",sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    text-transform: none;*/
/*    font-size: 16px;*/
/*    color: #404752;*/
/*    color: #fa766a;*/
/*    font-style: italic;*/
/*    text-transform: initial;*/
/*    margin: 10px 0 15px;*/
/*    text-align: center*/
/*}*/

.product .close {
    display: none
}

.product.preview {
    clear: left;
    min-height: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 30px;
    background: #f3f0ee
}

.product.preview .item>.right a.title {
    display: block;
    margin-right: 80px;
    cursor: pointer
}

.product.preview .item>.right h1.without-link {
    display: none
}

.product.preview .close {
    display: block;
    position: absolute;
    right: -20px;
    top: -15px;
    color: #404752
}

.product.preview .close i.fc {
    font-size: 30px;
    border-radius: 50%;
    border: 2px solid;
    padding: 12px 10px 8px
}

.show-background .product.preview {
    padding-left: 0;
    padding-right: 0
}

.product.stack .item>.right {
    position: sticky;
    top: 10px
}

.product .accordion {
    border-top: 1px solid #404752;
    border-bottom: 1px solid #404752
}

.product .accordion summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    position: relative;
    padding: 15px 5px
}

.product .accordion .accordion-header {
    display: flex;
    flex: 1
}

.product .accordion .accordion-header .icon-accordion {
    align-self: center;
    fill: #404752;
    margin-right: 15px
}

.product .accordion .accordion-header h3 {
    margin-right: 40px;
    display: inline-block
}

.product .accordion .msshop-select-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 18px;
    right: 5px;
    vertical-align: middle;
    fill: #404752
}

.product .accordion .rte {
    padding: 0 10px 15px;
    margin-top: -5px
}

.product .accordion .rte img {
    max-width: 100%
}

.product .accordion details[open] summary .msshop-select-icon {
    transform: rotate(180deg)
}

.product .type_collapsible_tab+.type_collapsible_tab {
    margin-top: -10px
}

.product .type_collapsible_tab+.type_collapsible_tab .accordion {
    border-top: 0
}

.product .rating-container .rating {
    display: inline-block;
    margin: 0
}

.product .rating-container .rating-star {
    --color-base-text: 64,71,82;
    --color-icon: rgb(var(--color-base-text));
    --color-foreground: var(--color-base-text);
    --letter-spacing: 0.1;
    --font-size: 1.5;
    --percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size))) ) * 100% );
    letter-spacing: calc(var(--letter-spacing) * 1rem);
    font-size: calc(var(--font-size) * 1rem);
    line-height: 1;
    display: inline-block;
    font-family: Times;
    margin: 0
}

.product .rating-container .rating-star::before {
    content: '★★★★★';
    background: linear-gradient(90deg,var(--color-icon) var(--percent),rgba(var(--color-foreground),.15) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.product .rating-container .rating-text {
    display: none
}

.product .rating-container .rating-count {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    position: relative;
    top: -1px;
    margin-left: 5px
}

.product .item>.left .product-media .gallery .thumb {
    width: 25%;
}

.product .item>.left .product-media.left-side .gallery .thumb {
    width: 100%;
}

@media (max-width: 960px) {
    .product .item>.left .product-media {
        margin-left:-10px;
        padding-left: 0
    }

    /*.product .item>.left .product-media .frame {*/
    /*    margin-left: 10px*/
    /*}*/

    .product .item>.left .product-media .gallery .thumb {
        width: 25%;
    }

    .product .item>.left .product-media .gallery .thumb .box {
        height: 80px
    }

    .product .item>.left .product-media.left .frame,.product .item>.left .product-media.right .frame {
        float: none;
        width: auto
    }

    .product .item>.left .product-media.left .gallery,.product .item>.left .product-media.right .gallery {
        float: none;
        width: auto;
        padding: 0;
        margin-left: -10px
    }

    .product .item>.left .product-media.left .gallery .thumb,.product .item>.left .product-media.right .gallery .thumb {
        float: left;
        width: 25%;
        margin: 0;
        padding: 10px 0 0 10px
    }

    .product.preview {
        margin-bottom: 10px;
        padding: 20px
    }

    .product .item>.right h1.without-link.mobile-title-ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media (max-width: 960px) {
    /*.product .item>.right,*/
    /*.type_description,*/
    /*.frequently-bought-together {*/
    /*    padding:0 20px*/
    /*}*/

    .product.stack .item>.right {
        position: static
    }

    /*.product .item .left,*/
    /*.product .item.large .left,*/
    /*.product .item.right.large .left,*/
    /*.product .item .right,*/
    /*.product .item.large .right,*/
    /*.product .item.right.large .right,*/
    /*.type_description.blocks-margin,*/
    /*.frequently-bought-together,*/
    /*#reviews,*/
    /*.goods_recommendation>div{*/
    /*    width: 90vw;*/
    /*}*/
    #mcshop-section-template--product_view_bottom>div{
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .product .item,
    .product .item.medium,
    .product .item.large,
    .product .item.right.large{
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(2,auto);
        row-gap: 20px;
    }
}

@media (max-width: 620px) {
    .product .item>.left .product-media {
        margin-left: 0px;
        padding-left: 0
    }
    .product .item>.left,.product .item>.right {
        width:100%;
        float: none
    }

    .product .item>.left {
        margin: 0 0 15px
    }

    .product .item>.left .product-media .gallery .thumb {
        width: 25%
    }

    .product .item>.left .product-media .gallery .thumb .box {
        height: 80px
    }

    .product .item>.left .product-media.stack .frame .table .cell .media {
        margin-bottom: 0;
        display: block
    }

    .product .item>.left .product-media.stack .frame .table .cell .media.hide {
        display: none
    }

    .product .item>.left .product-media.stack .gallery {
        display: block
    }

    .product .item>.right {
        padding-left: 0
    }
}

body.template-gift_card .header .bar>.left,body.template-gift_card .header .bar>.right {
    display: none
}

/*body.template-gift_card .search-overlay,body.template-gift_card .side-cart,body.template-gift_card .side-nav {*/
/*    display: none*/
/*}*/

body.template-gift_card .gift-card {
    position: relative;
    margin: 30px 0;
    max-width: 600px
}

body.template-gift_card .gift-card .card {
    width: 100%;
    border-radius: 30px
}

body.template-gift_card .gift-card .amount {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 16px;
    text-shadow: 3px 3px 0 rgba(0,0,0,.1);
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 44px;
    color: #404752;
    color: #fff;
    font-weight: 700
}

body.template-gift_card .gift-card .code-outer {
    position: absolute;
    bottom: 16px;
    text-align: center;
    width: 100%
}

body.template-gift_card .gift-card .code-inner {
    display: inline-block;
    vertical-align: baseline;
    zoom:1;background-color: #fff;
    padding: .5em;
    border-radius: 4px;
    max-width: 450px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1)
}

body.template-gift_card .gift-card .code-inner strong {
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px dashed #e5e5e5;
    padding: .4em .5em;
    display: inline-block;
    vertical-align: baseline;
    zoom:1;font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 30px;
    color: #404752;
    color: #404752;
    line-height: 1
}

body.template-gift_card .gift-card .tooltip-container {
    display: block;
    position: absolute;
    right: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    top: -40%
}

body.template-gift_card .gift-card .tooltip-label {
    display: block;
    position: relative;
    right: -50%;
    border: none;
    border-radius: 4px;
    background: #333;
    background: rgba(51,51,51,.9);
    min-height: 14px;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
    text-shadow: none;
    padding: .5em .75em;
    margin-left: .25em;
    font-size: .4em;
    color: #fff
}

body.template-gift_card .gift-card .tooltip-label small {
    text-transform: uppercase;
    color: #b3b3b3;
    font-size: .875em
}

body.template-gift_card .gift-card .tooltip-triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 5px solid #333;
    border-top: 5px solid rgba(51,51,51,.9);
    position: absolute;
    left: 100%;
    bottom: 0;
    margin-left: -5px;
    margin-bottom: -5px
}

body.template-gift_card .gift-card.disabled .code-inner strong,body.template-gift_card .gift-card.expired .code-inner strong {
    text-decoration: line-through
}

body.template-gift_card .shape-wrapper {
    vertical-align: middle
}

body.template-gift_card #QrCode {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

body.template-gift_card .apple-wallet {
    text-decoration: none
}

body.template-gift_card .apple-wallet img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle
}

body.template-gift_card .shop-url {
    display: none
}

@media (max-width: 960px) {
    body.template-gift_card .gift-card .amount {
        font-size:30px;
        padding: 12px 8px
    }

    body.template-gift_card .gift-card .tooltip-container {
        top: -30%
    }

    body.template-gift_card .gift-card .code-outer {
        bottom: 10px
    }

    body.template-gift_card .gift-card .code-inner strong {
        font-size: 18px
    }
}

@media (max-width: 620px) {
    body.template-gift_card .main {
        background:#f3f0ee
    }

    body.template-gift_card .main .boxes .box:first-child>.left {
        text-align: center
    }

    body.template-gift_card .main .boxes .box>.right {
        text-align: center
    }

    body.template-gift_card .main .boxes .box>.right .back {
        text-align: center
    }

    body.template-gift_card .main .row {
        text-align: center
    }
}

@media print {
    body.template-gift_card>iframe {
        display: none
    }

    body.template-gift_card .boxes .box>.left,body.template-gift_card .boxes .box>.right {
        text-align: center
    }

    body.template-gift_card .boxes .box>.right .row h3.shop-url {
        display: block;
        font-family: Montserrat,sans-serif;
        font-style: normal;
        font-weight: 500;
        text-transform: none;
        font-size: 16px;
        color: #404752
    }

    body.template-gift_card .boxes .box>.left h2 {
        position: static
    }

    body.template-gift_card .gift-card .amount {
        font-size: 50px;
        -webkit-print-color-adjust: exact
    }

    body.template-gift_card .shop-button {
        display: none
    }

    body.template-gift_card #QrCode {
        margin-top: 10px;
        margin-left: 0
    }
}

#msshop-section-footer{
    position: relative;
    width: 100%;
    min-height: 500px;
    border-radius: 0;
    opacity: 1;
}

.footer {
    padding: 50px 0;
    position: relative;
    display: grid;
    align-items: center;
    grid-template-rows: auto 2px auto 2px auto;
    width: 100%;
    background: #F2F2F2;
    min-height: 500px;
}

.footer.collapsed {
    margin-top: 0
}

.safety-signs{
    margin: 30px 0 ;
    display: grid;
    grid-template-columns: repeat(4, auto);
    column-gap: 30px;
    justify-content: center;
    align-items: center;
}

.safety-signs>div{
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    row-gap: 10px;
    justify-content: start;
    align-items: center;
}

.safety-signs>div img{
    margin: auto;
    height: 46px;
    width: auto;
}

.safety-signs>div p{
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 24px;
    -webkit-background-clip: text;
}

.footer .safety-signs{
    column-gap: 100px;
}

.footer .top {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fill, auto);*/
    /*grid-template-rows: repeat(auto-fill, 1fr);*/
    /*justify-content: center;*/
    /*align-items: start;*/
    /*row-gap: 50px;*/
    /*column-gap: 50px;*/
    margin: auto;
    padding:100px 0 50px;
}

.footer .top:after {
    display: table;
    content: '';
    clear: both
}

.footer .top .col {
    /*min-height: 200px;*/
}

.footer .top .col:after {
    display: table;
    content: '';
    clear: both
}

.footer .top .col.right {
    text-align: right;
    padding-right: 0;
    padding-left: 20px
}

.footer .top .col.center {
    text-align: center
}

.footer .top .col h1 {
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    line-height: 18px;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

.footer .top .col .rte p,
.footer .top .col li,
.footer .top .col p {
    min-width: 200px;
    height: 21px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}

.footer .top .col.subscribe p{
    margin-top: 10px;
    margin-bottom: 30px;
    height: auto;
}

.footer .top .col .rte p a,
.footer .top .col li a,
.footer .top .col p a {
    /*color: #fff;*/
    text-decoration: none;
    /*-webkit-tap-highlight-color: rgba(255,255,255,0.5)*/
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 16px;
    text-transform:capitalize;
    -webkit-background-clip: text;
}

.footer .top .col .rte p a:hover,.footer .top .col li a:hover,.footer .top .col p a:hover {
    text-decoration: underline;
    border-bottom: 0
}

.footer .top .col .rte p.connect a,.footer .top .col li.connect a,.footer .top .col p.connect a {
    margin-left: 5px;
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.footer .top .col .rte p.connect a i.fc,.footer .top .col li.connect a i.fc,.footer .top .col p.connect a i.fc {
    font-size: 34px
}

.footer .top .col .rte p.connect a:hover,.footer .top .col li.connect a:hover,.footer .top .col p.connect a:hover {
    color: #fff
}

.footer .top .col .rte p.success,.footer .top .col li.success,.footer .top .col p.success {
    color: #fff
}

.footer .top .col .rte{
    margin: 50px 0 0 ;
    position: relative;
    width: 100%;
}

.footer .top .col .rte p {
    height: auto;
    margin: 0;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 40px;
    text-align: left;
    -webkit-background-clip: text;
}

.footer .top .col ul {
    list-style-type: none;
    float: left;
    width: 40%;
    margin-top: 20px;
    min-width: 200px;
}

.footer .top .col ul li {
    margin-bottom: 20px;
}

.footer .top .col form .table {
    display: table;
    width: 100%;
    max-width: 360px;
    /*background: #3e4450*/
}

.footer .top .col form .table input{
    width: 380px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
}

.footer .top .col form .table input.text {
    padding: 14px 20px;
    display: table-cell;
    width: 100%;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}

.footer .top .col form .table button{
    display: block;
    width: 120px;
    height: 50px;
    background: #111417;
    border-radius: 16px;
    opacity: 1;
    filter: blur(undefinedpx);
}

.footer .top .col form .table span.input-group-btn {
    /*display: table-cell;*/
    /*width: 1%;*/
    /*vertical-align: top*/
    margin-top: 20px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 50px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
}

.footer .top .col form .table span.input-group-btn .btn {
    display: block;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    text-transform: uppercase;
    -webkit-background-clip: text;
}

/*.footer .top.blocks-1 .col {*/
/*    width: 80%*/
/*}*/

/*.footer .top.blocks-2 .col {*/
/*    width: 40%*/
/*}*/

/*.footer .top.blocks-3 .col {*/
/*    width: 20%*/
/*}*/

.top-line-bottom{
    position: relative;
    width: 80%;
    height: 1px;
    margin: auto;
    border-radius: 0px;
    opacity: 1;
    border-bottom: 1px solid #E1E1E1;
    filter: blur(undefinedpx);
}

.footer .bottom {
    position: relative;
    min-height: 40px;
    width: 80%;
    color: #ccc;
    margin: auto;
    display: grid;
    grid-template-rows: repeat(3, auto);
    justify-content: center;
    align-items: center;
}
.footer .bottom .btm--item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.footer .bottom .btm--item.btm--item__1{
    height: 40px;
}

.footer .bottom .btm--item.btm--item__1 div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer .bottom .btm--item.btm--item__1 div a{
    display: inline-block;
    margin-right: 20px;
}

.footer .bottom .btm--item.btm--item__2 p{
    min-height: 21px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 16px;
    -webkit-background-clip: text;
}

/*.footer .bottom:after {*/
/*    display: table;*/
/*    content: '';*/
/*    clear: both*/
/*}*/

.footer .bottom .left,.footer .bottom .right {
    flex-grow: 1;
    align-self: center
}

.footer .bottom .left {
    text-align: left;
    flex-basis: 65%
}

.footer .bottom .right {
    text-align: right;
    flex-basis: 35%
}

.footer .bottom .text {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    color: #ccc;
    line-height: 18px
}

.footer .bottom .text a {
    color: #ccc;
    text-decoration: none
}

.footer .bottom .text a:hover {
    color: #fff
}

.footer .bottom .cards {
    margin: 0 0 10px;
    line-height: 0;
    display: flex;
    flex-wrap: wrap
}

.footer .bottom .cards svg {
    width: 50px;
    height: 32px;
    display: block;
    margin: 1px;
    order: 99
}

.footer .bottom .cards svg[aria-labelledby=pi-visa] {
    order: 1
}

.footer .bottom .cards svg[aria-labelledby=pi-apple_pay] {
    order: 2
}

.footer .bottom .cards svg[aria-labelledby=pi-google_pay] {
    order: 3
}

.footer .bottom .cards svg[aria-labelledby=pi-msshop_pay] {
    order: 4
}

.footer .bottom .cards svg[aria-labelledby=pi-paypal] {
    order: 5
}

.footer .bottom .cards svg[aria-labelledby=pi-amex] {
    order: 6
}

.footer .bottom .cards svg[aria-labelledby=pi-mastercard] {
    order: 7
}

.footer .bottom .disclosures .disclosure {
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    color: #ccc
}

.footer .bottom .disclosures .disclosure:last-child {
    margin-left: 8px
}

.footer .bottom .disclosures .disclosure .disclosure__toggle {
    color: #ccc;
    border-color: #ccc;
    background: 0 0
}

.footer .bottom .disclosures .disclosure .disclosure__toggle .msshop-select-icon {
    fill: #CCCCCC
}

.footer .bottom .disclosures .disclosure .disclosure__toggle:hover,.footer .bottom .disclosures .disclosure .disclosure__toggle[aria-expanded=true] {
    color: #fff;
    border-color: #fff
}

.footer .bottom .disclosures .disclosure .disclosure__toggle:hover .msshop-select-icon,.footer .bottom .disclosures .disclosure .disclosure__toggle[aria-expanded=true] .msshop-select-icon {
    fill: #ffffff
}

.footer .bottom .disclosures .disclosure .disclosure__list {
    background-color: #2a2d32;
    border-color: #ccc;
    right: 0
}

.footer .bottom .disclosures .disclosure .disclosure__list li {
    text-align: right
}

.footer .bottom .disclosures .disclosure .disclosure__list li a {
    color: #ccc
}

.footer .bottom .disclosures .disclosure .disclosure__list li a:hover {
    color: #fff;
    border-color: transparent
}

.footer .bottom .disclosures .disclosure .disclosure__list li.disclosure-list__item--current a {
    border-color: #ccc
}

@media (max-width: 960px) {
    .footer .safety-signs{
        column-gap: 30px;
    }
    .footer {
        margin-top:20px
    }

    .footer .top {
        padding: 30px 30px 0
    }

    .footer .top .col.contact {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*width: 50%;*/
        /*margin-bottom: 30px*/
    }

    .footer .top .col .rte p {
        text-align: center;
    }

    .footer .top .col.right {
        text-align: left;
        padding-left: 0;
        padding-right: 20px
    }

    .footer .top .col p.connect a {
        margin-left: 0;
        margin-right: 5px
    }

    .footer .top.blocks-4 .col:nth-child(odd) {
        clear: left
    }

    .footer .bottom .left,.footer .bottom .right {
        flex-basis: 50%
    }
    .footer .top{
        display: grid;
        grid-template-columns: repeat(1, 100%);
        justify-content: center;
        align-items: center;
        row-gap: 50px;
    }
    .footer .top .col:first-child{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .footer .top .col{
        /*min-height: 50px;*/
    }
    .footer .top .col ul{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 200px);
        grid-template-rows: repeat(auto-fill, 1fr);
    }
    .footer .top .col p{
        width: 100%;
    }
    .footer .bottom{
        margin: 30px auto;
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }
    .btm--item{
        min-height: 20px;
    }
    .footer .bottom .btm--item.btm--item__1 div{
        position: relative;
    }
    /*.footer .bottom .btm--item.btm--item__3{*/
    /*    display: none;*/
    /*}*/
    .footer .top .col .rte p,
    .footer .top .col li,
    .footer .top .col p {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .right .safety-signs {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        justify-items: center;
    }
    .footer .safety-signs{
        column-gap: 10px;
    }
    .footer {
        margin-top:15px
    }

    .footer .top {
        padding: 30px 15px;
    }

    .footer .top .col {
        float: none;
        width: 100%;
        margin: 0 0 30px;
        padding-right: 0
    }

    .footer .top .col:last-child {
        margin: 0
    }

    .footer .top .col.right {
        float: none;
        text-align: left
    }

    .footer .top .col h1 {
        font-size: 18px
    }

    .footer .top .col li,.footer .top .col p {
        color: #fff;
        font-size: 16px;
        line-height: 24px
    }

    .footer .top .col li.connect a,.footer .top .col p.connect a {
        color: #fff
    }

    .footer .top .col ul {
        width: 50%
    }

    .footer .top .col ul li {
        margin: 0 0 8px
    }

    .footer .top .col form span.input-group-btn .btn {
        margin-right: 0
    }

    .footer .top.blocks-1 .col,.footer .top.blocks-2 .col,.footer .top.blocks-3 .col {
        width: 100%
    }

    .footer .bottom {
        padding: 15px;
        flex-direction: column;
        width: 100%;
        padding: 0;
    }

    .footer .bottom .left,.footer .bottom .right {
        flex-basis: 100%;
        width: 100%;
        text-align: left
    }

    .footer .bottom .right .text {
        margin-top: 4px
    }

    .footer .bottom.with-selectors {
        padding: 15px 30px 30px
    }

    .footer .bottom.with-selectors .left,.footer .bottom.with-selectors .right {
        text-align: center
    }

    .footer .bottom.with-selectors .left {
        order: 2
    }

    .footer .bottom.with-selectors .right {
        order: 1
    }

    .footer .bottom .disclosures {
        margin: 20px 0
    }

    .footer .bottom .disclosures .disclosure .disclosure__list {
        right: inherit
    }

    .footer .bottom .disclosures .disclosure .disclosure__list li {
        text-align: left
    }

    .footer .bottom .cards {
        width: 80%;
        justify-content: center;
        margin: 0 auto 10px
    }

    .footer .bottom .cards svg {
        margin-bottom: 10px
    }
    .footer .safety-signs{
        align-items: center;
        justify-items: center;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .footer .top .col ul{
        grid-template-columns: repeat(1, auto);
    }
    .footer .top .col form .table input.text{
        width: 100%;
    }
    .footer .bottom .btm--item{
        display: grid;
        justify-content: center;
        align-items: center;
        justify-items: center;
    }
    .footer .bottom .btm--item.btm--item__1{
        height: 120px;
    }
    .footer .bottom .btm--item.btm--item__1 div{
        position: absolute;
        flex-wrap: wrap;
        display: grid;
        justify-content: center;
        align-items: center;
        justify-items: center;
        grid-template-columns: repeat(auto-fit, 100px);
        row-gap: 20px;
    }
    .footer .bottom .btm--item.btm--item__1 div a{
        margin-right: 0;
    }
    .footer .bottom .btm--item.btm--item__3 {
        grid-template-columns: repeat(auto-fit, 100px);
    }
}

@media (max-width: 300px) {
    .footer .bottom .btm--item.btm--item__1{
        height: 200px;
    }
}

/*.template-password .search-overlay,.template-password .side-cart,.template-password .side-nav {*/
/*    display: none*/
/*}*/

.template-password .content {
    margin-bottom: 30px!important;
    padding: 0!important
}

.template-password .content .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.template-password .content .table .row {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 30px
}

.template-password .content .table .row .login {
    display: none
}

.template-password .content .table .row .login h4 {
    padding-top: 0
}

.template-password .content .table .row a.logo {
    text-decoration: none
}

.template-password .content .table .row a.logo h1 {
    margin-bottom: 30px
}

.template-password .content .table .row a.logo h1 img {
    margin: 0 auto
}

.template-password .content .table .row h2 {
    margin: 15px 0 20px;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 65px;
    line-height: 66px;
    color: #404752;
    font-weight: 700
}

.template-password .content .table .row h3 {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    font-style: italic;
    padding: 30px 0 25px
}

/*.template-password .content .table .row h3.success {*/
/*    color: #fa766a*/
/*}*/

.template-password .content .table .row h4 {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    line-height: 26px;
    color: #404752;
    font-style: italic;
    max-width: 600px;
    margin: 0 auto 20px
}

.template-password .content .table .row p {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    max-width: 400px;
    margin: -10px auto 20px
}

.template-password .content .table .row p a {
    text-decoration: underline
}

.template-password .content .table .row hr {
    margin: 0 auto
}

.template-password .content .table .row hr.top {
    margin-top: 30px
}

.template-password .content .table .row p.connect {
    font-size: 30px
}

.template-password .content .table .row .banner {
    margin-top: 15px;
    font-size: 14px
}

.template-password .content .table .row .banner a {
    text-decoration: none
}

.template-password .content .table .row .banner a .msshop-svg {
    height: 30px;
    padding: 0 5px;
    position: relative;
    top: 6px
}

.template-password .content .table .row .banner a span {
    display: none
}

.template-password .content .table .row .form .inputs {
    max-width: 350px;
    margin: 0 auto;
    display: table;
    width: 100%
}

.template-password .content .table .row .form .inputs input.text {
    padding: 16px 15px 15px;
    display: table-cell;
    width: 100%
}

.template-password .content .table .row .form .inputs span.input-group-btn {
    display: table-cell;
    width: 1%;
    vertical-align: top
}

.template-password .content .table .row .form .inputs span.input-group-btn .btn {
    padding: 14px 20px;
    margin-left: 5px;
    margin-right: 10px
}

.template-password .content .table .row .form .link {
    margin-top: 20px
}

.template-password .content .table a.btn[data-action] {
    margin: 30px auto;
    padding: 14px 20px
}

@media (max-width: 960px) {
    .template-password .content {
        margin-top:20px!important;
        margin-bottom: 20px!important
    }
}

@media (max-width: 620px) {
    .template-password .main .layout {
        padding:15px 0
    }

    .template-password .main .layout .content {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .template-password .main .layout .content .inner .table .row h1 {
        font-size: 30px;
        line-height: 30px
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #404752
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #404752;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #404752
}

.mfp-preloader a:hover {
    color: #6d798b
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 28px;
    color: #404752;
    color: #fff
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: zoom-out
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-bg {
    background-color: #f3f0ee
}

.mfp-bg.mfp-fade {
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: all .35s cubic-bezier(.46, .01, .32, 1) 0s,.3s .35s cubic-bezier(.46, .01, .32, 1) 0s,ease-out .35s cubic-bezier(.46, .01, .32, 1) 0s
}

.mfp-bg.mfp-fade.mfp-ready {
    opacity: 1
}

.mfp-bg.mfp-fade.mfp-removing {
    transition: all .35s cubic-bezier(.46, .01, .32, 1) 0s,.3s .35s cubic-bezier(.46, .01, .32, 1) 0s,ease-out .35s cubic-bezier(.46, .01, .32, 1) 0s;
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .35s cubic-bezier(.46, .01, .32, 1) 0s,.3s .35s cubic-bezier(.46, .01, .32, 1) 0s,ease-out .35s cubic-bezier(.46, .01, .32, 1) 0s
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing {
    transition: all .35s cubic-bezier(.46, .01, .32, 1) 0s,.3s .35s cubic-bezier(.46, .01, .32, 1) 0s,ease-out .35s cubic-bezier(.46, .01, .32, 1) 0s
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-fade.mfp-wrap.mfp-removing button {
    opacity: 0
}

.mfp-counter {
    display: none
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: zoom-out
}

.mfp-figure:after {
    box-shadow: none;
    background: 0 0
}

button.mfp-close {
    margin: 30px;
    font-size: em(40px);
    font-weight: 300px;
    opacity: 1;
    color: #404752
}

button.mfp-arrow {
    top: 0;
    height: 100%;
    width: 20%;
    margin: 0;
    opacity: 1
}

button.mfp-arrow .mfp-a,button.mfp-arrow:after {
    display: none
}

button.mfp-arrow .mfp-b,button.mfp-arrow:before {
    display: none
}

button.mfp-arrow:active {
    margin-top: 0
}

.mfp-chevron {
    position: absolute;
    pointer-events: none
}

.mfp-chevron:before {
    content: '';
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 25px;
    width: 25px;
    border-style: solid;
    border-width: 4px 4px 0 0;
    transform: rotate(-45deg)
}

.mfp-chevron.mfp-chevron-right {
    right: 55px
}

.mfp-chevron.mfp-chevron-right:before {
    transform: rotate(45deg)
}

.mfp-chevron.mfp-chevron-left {
    left: 55px
}

.mfp-chevron.mfp-chevron-left:before {
    transform: rotate(-135deg)
}



.one-half {
    width: 50%
}

.one-third {
    width: 33.3333333333%
}

.two-thirds {
    width: 66.6666666667%
}

.one-quarter {
    width: 25%
}

.two-quarters {
    width: 50%
}

.three-quarters {
    width: 75%
}

.one-fifth {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.6666666667%
}

.two-sixths {
    width: 33.3333333333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.6666666667%
}

.five-sixths {
    width: 83.3333333333%
}

.one-eighth {
    width: 12.5%
}

.two-eighths {
    width: 25%
}

.three-eighths {
    width: 37.5%
}

.four-eighths {
    width: 50%
}

.five-eighths {
    width: 62.5%
}

.six-eighths {
    width: 75%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.two-tenths {
    width: 20%
}

.three-tenths {
    width: 30%
}

.four-tenths {
    width: 40%
}

.five-tenths {
    width: 50%
}

.six-tenths {
    width: 60%
}

.seven-tenths {
    width: 70%
}

.eight-tenths {
    width: 80%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.3333333333%
}

.two-twelfths {
    width: 16.6666666667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.3333333333%
}

.five-twelfths {
    width: 41.6666666667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.3333333333%
}

.eight-twelfths {
    width: 66.6666666667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.3333333333%
}

.eleven-twelfths {
    width: 91.6666666667%
}

@media only screen and (max-width: 619px) {
    .small--one-whole {
        width:100%
    }

    .small--one-half {
        width: 50%
    }

    .small--one-third {
        width: 33.3333333333%
    }

    .small--two-thirds {
        width: 66.6666666667%
    }

    .small--one-quarter {
        width: 25%
    }

    .small--two-quarters {
        width: 50%
    }

    .small--three-quarters {
        width: 75%
    }

    .small--one-fifth {
        width: 20%
    }

    .small--two-fifths {
        width: 40%
    }

    .small--three-fifths {
        width: 60%
    }

    .small--four-fifths {
        width: 80%
    }

    .small--one-sixth {
        width: 16.6666666667%
    }

    .small--two-sixths {
        width: 33.3333333333%
    }

    .small--three-sixths {
        width: 50%
    }

    .small--four-sixths {
        width: 66.6666666667%
    }

    .small--five-sixths {
        width: 83.3333333333%
    }

    .small--one-eighth {
        width: 12.5%
    }

    .small--two-eighths {
        width: 25%
    }

    .small--three-eighths {
        width: 37.5%
    }

    .small--four-eighths {
        width: 50%
    }

    .small--five-eighths {
        width: 62.5%
    }

    .small--six-eighths {
        width: 75%
    }

    .small--seven-eighths {
        width: 87.5%
    }

    .small--one-tenth {
        width: 10%
    }

    .small--two-tenths {
        width: 20%
    }

    .small--three-tenths {
        width: 30%
    }

    .small--four-tenths {
        width: 40%
    }

    .small--five-tenths {
        width: 50%
    }

    .small--six-tenths {
        width: 60%
    }

    .small--seven-tenths {
        width: 70%
    }

    .small--eight-tenths {
        width: 80%
    }

    .small--nine-tenths {
        width: 90%
    }

    .small--one-twelfth {
        width: 8.3333333333%
    }

    .small--two-twelfths {
        width: 16.6666666667%
    }

    .small--three-twelfths {
        width: 25%
    }

    .small--four-twelfths {
        width: 33.3333333333%
    }

    .small--five-twelfths {
        width: 41.6666666667%
    }

    .small--six-twelfths {
        width: 50%
    }

    .small--seven-twelfths {
        width: 58.3333333333%
    }

    .small--eight-twelfths {
        width: 66.6666666667%
    }

    .small--nine-twelfths {
        width: 75%
    }

    .small--ten-twelfths {
        width: 83.3333333333%
    }

    .small--eleven-twelfths {
        width: 91.6666666667%
    }

    .small--text-left {
        text-align: left!important
    }

    .small--text-right {
        text-align: right!important
    }

    .small--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 620px) {
    .medium-up--one-whole {
        width:100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.3333333333%
    }

    .medium-up--two-thirds {
        width: 66.6666666667%
    }

    .medium-up--one-quarter {
        width: 25%
    }

    .medium-up--two-quarters {
        width: 50%
    }

    .medium-up--three-quarters {
        width: 75%
    }

    .medium-up--one-fifth {
        width: 20%
    }

    .medium-up--two-fifths {
        width: 40%
    }

    .medium-up--three-fifths {
        width: 60%
    }

    .medium-up--four-fifths {
        width: 80%
    }

    .medium-up--one-sixth {
        width: 16.6666666667%
    }

    .medium-up--two-sixths {
        width: 33.3333333333%
    }

    .medium-up--three-sixths {
        width: 50%
    }

    .medium-up--four-sixths {
        width: 66.6666666667%
    }

    .medium-up--five-sixths {
        width: 83.3333333333%
    }

    .medium-up--one-eighth {
        width: 12.5%
    }

    .medium-up--two-eighths {
        width: 25%
    }

    .medium-up--three-eighths {
        width: 37.5%
    }

    .medium-up--four-eighths {
        width: 50%
    }

    .medium-up--five-eighths {
        width: 62.5%
    }

    .medium-up--six-eighths {
        width: 75%
    }

    .medium-up--seven-eighths {
        width: 87.5%
    }

    .medium-up--one-tenth {
        width: 10%
    }

    .medium-up--two-tenths {
        width: 20%
    }

    .medium-up--three-tenths {
        width: 30%
    }

    .medium-up--four-tenths {
        width: 40%
    }

    .medium-up--five-tenths {
        width: 50%
    }

    .medium-up--six-tenths {
        width: 60%
    }

    .medium-up--seven-tenths {
        width: 70%
    }

    .medium-up--eight-tenths {
        width: 80%
    }

    .medium-up--nine-tenths {
        width: 90%
    }

    .medium-up--one-twelfth {
        width: 8.3333333333%
    }

    .medium-up--two-twelfths {
        width: 16.6666666667%
    }

    .medium-up--three-twelfths {
        width: 25%
    }

    .medium-up--four-twelfths {
        width: 33.3333333333%
    }

    .medium-up--five-twelfths {
        width: 41.6666666667%
    }

    .medium-up--six-twelfths {
        width: 50%
    }

    .medium-up--seven-twelfths {
        width: 58.3333333333%
    }

    .medium-up--eight-twelfths {
        width: 66.6666666667%
    }

    .medium-up--nine-twelfths {
        width: 75%
    }

    .medium-up--ten-twelfths {
        width: 83.3333333333%
    }

    .medium-up--eleven-twelfths {
        width: 91.6666666667%
    }

    .medium-up--text-left {
        text-align: left!important
    }

    .medium-up--text-right {
        text-align: right!important
    }

    .medium-up--text-center {
        text-align: center!important
    }
}

.align--top-middle {
    text-align: center
}

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

.align--middle-left {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.align--center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    text-align: center
}

.align--middle-right {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    text-align: right
}

.align--bottom-left {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.align--bottom-middle {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    text-align: center
}

.align--bottom-right {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    text-align: right
}

.custom-content>.inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin-bottom: -30px;
    margin-left: -30px
}

.custom-content .custom__item {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 30px;
    padding-left: 30px;
    max-width: 100%;
    z-index: 2
}

.custom-content .custom__item .collection-grid-item {
    margin-bottom: 0
}

.custom-content .custom__item-inner {
    position: relative;
    display: block;
    text-align: left;
    max-width: 100%
}

.custom-content .custom__item-inner--text h1 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 40px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    word-wrap: break-word
}

.custom-content .custom__item-inner--text .rte {
    margin-top: 20px
}

.custom-content .custom__item-inner--text p {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    line-height: 25px;
    color: #404752;
    text-transform: none;
    margin: 0 0 20px 2px
}

.custom-content .custom__item-inner--text p b,.custom-content .custom__item-inner--text p strong {
    font-weight: FontDrop
}

.custom-content .custom__item-inner--text p a {
    text-decoration: underline
}

.custom-content .custom__item-inner--text p:last-child {
    margin-bottom: 0
}

.custom-content .custom__item-inner--html,.custom-content .custom__item-inner--video {
    display: block
}

.custom-content .custom__item-inner--image {
    position: relative;
    margin: 0 auto
}

.custom-content .custom__image {
    width: 100%;
    display: block;
    position: absolute;
    top: 0
}

.custom-content .placeholder-svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 350px
}

.custom-content .video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto
}

.custom-content .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 620px) {
    .custom-content>.inner {
        margin-bottom:-15px;
        margin-left: -15px
    }

    .custom-content>.inner.with-padding {
        padding: 15px
    }

    .custom-content .custom__item {
        margin-bottom: 15px;
        padding-left: 15px
    }

    .custom-content .background {
        left: 15px;
        bottom: 15px
    }
}

.msshop-challenge__container {
    margin: 0 30px!important;
    padding: 40px 30px 60px!important;
    max-width: none!important;
    background: #f3f0ee
}

.msshop-challenge__container .msshop-challenge__error {
    margin: 10px 0;
    font-size: 14px
}

.msshop-challenge__container .btn.msshop-challenge__button {
    border: 3px solid
}

.msshop-challenge__container .btn.msshop-challenge__button:hover {
    color: #6d798b;
    border-color: #6d798b
}

.msshop-challenge__container .btn.msshop-challenge__button:hover:after,.msshop-challenge__container .btn.msshop-challenge__button:hover:before {
    border-color: #6d798b
}


@media screen and (max-width: 768px){
   #MainContent .layout .shoppaas-section:first-of-type{
       padding-top: 70px!important;
   }
    #MainContent .layout .shoppaas-section:first-of-type:has(.shoppaas-section--full-width){
       padding-top: 0px!important;
   }
    div.shoppaas-section .wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    div.shoppaas-section {
        padding: 45px 15px 0 15px !important;
        margin-top: 0px !important;
    }

    #msshop-section-template--index__slider-image.shoppaas-section,
    #shoppaas-section-newsletter.shoppaas-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 960px) {
    .msshop-challenge__container {
        margin:0 20px!important
    }

    .msshop-challenge__container .btn.msshop-challenge__button {
        width: 304px
    }
}

@media (max-width: 620px) {
    .msshop-challenge__container {
        margin:0 15px!important
    }

    .msshop-challenge__container .btn.msshop-challenge__button {
        width: 60%
    }
}

.msshop-policy__container {
    margin: 60px auto 100px;
    text-align: left;
    max-width: var(--page-width);
}

.msshop-policy__container .msshop-policy__body,
.msshop-policy__container .msshop-policy__title {
    margin: 0 auto;
    text-align: inherit
}

.msshop-policy__container .msshop-policy__title {
    width: 100%
}

.msshop-policy__container .msshop-policy__title h1 {
    text-align: center;
    font-size: var(--title-font-size);
    font-family: var(--title-font-family);
    -webkit-background-clip: text;
}


.msshop-policy__container .msshop-policy__body img ,.msshop-policy__container .msshop-policy__body div ,.msshop-policy__container .msshop-policy__body p ,.article p ,.article p{
    max-width: 100% !important;

}
.msshop-policy__container .msshop-policy__body{
    margin-top: 17px;
}
.msshop-policy__container .rte h1 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 34px;
    color: #404752;
    font-weight: 700
}

.header.scrolled .bar,
.header.scrolled .bar .left,
.header.scrolled .bar .center,
.header.scrolled .bar .right{
    height: 100px;
}

.header.scrolled a.logo h1 img {
    max-height: 100px !important;
}

.header .top-banner .bg {
    background: #ffffff;
}

.header .top-banner .text {
    display: grid;
    justify-content: space-around;
    align-items: center;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(1, auto);
    row-gap: 10px;
    min-height: 60px;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC !important;
    font-weight: 400;
    padding: 10px 50px;
}

.header .top-banner .text .header-social{
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .top-banner .text .header-social a{
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 10px;
}

.header .top-banner .text .header-announcement{
    /*margin-left: 0;*/
}

.header .top-banner .text p {
    padding: 0;
    height: 21px;
    color: #B5B5B5;
}

.header .top-banner .text>div.disclosure-box,
.header .top-banner .text>div.disclosure-box p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .top-banner .text>div p:last-child{
    /*margin-left: 50px;*/
    text-align: center;
}

.header .top-banner .text>div p img{
    height: 6px;
    width: 10px;
    margin-left: 15px;
}

.browsing .header .top-banner .background,
.shopping .header .top-banner .background,
.picking .header .top-banner .background {
    opacity: 0.80;
}

.header .relative {
}

.top-banner-line{
    height: 0px;
    opacity: 1;
    border-bottom: 1px solid #E1E1E1;
}
.header .swiper{
    /*width: 50% !important;*/
    margin: 0;
    text-align: left;
}
.header .swiper-slide {
    pointer-events: none;
    margin-left: 0 !important;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}

@media (max-width: 960px) {
    .msshop-policy__container {
        /*margin:5%!important;*/
        /*padding: 0 0 20px!important*/
    }

    .msshop-policy__container .msshop-policy__body,
    .msshop-policy__container .msshop-policy__title {
        padding: 20px 20px 0
    }
}

@media (max-width: 620px) {
    .msshop-policy__container {
        /*margin:0 15px!important;*/
        padding: 0 0 15px!important
    }

    .msshop-policy__container .msshop-policy__body,.msshop-policy__container .msshop-policy__title {
        padding: 15px 15px 0
    }
}

.header-expanded .msshop-challenge__container,.header-expanded .msshop-policy__container {
    margin-left: 0!important;
    margin-right: 0!important
}

.msshop-email-marketing-confirmation__container {
    margin: 0 30px!important;
    padding: 40px 0 60px!important;
    max-width: none!important;
    text-align: center;
    background: #f3f0ee
}

.msshop-email-marketing-confirmation__container h1 {
    display: none
}

.msshop-email-marketing-confirmation__container p {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 27px;
    color: #404752
}

.msshop-email-marketing-confirmation__container a {
    text-decoration: none;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    color: #404752;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: 0 0;
    border: 3px solid;
    margin: 20px auto 0;
    max-width: none
}

@media (max-width: 960px) {
    .msshop-email-marketing-confirmation__container {
        margin:0 20px!important
    }
}

@media (max-width: 620px) {
    .msshop-email-marketing-confirmation__container {
        margin:0 15px!important
    }
}



.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
#pagination .pagination {
    text-align: center;
    margin: 0;
}

#pagination .pager {
    margin: 0;
}

#pagination li {
    margin: 0 .4em;
    display: inline-block;
}

#pagination li > a,
#pagination li > span {
    text-decoration: none;
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: var(--main-color);
    line-height: 20px;
    -webkit-background-clip: text;
}
.supports-fontface #pagination .icon:before{
    color: var(--main-color);
}
#pagination li > span{
    color: var(--Url-color);
    display: inline-block;
    margin-top: 1px;
    padding: 0px 8px;
}
@media (max-width: 620px) {
    #pagination li:not(.active) {
        display: none;
    }
    #pagination li.active,#pagination li.active+li{
        display: block;
    }
    #pagination li:first-child,
    #pagination li:last-child  {
        display: inline-block;
    }
}

#pagination .pagination .disabled {
    display: none;
}

img,button,a{
    cursor: pointer;
}

.collection-products .collection-product>.inner .info-box .collection-product-title .title{
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
}

.collection-products .collection-product>.inner .info-box .collection-product-title .title.ellipsis,
#msshop-section-template--index__featured-blog .post .rte p{
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}

.section-header__title{
    margin-top: 0px;

}
select{
    height: 50px;
    padding: 10px 15px;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #111417;
}

/*购物车*/
#msshop-section-template--msshop__cart .boxes{
    padding: 0;
}

.section-cart .cart-empty {
    margin: 70px auto 100px;
    display: grid;
    grid-template-rows: repeat(3, auto);
    justify-content: center;
    align-items: center;
}
.section-cart .row.expanded-top{
    margin-top: 100px;
}
.section-cart .btn.solid{
    padding: 15px 100px;
    background: #111417;
    border-radius: 0px;
    opacity: 1;
}
.section-cart .btn.solid span{
    text-align: center;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 60px;
    -webkit-background-clip: text;
}
.section-cart .cart table{
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
.section-cart .cart tr{
    border-bottom: 1px solid #E1E1E1;
}
.section-cart .cart table tr th:nth-child(2){
    text-align: left;
}
.section-cart .cart table tr th {
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 20px;
    padding-bottom: 30px;
    -webkit-background-clip: text;
}
.section-cart .cart table tr th span{
    display: inline-block;
    margin: 50px 0;
}
.section-cart .cart table .td-0 img{
    width: 30px;
    height: 30px;
}
.section-cart .cart table .td-1{
    display: flex;
}
.section-cart.cart-popup .cart table .td-1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-cart .cart table .td-1>a {
    margin: 50px 0;
}
.section-cart .cart table .td-1 img{
    width: 100px;
}
.section-cart .cart table .td-1>div{
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-cart .cart table .td-1 div p{
    max-width: 250px;
}
.section-cart .cart table .td-1 div p .name{
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
}
.section-cart .cart table .td-1 div.description{
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 24px;
    -webkit-background-clip: text;
}
.section-cart .cart table tr .td-2,
.section-cart .cart table tr .td-3 {
    text-align: center;
}
/*.section-cart .cart table tr .td-2 .js-qty button{*/
/*    display: none;*/
/*}*/
.section-cart .cart table tr .td-2 .js-qty input{
    text-align: center;
    width: 60px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #E1E1E1;
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 24px;
    -webkit-background-clip: text;
}
.section-cart .cart table tr .td-3 div {
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
    line-height: 24px;
    -webkit-background-clip: text;
}
.section-cart .check-out-box{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    text-align: center;
}
.section-cart .instructions textarea{
    padding: 10px;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #E1E1E1;
    filter: blur(undefinedpx);
}
.section-cart .instructions i{
    position: relative;
    bottom: 5px;
    left: -65px;
}
.section-cart.cart-popup .instructions i {
    position: relative;
    padding: 0 10px;
    float: right;
    bottom: 25px;
    left: 0;
}
.section-cart .instructions i,
.section-cart .instructions i span{
    font-style: normal;
    font-size: 14px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}
.section-cart .check-out{
    display: grid;
    grid-template-rows: repeat(7, auto);
    row-gap: 10px;
}
.section-cart .check-out .row{
    display: flex;
    justify-content: space-between;
}
.section-cart .instructions textarea{
    margin-top: 20px;
}
.section-cart .cart-line{
    width: 100%;
    height: 0px;
    background: #FFFFFF;
    opacity: 1;
    border-bottom: 1px solid #E1E1E1;
}
.section-cart .check-out .row span{
    margin-right: 50px;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #B5B5B5;
    line-height: 20px;
    -webkit-background-clip: text;
}
.section-cart .check-out .row p{
    display: inline-block;
    font-size: 15px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    line-height: 20px;
    -webkit-background-clip: text;
}
.section-cart .check-out .row h4{
    font-size: 24px !important;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC !important;
    font-weight: 500 !important;
    color: #111417 !important;
    line-height: 32px !important;
    -webkit-background-clip: text;
}

@media (max-width: 960px) {

    .section-cart .check-out-box{
        flex-direction: column;
    }
    .section-cart .cart .instructions textarea{
        width: 100%;
    }
    .section-cart .cart table .td-1{
        flex-direction: column;
    }
    /*.section-cart .cart table .td-1>a{*/
    /*    margin: 50px 0 0px*/
    /*}*/
    .section-cart.cart-popup .cart table .td-1>a{
        margin: 50px 0;
    }
    .section-cart .cart table .td-1>div{
        margin-left: 0px;
    }
    .section-cart .cart table .td-1 img{
        width: 120px;
    }
    .section-cart.cart-popup .cart table .td-1 img{
        width: 100px;
    }
    .section-cart .cart table .td-1 div p{
        max-width: 300px;
    }
    .section-cart .cart table .td-1 div p,
    .section-cart .cart table .td-1 div.description{
        margin: 10px 0;
    }
    .section-cart .cart table tr th{
        text-align: center;
    }
    .section-cart .instructions i {
        position: relative;
        padding: 0 10px;
        float: right;
        bottom: 25px;
        left: 0;
    }
    .section-cart .cart table tr .td-2{
        text-align: left;
    }
}

/*购物车弹窗*/
.section-cart.cart-popup .cart-empty{
    margin: 0;
}
.cart-popups-mast::before{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 7777;
}

#msshop-section-template--msshop__cart-popup.cart-popup .boxes{
    padding: 0;
}

.close-popups-btn {
    width: 20px;
    height: 20px;
    float: right;
}

.cart-popup p.cart-title{
    display: flex;
    align-items: center;
}

.cart-popup p.cart-title,
.cart-popup p.cart-title span:first-child{
    text-align: left;
    margin: 0;
    font-size: 30px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #111417;
}

.cart-popup p.cart-title span:nth-child(2){
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    margin-left: 15px;
}



.section-cart.cart-popup .cart table tr:first-child,
.section-cart.cart-popup .cart table tr td:first-child {
    display: none;
}

.section-cart.cart-popup .cart table tr .td-2{
    text-align: left;
    padding-left: 15px;
    flex: 1;

}
.section-cart.cart-popup .cart table tr .td-2 div p a.name{
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    -webkit-background-clip: text;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
}

.section-cart.cart-popup .cart table tr .td-2>div p{
    margin-bottom: 0px;
}

.section-cart.cart-popup .cart table tr .td-2>div>div.description {
    font-size: 18px;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-weight: 500;
    color: #B5B5B5;
    -webkit-background-clip: text;
}

.section-cart.cart-popup .cart table tr .td-2 .quantity-price{
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    justify-items: stretch;
}

.section-cart.cart-popup .cart table tr .td-2 .quantity-price .price{
    font-size: 18px;
    font-weight: 400;
    color: #111417;
    -webkit-background-clip: text;
}

#msshop-section-template--msshop__cart-popup .cart .instructions{
    float: none;
    width: 100%;
}

/*购物车下拉框*/
.cart-popup-two{
    position: fixed;
    top: 20px;
    right: 20px;
    background: #FFFFFF;
    /*box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.04);*/
    border-radius: 0px;
    padding: 40px;
    opacity: 1;
    z-index: 110000;
    display: none;
}

.cart-popup-two p,
.cart-popup-two a {
    text-align: center;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #111417;
    width: 100%;
}
.cart-popup-two a {
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
    text-decoration: underline;
}

@media (max-width: 960px) {
    .cart-popup-two {
        top: 120px;
    }
}

@media (max-width: 540px) {
    .section-cart.cart-popup .cart table tr .td-2 .quantity-price{
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        row-gap: 20px;
    }
}

/*错误弹窗*/
.error-pop{
    width: 300px;
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(245, 108, 108, 0.8);
    box-shadow: 3px 3px 20px 1px rgba(245, 108, 108, 0.2);
    border-radius: 0px;
    padding: 20px;
    opacity: 1;
    z-index: 110000;
    display: none;
}

.error-pop p{
    text-align: center;
    font-size: 16px;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    width: 100%;
}

/*自定义弹窗*/
#msshop-section-template--index__custom-popup{
    display: none;
    background: #FFFFFF;
    opacity: 1;
    padding: 20px 30px 50px;
}

#msshop-section-template--index__custom-popup{
    position: fixed !important;
    overflow: hidden;
    z-index: 9999;
    top: 20%;
    left: 20%;
    right: 20%;
    margin: 0 auto;
}

#msshop-section-template--index__custom-popup{
    display: block;
    padding: 70px 30px;
    z-index: 10000;
    /*height: 50%;*/
}

.popups-mast::before{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0,0,0,0.09);
    z-index: 9999 !important;
}

.custom-popup .popups{
    display: grid;
    grid-template-rows: repeat(4,auto);
    row-gap: 50px;
    justify-content: center;
    align-items: center;
}

.custom-popup .popups >h1,
.custom-popup .popups >p,
.custom-popup .popups >span{
    text-align: center;
}

.custom-popup .popups >h1{
    font-size: 40px;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-weight: bold;
    color: #111417;
    line-height: 40px;
    -webkit-background-clip: text;
}

.custom-popup .popups >p{
    font-size: 16px;
    color: #B5B5B5;
}

.custom-popup .popups>div.quick-input-box div{
    display: flex;
    justify-content: center;
}

.custom-popup .popups>div.quick-input-box input{
    padding: 15px 20px;
    background: #f2f2f2;
    border-radius: 0px;
    opacity: 1;
    border: 1px solid #B5B5B5;
    filter: blur(undefinedpx);
    padding-left: 24px;
}

.custom-popup .popups>div.quick-input-box  span{
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111417;
    color: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    filter: blur(undefinedpx);
    display: flex;
}

.custom-popup .popups> span{
    font-size: 14px;
    color: #111417;
    text-decoration: underline;
}

.custom-popup .popups >p,
.custom-popup .popups >span{
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    line-height: 20px;
    -webkit-background-clip: text;
}

@media (max-width: 768px) {
    #msshop-section-template--index__goods-pop-ups,
    #msshop-section-template--index__custom-popup{
        left: 0;
        right: 0;
    }
}

@media (max-width: 450px) {
    .custom-popup .popups>div.quick-input-box div{
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .custom-popup .popups>div.quick-input-box span{
        padding: 15px 20px;
        margin-top: 10px;
    }
}

/*自定义弹窗end*/

/*评论 start*/
#mcshop-section-template--product_view_bottom .main .layout .msshop-section .content{
    padding: 0;
    margin: 0;
}
/*评论 end*/

/*文字布局start*/
.text-left *{
    text-align: left !important;
    margin-left: 0 !important;
}

.text-center *{
    text-align: center !important;
}
.text-right *{
    text-align: right !important;
    margin-right: 0 !important;
}
/*文字布局end*/

/*内容布局start*/
.layout-top-left{
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-start;
}
.layout-top-center {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
}
.layout-top-right {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-end;
}
.layout-center-left {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}
.layout-center-center {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.layout-center-right {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}
.layout-bottom-left {
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-start;
}
.layout-bottom-center {
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
}
.layout-bottom-right{
    display: flex !important;
    align-items: flex-end;
    justify-content: flex-end;
}

.layout-bottom-left,
.layout-bottom-center,
.layout-bottom-right{
    margin-bottom: 50px
}
/*内容布局end*/

/* 长宽比start */
.collection-category-list img.circle-aspect-1-1{
    border-radius: 50%;
}

.collection-category-list img.aspect-4-3{
    height: 150px;
}

.collection-category-list img.aspect-2-3{
    height: 300px;
}
/* 长宽比end */

* {
    clear: both;
}