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

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
}

h2.msshop-section-title {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 29px;
    color: #404752;
    color: #fa766a;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 15px
}

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
}

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

h3.empty {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    color: var(--color-body-text);
    font-style: italic;
    /* margin: 30px 10px */

}

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;
    line-height: 21px;
    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 {
    background: #fa766a;
    border-color: #fa766a;
    color: #fff;
    transition: opacity .2s cubic-bezier(.2, .3, .25, .9) 0s
}

.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: 4px
}

.btn.faded {
    opacity: .8
}

.circle-wrapper,
.shape-wrapper {
    display: inline-block
}

.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: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    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,
form textarea.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 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
}

.rte {
    word-wrap: break-word;
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    line-height: 28px;
    color: #404752
}

.rte>* {
    line-height: normal
}

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

.rte h1 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 40px;
    color: #404752;
    font-weight: 700;
    text-transform: none
}

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

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

.rte h4 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 24px;
    color: #404752;
    font-weight: 700;
    text-transform: none
}

.rte h5 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 20px;
    color: #404752;
    font-weight: 700;
    text-transform: none
}

.rte h6 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    font-weight: 700;
    text-transform: none
}

.rte li,
.rte p,
.rte td {
    font-family: "Work Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 15px;
    line-height: 28px;
    color: #404752
}

.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;
    margin: 40px 80px
}

.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: 4px;
    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%;
    max-width: 2000px;
    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
}

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
}

body .main .layout .msshop-challenge__container .content,
body .main .layout .msshop-email-marketing-confirmation__container .content,
body .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
}

.main {
    width: 100%;
    padding: 0 0 0
}

.main .layout .msshop-section .content {
    padding: 30px;
    margin: 30px 30px 0
}

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

.row {
    margin: 0 0 10px
}

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

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

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

.share {
    margin: 35px 0 0;
    min-height: 56px
}

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

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

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

@media (max-width: 620px) {
    .main .layout .msshop-section .content {
        padding: 15px;
        margin: 15px 15px 0
    }

    .main .layout .msshop-section .content:not(.show-background).expanded {
        padding-top: 15px;
        padding-bottom: 15px
    }

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

.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: 4px;
    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: 4px;
    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
}

.header .bar {
    padding: 17px 30px;
    position: relative;
}

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

.header .bar .center {
    position: relative;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 0;
    transition: top 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

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

.header .bar .left,
.header .bar .right {
    height: 26px;
}

.header .bar .left {
    position: absolute;
    left: 19px;
    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: 19px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: right 350ms cubic-bezier(.46, .01, .32, 1) 0s
}

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

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

.header .bar .right>a .circle {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 14px;
    color: #404752;
    color: #fff;
    font-weight: 700;
    text-transform: none;
    background: #fa766a;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    margin-left: 4px
}

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

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

.header.show-background .background {
    background-color: #f3f0ee;
    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;
    padding: 0 30px 10px
}

.header .main-nav ul {
    list-style: none;
    /* padding-top: 8px */
}

.header .main-nav ul li {
    position: relative;
    display: inline-block
}

.header .main-nav ul li a {
    display: inline-block;
    padding: 10px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 16px;
    color: #404752;
    color: #404752;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px
}

.header .main-nav ul li a.active span,
.header .main-nav ul li a.hovered span,
.header .main-nav ul li a:hover span {
    border-bottom: 2px solid #fa766a
}

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

.header .main-nav ul li a.plus:after {
    content: '+';
    display: inline-block;
    /* margin-left: 3px */
}
.header .main-nav ul li a.plus_shop:after{
    margin-left: 3px
}

.header .main-nav ul li ul.tab {
    visibility: hidden;
    transform: translateY(-2%);
    position: absolute;
    left: -5px;
    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: block;
    white-space: nowrap
}

.header .main-nav ul li ul.tab li a {
    color: #404752
}

.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 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 {
    left: 0;
    right: 0;
    padding: 0;
    border: 0;
    text-align: left;
    background: #fff
}

.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 {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    margin: 30px 0
}

.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 {
	z-index: 51;
    position: relative;
    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;
    color: #404752;
    color: #fff;
    padding: 10px 30px
}

.header.scrolled .bar {
    opacity: 0
}

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

.header.scrolled .nav {
    opacity: 0
}

.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) {
    .header .bar {
        padding-left: 20px;
        padding-right: 20px
    }

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

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

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

    .header .bar .right a.icon-user {
        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
    }

    .header .main-nav ul li.megamenu ul.tab .columns .column {
        margin-bottom: 20px
    }

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

@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 .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 .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: 123% 150%;
    /* 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.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-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 {
    background-color: #f3f0ee !important
}

.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: 10px
}

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

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

.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: 550px
}

.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: none;
    height: 100%;
    position: relative
}

.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 .slide .slideshow-image {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.slideshow .slide .slideshow-image .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    z-index: 2;
    position: relative
}

.slideshow .slide .slideshow-image .table .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px
}

.slideshow .slide .slideshow-image .table .cell h1 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 65px;
    line-height: 66px;
    color: #404752;
    color: #333;
    font-weight: 700;
    margin: 0 0 10px
}

.slideshow .slide .slideshow-image .table .cell h2 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 30px;
    line-height: 31px;
    color: #404752;
    color: #fa766a;
    margin: 0 0 20px
}

.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 h1 {
    color: #fff
}

.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: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    background: 0 0
}

.slideshow .slick-next:before,
.slideshow .slick-prev:before {
    color: #333;
    font-family: FontColors;
    font-size: 40px
}

.slideshow .slick-next.is-light:before,
.slideshow .slick-prev.is-light:before {
    color: #fff
}

.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: 30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slideshow .slick-dots li {
    display: inline-block
}

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

.slideshow .slick-dots li button:before {
    font-family: FontColors;
    font-size: 20px;
    content: "B"
}

.slideshow .slick-dots li.slick-active button:before {
    content: "A"
}

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

@media (max-width: 960px) {
    .slideshow .slide .slideshow-image .table .cell {
        padding: 0 20px
    }
}

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

.collections-items {
    margin-left: -10px;
    margin-top: -10px
}

.collections-items:after {
    display: table;
    content: '';
    clear: both
}

.collections-items a.collections-item {
    position: relative;
    text-decoration: none;
    display: block;
    float: left;
    width: 33.333%;
    height: 240px;
    padding-left: 10px;
    padding-top: 10px;
    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: 50%;
    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: 33.333%;
    height: 280px
}

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

.collections-items a.collections-item.one-third.tall {
    height: 380px
}

.collections-items a.collections-item h1 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 26px;
    color: #404752;
    position: absolute;
    bottom: 20px;
    max-width: 175px;
    display: inline;
    word-wrap: break-word
}

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

@media (max-width: 960px) {

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

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

.template-search .content {
    padding-left: 20px
}

.template-search .content .search-header {
    padding-left: 10px
}

.collection .image,
.collection .rte,
.collection .sorting-and-filtering,
.collection ul.categories {
    margin: 0 0 20px
}

.collection .image img {
    width: 100%
}

.collection-products {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    /* margin-left: -10px */
}

.collection-products h3.empty {
    display: block;
    width: 100%
}

.collection-products .collection-product {
    display: block;
    position: relative;
    text-decoration: none;
    width: 25%;
    padding-left: 10px;
    /* margin-bottom: 10px; */
    -webkit-tap-highlight-color: rgba(243, 240, 238, 0.2)
}

.collection-products .collection-product.two {
    width: 50%
}

.collection-products .collection-product.three {
    width: 33.33333%
}

.collection-products .collection-product>.inner {
    height: 100%;
    /* background: #f3f0ee; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.collection-products .collection-product>.inner .image {
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.collection-products .collection-product>.inner .image.square {
    /* padding-bottom: 100% */
    padding-bottom: 76%
}

.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% !important;
    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 .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
}

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

.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: 15px;
    color: #404752;
    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;
    font-size: 15px;
    line-height: 19px;
    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
}

.collection-products .collection-product.opened .image img+img,
.collection-products .collection-product:hover .image 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-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.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-price {
    order: 2;
    text-align: right
}

@media (max-width: 960px) {
    .collection-products .collection-product {
        width: 33.33%
    }

    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: none
    }
}

@media (max-width: 620px) {
    .template-collection .content {
        padding: 30px 0 0
    }

    .collection {
        padding: 0 15px 20px 5px
    }

    .collection-products .collection-product {
        width: 50%
    }

    .collection-products .collection-product.three {
        width: 50%
    }

    .no-js .product-related-products {
        display: none
    }

    .product-related-products .collection-products .collection-product:nth-child(4n) {
        display: block
    }

    .template-search .content {
        padding-left: 5px
    }
}

.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;
    text-underline-offset: 12px;
}

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

@media (max-width: 960px) {
    body.template-cart .instructions {
        width: 100%
    }
}

.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 {
    display: flex;
    align-items: baseline
}

.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 .excerpts:after {
    display: table;
    content: '';
    clear: both
}

.blog .excerpts .post {
    margin: 0 0 60px
}

.blog .excerpts .post:last-child {
    margin-bottom: 0
}

.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: #404752;
    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: flex;
    flex-wrap: wrap;
    margin-left: -30px
}

.blog.grid .excerpts .post {
    width: 50%;
    margin: 0 0 8px;
    padding-left: 30px
}

.blog.grid .excerpts .post:nth-last-child(-n+2) {
    margin: 0
}

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

.post h1 a {
    text-decoration: none;
    color: #404752
}

.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 .btn.more {
    margin-top: 20px
}

.post hr {
    margin: 0 0 30px
}

.post .extra {
    margin: 20px 0 10px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 15px;
    color: #404752;
    color: #404752
}

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

.post .extra .tags a {
    text-decoration: none;
    color: #404752;
    margin: 0 4px
}

.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 {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

    .blog.grid .excerpts .post {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width: 620px) {
    .blog .excerpts .post {
        margin: 0 0 15px !important
    }

    .blog h2.empty {
        padding-left: 15px
    }
}

.product {
    position: relative
}

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


.product .item .radio-wrapper,
.product .item .selector-wrapper {
    margin: 10px 0 0
}

.product .item .radio-wrapper:first-child,
.product .item .selector-wrapper:first-child {
    margin-top: 0
}

.product .item .radio-wrapper>label,
.product .item .selector-wrapper>label {
    font-family: var(--font-header-family);
    font-style: var(--font-header-style);
    font-weight: var(--font-base-weight-bolder);
    text-transform: var(--font-header-text-transform);
    font-size: calc(18px * var(--font-header-scale));
    color: var(--color-body-text);
    margin: 0 0 10px;
    display: block;
}

.product .item .radio-wrapper fieldset,
.product .item .selector-wrapper fieldset {
    border: 0;
    background: 0 0
}

.product .item .radio-wrapper fieldset input[type=radio],
.product .item .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 .radio-wrapper fieldset input[type=radio]:checked+label,
.product .item .selector-wrapper fieldset input[type=radio]:checked+label {
    color: var(--color-body-text-neg);
    background-color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.product .item .radio-wrapper fieldset input[type=radio]:focus+label,
.product .item .selector-wrapper fieldset input[type=radio]:focus+label {
    color: #015ecc
}

.no-outlines .product .item .radio-wrapper fieldset input[type=radio]:focus+label,
.no-outlines .product .item .selector-wrapper fieldset input[type=radio]:focus+label {
    color: #404752
}

.product .item .radio-wrapper fieldset input[type=radio]:focus:checked+label,
.product .item .selector-wrapper fieldset input[type=radio]:focus:checked+label {
    color: #015ecc
}

.no-outlines .product .item .radio-wrapper fieldset input[type=radio]:focus:checked+label,
.no-outlines .product .item .selector-wrapper fieldset input[type=radio]:focus:checked+label {
    color: var(--color-body-text-neg);
    background-color: var(--color-body-text);
    border-color: var(--color-body-text);
}

.product .item .radio-wrapper fieldset label,
.product .item .selector-wrapper fieldset label {
    display: inline-block;
    border: 2px solid;
    margin: 0 5px 10px 0;
    padding: 8px 18px;
    border-radius: 40px;
    min-width: 35px;
    text-align: center;
    font-family: var(--font-buttons-family);
    font-style: var(--font-buttons-style);
    font-weight: var(--font-buttons-weight);
    text-transform: var(--font-buttons-text-transform);
    font-size: calc(16px * var(--font-base-scale));
    color: var(--color-body-text);
    font-weight: var(--font-buttons-weight-bolder);
    cursor: pointer;
}

.product .item .radio-wrapper fieldset label.disabled,
.product .item .selector-wrapper fieldset label.disabled {
    opacity: .25;
    cursor: default
}

.product .item .expanded .radio-wrapper,
.product .item .expanded .selector-wrapper {
    margin-top: 20px
}

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 .row {
        text-align: center
    }
}

@media print {
    body.template-gift_card>iframe {
        display: none
    }

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

.footer {
    max-width: 1940px;
    margin: 30px auto 0
}

.footer.collapsed {
    margin-top: 0
}

.footer .top {
    background: #3e4450;
    padding: 30px
}

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

.footer .top .col {
    float: left;
    width: 25%;
}

.footer .top .col:after {
    display: table;
    content: '';
    clear: both
}

.footer .top .col.right {
    text-align: right;
    padding-right: 0;
}

.footer .top .col.center {
    text-align: center
}

.footer .top .col h1 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 15px;
    color: #404752;
    color: #ffd1cd;
    margin: 0 0 15px
}

.footer .top .col .rte p,
.footer .top .col li,
.footer .top .col p {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 15px;
    line-height: 24px;
    color: #404752;
    color: #fff;
    text-transform: none
}

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

.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 p {
    margin-bottom: 0
}

.footer .top .col form .table.input {
    display: table;
    width: 100%;
    max-width: 360px;
}

.footer .top .col form .table.msg {
	width: 100%;
	max-width: 100%;
}

.footer .top .col form .table input.text {
    /* padding: 6px 10px 5px; */
    display: table-cell;
    width: 100%
}

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

.footer .top .col form .table span.input-group-btn .btn {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
    color: #404752;
    color: #ffd1cd;
    font-weight: 700;
    background: 0 0;
    border: 2px solid;
    /* padding: 3px 10px; */
    margin-left: 5px;
    margin-right: 10px;
    height: 100%;
}

/*.footer .top .col form .table p {*/
/*	display: table;*/
/*	width: 100%;*/
/*	max-width: 360px;*/
/*}*/

.footer .bottom {
    color: #ccc;
    background: #2a2d32;
    padding: 15px 30px;
    /* display: flex; */
    flex-direction: row
}

.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: 50%
}

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

@media (max-width: 620px) {
    .footer {
        margin-top: 15px
    }

    .footer .top {
        padding: 60px 30px
    }

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

    .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 .cards {
        width: 80%;
        justify-content: center;
        margin: 0 auto 10px
    }

    .footer .bottom .cards svg {
        margin-bottom: 10px
    }
}

.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-whole {
    width: 100%
}

.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 (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: 0 30px !important;
    padding: 0 0 30px !important;
    background: #f3f0ee;
    max-width: none !important;
    text-align: left
}

.msshop-policy__container .msshop-policy__body,
.msshop-policy__container .msshop-policy__title {
    padding: 30px 30px 0;
    margin: 0 auto;
    max-width: 850px;
    text-align: inherit
}

.msshop-policy__container .msshop-policy__title {
    width: 100%
}

.msshop-policy__container .msshop-policy__title h1 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
    font-size: 29px;
    color: #404752;
    color: #fa766a;
    font-weight: 700;
    text-decoration: none
}

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

@media (max-width: 960px) {
    .msshop-policy__container {
        margin: 0 20px !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
    }
}

*,
::after,
::before {
	box-sizing: border-box;
	word-wrap: break-word;
}

.js-qty,
.ajaxcart__qty {
	position: relative;
	width: fit-content;
}

.js-qty.not-allowed::after,
.ajaxcart__qty.not-allowed::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.75;
	cursor: not-allowed;
}