@charset "UTF-8";
@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Trilogy';
    src: url(../fonts/trilogy-xlight.woff2) format("woff2"),
    url(../fonts/trilogy-xlight.woff2) format("woff"),
    url(../fonts/trilogy-xlight.woff2) format("truetype");
    font-weight: 900;
    font-style: normal;
}

@keyframes fadeInLoad {
    0% {
        opacity: 0;
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: 500;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
    font-size: 14px !important;
}

audio, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

.pulse {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

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

body, input, textarea, button, select {
    -webkit-text-size-adjust: 100%
}

a:focus {
    color: inherit;
}

img {
    display: block;
    max-width: 100%
}

form {
    margin: 0;
}

button, input[type="submit"], label[for] {
    cursor: pointer;
}

optgroup {
    font-weight: 700;
}

option {
    color: #333;
    background-color: #fff;
}

[tabindex='-1']:focus {
    outline: none;
}

a, button, [role="button"], input, label, select, textarea {
    touch-action: manipulation;
}

.clearfix {
    *zoom: 1;
}

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

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

.js-focus-hidden:focus {
    outline: none;
}

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

.no-placeholder .label-hidden {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    margin-bottom: 12px;
}

@media only screen and (min-width: 740px) {
    .no-placeholder .label-hidden {
        margin-bottom: 14px;
    }
}

.visually-shown {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}

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

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

.no-js .js {
    display: none;
}

.no-br {
    white-space: nowrap;
}

.supports-no-cookies:not(html) {
    display: none;
}

html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block;
}

html.supports-no-cookies .supports-cookies {
    display: none;
}

.show-touch {
    display: none;
}

.touchevents .show-touch {
    display: inline;
}

.touchevents .hide-touch {
    display: none;
}

.list-center {
    text-align: center;
}

.list-center li {
    list-style: none;
    display: inline-block;
}

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: #333;
    background-color: #fff;
    padding: 15px;
    z-index: 10000;
    transition: none;
}

.grid {
    *zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -30px;
}

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

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%
}

.grid__item[class*='--push'] {
    position: relative;
}

.grid--rev {
    direction: rtl;
    text-align: left;
}

.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right;
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.two-thirds {
    width: 66.66667%
}

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

.two-sixths {
    width: 33.33333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.66667%
}

.five-sixths {
    width: 83.33333%
}

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

.two-twelfths {
    width: 16.66667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.33333%
}

.five-twelfths {
    width: 41.66667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.33333%
}

.eight-twelfths {
    width: 66.66667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.33333%
}

.eleven-twelfths {
    width: 91.66667%
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

@media only screen and (min-width: 480px) {
    .small-up--one-whole {
        width: 100%
    }

    .small-up--one-half {
        width: 50%
    }

    .small-up--one-third {
        width: 33.33333%
    }

    .small-up--two-thirds {
        width: 66.66667%
    }

    .small-up--one-quarter {
        width: 25%
    }

    .small-up--two-quarters {
        width: 50%
    }

    .small-up--three-quarters {
        width: 75%
    }

    .small-up--one-fifth {
        width: 20%
    }

    .small-up--two-fifths {
        width: 40%
    }

    .small-up--three-fifths {
        width: 60%
    }

    .small-up--four-fifths {
        width: 80%
    }

    .small-up--one-sixth {
        width: 16.66667%
    }

    .small-up--two-sixths {
        width: 33.33333%
    }

    .small-up--three-sixths {
        width: 50%
    }

    .small-up--four-sixths {
        width: 66.66667%
    }

    .small-up--five-sixths {
        width: 83.33333%
    }

    .small-up--one-eighth {
        width: 12.5%
    }

    .small-up--two-eighths {
        width: 25%
    }

    .small-up--three-eighths {
        width: 37.5%
    }

    .small-up--four-eighths {
        width: 50%
    }

    .small-up--five-eighths {
        width: 62.5%
    }

    .small-up--six-eighths {
        width: 75%
    }

    .small-up--seven-eighths {
        width: 87.5%
    }

    .small-up--one-tenth {
        width: 10%
    }

    .small-up--two-tenths {
        width: 20%
    }

    .small-up--three-tenths {
        width: 30%
    }

    .small-up--four-tenths {
        width: 40%
    }

    .small-up--five-tenths {
        width: 50%
    }

    .small-up--six-tenths {
        width: 60%
    }

    .small-up--seven-tenths {
        width: 70%
    }

    .small-up--eight-tenths {
        width: 80%
    }

    .small-up--nine-tenths {
        width: 90%
    }

    .small-up--one-twelfth {
        width: 8.33333%
    }

    .small-up--two-twelfths {
        width: 16.66667%
    }

    .small-up--three-twelfths {
        width: 25%
    }

    .small-up--four-twelfths {
        width: 33.33333%
    }

    .small-up--five-twelfths {
        width: 41.66667%
    }

    .small-up--six-twelfths {
        width: 50%
    }

    .small-up--seven-twelfths {
        width: 58.33333%
    }

    .small-up--eight-twelfths {
        width: 66.66667%
    }

    .small-up--nine-twelfths {
        width: 75%
    }

    .small-up--ten-twelfths {
        width: 83.33333%
    }

    .small-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .small-up--one-half:nth-child(2n+1), .grid--uniform .small-up--one-third:nth-child(3n+1), .grid--uniform .small-up--one-quarter:nth-child(4n+1), .grid--uniform .small-up--one-fifth:nth-child(5n+1), .grid--uniform .small-up--one-sixth:nth-child(6n+1), .grid--uniform .small-up--two-sixths:nth-child(3n+1), .grid--uniform .small-up--three-sixths:nth-child(2n+1), .grid--uniform .small-up--one-eighth:nth-child(8n+1), .grid--uniform .small-up--two-eighths:nth-child(4n+1), .grid--uniform .small-up--four-eighths:nth-child(2n+1), .grid--uniform .small-up--five-tenths:nth-child(2n+1), .grid--uniform .small-up--one-twelfth:nth-child(12n+1), .grid--uniform .small-up--two-twelfths:nth-child(6n+1), .grid--uniform .small-up--three-twelfths:nth-child(4n+1), .grid--uniform .small-up--four-twelfths:nth-child(3n+1), .grid--uniform .small-up--six-twelfths:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 740px) {
    .medium-up--one-whole {
        width: 100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.33333%
    }

    .medium-up--two-thirds {
        width: 66.66667%
    }

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

    .medium-up--two-sixths {
        width: 33.33333%
    }

    .medium-up--three-sixths {
        width: 50%
    }

    .medium-up--four-sixths {
        width: 66.66667%
    }

    .medium-up--five-sixths {
        width: 83.33333%
    }

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

    .medium-up--two-twelfths {
        width: 16.66667%
    }

    .medium-up--three-twelfths {
        width: 25%
    }

    .medium-up--four-twelfths {
        width: 33.33333%
    }

    .medium-up--five-twelfths {
        width: 41.66667%
    }

    .medium-up--six-twelfths {
        width: 50%
    }

    .medium-up--seven-twelfths {
        width: 58.33333%
    }

    .medium-up--eight-twelfths {
        width: 66.66667%
    }

    .medium-up--nine-twelfths {
        width: 75%
    }

    .medium-up--ten-twelfths {
        width: 83.33333%
    }

    .medium-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .medium-up--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--one-eighth:nth-child(8n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 830px) {
    .large-up--one-whole {
        width: 100%
    }

    .large-up--one-half {
        width: 50%
    }

    .large-up--one-third {
        width: 33.33333%
    }

    .large-up--two-thirds {
        width: 66.66667%
    }

    .large-up--one-quarter {
        width: 25%
    }

    .large-up--two-quarters {
        width: 50%
    }

    .large-up--three-quarters {
        width: 75%
    }

    .large-up--one-fifth {
        width: 20%
    }

    .large-up--two-fifths {
        width: 40%
    }

    .large-up--three-fifths {
        width: 60%
    }

    .large-up--four-fifths {
        width: 80%
    }

    .large-up--one-sixth {
        width: 16.66667%
    }

    .large-up--two-sixths {
        width: 33.33333%
    }

    .large-up--three-sixths {
        width: 50%
    }

    .large-up--four-sixths {
        width: 66.66667%
    }

    .large-up--five-sixths {
        width: 83.33333%
    }

    .large-up--one-eighth {
        width: 12.5%
    }

    .large-up--two-eighths {
        width: 25%
    }

    .large-up--three-eighths {
        width: 37.5%
    }

    .large-up--four-eighths {
        width: 50%
    }

    .large-up--five-eighths {
        width: 62.5%
    }

    .large-up--six-eighths {
        width: 75%
    }

    .large-up--seven-eighths {
        width: 87.5%
    }

    .large-up--one-tenth {
        width: 10%
    }

    .large-up--two-tenths {
        width: 20%
    }

    .large-up--three-tenths {
        width: 30%
    }

    .large-up--four-tenths {
        width: 40%
    }

    .large-up--five-tenths {
        width: 50%
    }

    .large-up--six-tenths {
        width: 60%
    }

    .large-up--seven-tenths {
        width: 70%
    }

    .large-up--eight-tenths {
        width: 80%
    }

    .large-up--nine-tenths {
        width: 90%
    }

    .large-up--one-twelfth {
        width: 8.33333%
    }

    .large-up--two-twelfths {
        width: 16.66667%
    }

    .large-up--three-twelfths {
        width: 25%
    }

    .large-up--four-twelfths {
        width: 33.33333%
    }

    .large-up--five-twelfths {
        width: 41.66667%
    }

    .large-up--six-twelfths {
        width: 50%
    }

    .large-up--seven-twelfths {
        width: 58.33333%
    }

    .large-up--eight-twelfths {
        width: 66.66667%
    }

    .large-up--nine-twelfths {
        width: 75%
    }

    .large-up--ten-twelfths {
        width: 83.33333%
    }

    .large-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .large-up--one-half:nth-child(2n+1), .grid--uniform .large-up--one-third:nth-child(3n+1), .grid--uniform .large-up--one-quarter:nth-child(4n+1), .grid--uniform .large-up--one-fifth:nth-child(5n+1), .grid--uniform .large-up--one-sixth:nth-child(6n+1), .grid--uniform .large-up--two-sixths:nth-child(3n+1), .grid--uniform .large-up--three-sixths:nth-child(2n+1), .grid--uniform .large-up--one-eighth:nth-child(8n+1), .grid--uniform .large-up--two-eighths:nth-child(4n+1), .grid--uniform .large-up--four-eighths:nth-child(2n+1), .grid--uniform .large-up--five-tenths:nth-child(2n+1), .grid--uniform .large-up--one-twelfth:nth-child(12n+1), .grid--uniform .large-up--two-twelfths:nth-child(6n+1), .grid--uniform .large-up--three-twelfths:nth-child(4n+1), .grid--uniform .large-up--four-twelfths:nth-child(3n+1), .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 990px) {
    .xlarge-up--one-whole {
        width: 100%
    }

    .xlarge-up--one-half {
        width: 50%
    }

    .xlarge-up--one-third {
        width: 33.33333%
    }

    .xlarge-up--two-thirds {
        width: 66.66667%
    }

    .xlarge-up--one-quarter {
        width: 25%
    }

    .xlarge-up--two-quarters {
        width: 50%
    }

    .xlarge-up--three-quarters {
        width: 75%
    }

    .xlarge-up--one-fifth {
        width: 20%
    }

    .xlarge-up--two-fifths {
        width: 40%
    }

    .xlarge-up--three-fifths {
        width: 60%
    }

    .xlarge-up--four-fifths {
        width: 80%
    }

    .xlarge-up--one-sixth {
        width: 16.66667%
    }

    .xlarge-up--two-sixths {
        width: 33.33333%
    }

    .xlarge-up--three-sixths {
        width: 50%
    }

    .xlarge-up--four-sixths {
        width: 66.66667%
    }

    .xlarge-up--five-sixths {
        width: 83.33333%
    }

    .xlarge-up--one-eighth {
        width: 12.5%
    }

    .xlarge-up--two-eighths {
        width: 25%
    }

    .xlarge-up--three-eighths {
        width: 37.5%
    }

    .xlarge-up--four-eighths {
        width: 50%
    }

    .xlarge-up--five-eighths {
        width: 62.5%
    }

    .xlarge-up--six-eighths {
        width: 75%
    }

    .xlarge-up--seven-eighths {
        width: 87.5%
    }

    .xlarge-up--one-tenth {
        width: 10%
    }

    .xlarge-up--two-tenths {
        width: 20%
    }

    .xlarge-up--three-tenths {
        width: 30%
    }

    .xlarge-up--four-tenths {
        width: 40%
    }

    .xlarge-up--five-tenths {
        width: 50%
    }

    .xlarge-up--six-tenths {
        width: 60%
    }

    .xlarge-up--seven-tenths {
        width: 70%
    }

    .xlarge-up--eight-tenths {
        width: 80%
    }

    .xlarge-up--nine-tenths {
        width: 90%
    }

    .xlarge-up--one-twelfth {
        width: 8.33333%
    }

    .xlarge-up--two-twelfths {
        width: 16.66667%
    }

    .xlarge-up--three-twelfths {
        width: 25%
    }

    .xlarge-up--four-twelfths {
        width: 33.33333%
    }

    .xlarge-up--five-twelfths {
        width: 41.66667%
    }

    .xlarge-up--six-twelfths {
        width: 50%
    }

    .xlarge-up--seven-twelfths {
        width: 58.33333%
    }

    .xlarge-up--eight-twelfths {
        width: 66.66667%
    }

    .xlarge-up--nine-twelfths {
        width: 75%
    }

    .xlarge-up--ten-twelfths {
        width: 83.33333%
    }

    .xlarge-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .xlarge-up--one-half:nth-child(2n+1), .grid--uniform .xlarge-up--one-third:nth-child(3n+1), .grid--uniform .xlarge-up--one-quarter:nth-child(4n+1), .grid--uniform .xlarge-up--one-fifth:nth-child(5n+1), .grid--uniform .xlarge-up--one-sixth:nth-child(6n+1), .grid--uniform .xlarge-up--two-sixths:nth-child(3n+1), .grid--uniform .xlarge-up--three-sixths:nth-child(2n+1), .grid--uniform .xlarge-up--one-eighth:nth-child(8n+1), .grid--uniform .xlarge-up--two-eighths:nth-child(4n+1), .grid--uniform .xlarge-up--four-eighths:nth-child(2n+1), .grid--uniform .xlarge-up--five-tenths:nth-child(2n+1), .grid--uniform .xlarge-up--one-twelfth:nth-child(12n+1), .grid--uniform .xlarge-up--two-twelfths:nth-child(6n+1), .grid--uniform .xlarge-up--three-twelfths:nth-child(4n+1), .grid--uniform .xlarge-up--four-twelfths:nth-child(3n+1), .grid--uniform .xlarge-up--six-twelfths:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1259px) {
    .xlarge-widescreen--one-whole {
        width: 100%
    }

    .xlarge-widescreen--one-half {
        width: 50%
    }

    .xlarge-widescreen--one-third {
        width: 33.33333%
    }

    .xlarge-widescreen--two-thirds {
        width: 66.66667%
    }

    .xlarge-widescreen--one-quarter {
        width: 25%
    }

    .xlarge-widescreen--two-quarters {
        width: 50%
    }

    .xlarge-widescreen--three-quarters {
        width: 75%
    }

    .xlarge-widescreen--one-fifth {
        width: 20%
    }

    .xlarge-widescreen--two-fifths {
        width: 40%
    }

    .xlarge-widescreen--three-fifths {
        width: 60%
    }

    .xlarge-widescreen--four-fifths {
        width: 80%
    }

    .xlarge-widescreen--one-sixth {
        width: 16.66667%
    }

    .xlarge-widescreen--two-sixths {
        width: 33.33333%
    }

    .xlarge-widescreen--three-sixths {
        width: 50%
    }

    .xlarge-widescreen--four-sixths {
        width: 66.66667%
    }

    .xlarge-widescreen--five-sixths {
        width: 83.33333%
    }

    .xlarge-widescreen--one-eighth {
        width: 12.5%
    }

    .xlarge-widescreen--two-eighths {
        width: 25%
    }

    .xlarge-widescreen--three-eighths {
        width: 37.5%
    }

    .xlarge-widescreen--four-eighths {
        width: 50%
    }

    .xlarge-widescreen--five-eighths {
        width: 62.5%
    }

    .xlarge-widescreen--six-eighths {
        width: 75%
    }

    .xlarge-widescreen--seven-eighths {
        width: 87.5%
    }

    .xlarge-widescreen--one-tenth {
        width: 10%
    }

    .xlarge-widescreen--two-tenths {
        width: 20%
    }

    .xlarge-widescreen--three-tenths {
        width: 30%
    }

    .xlarge-widescreen--four-tenths {
        width: 40%
    }

    .xlarge-widescreen--five-tenths {
        width: 50%
    }

    .xlarge-widescreen--six-tenths {
        width: 60%
    }

    .xlarge-widescreen--seven-tenths {
        width: 70%
    }

    .xlarge-widescreen--eight-tenths {
        width: 80%
    }

    .xlarge-widescreen--nine-tenths {
        width: 90%
    }

    .xlarge-widescreen--one-twelfth {
        width: 8.33333%
    }

    .xlarge-widescreen--two-twelfths {
        width: 16.66667%
    }

    .xlarge-widescreen--three-twelfths {
        width: 25%
    }

    .xlarge-widescreen--four-twelfths {
        width: 33.33333%
    }

    .xlarge-widescreen--five-twelfths {
        width: 41.66667%
    }

    .xlarge-widescreen--six-twelfths {
        width: 50%
    }

    .xlarge-widescreen--seven-twelfths {
        width: 58.33333%
    }

    .xlarge-widescreen--eight-twelfths {
        width: 66.66667%
    }

    .xlarge-widescreen--nine-twelfths {
        width: 75%
    }

    .xlarge-widescreen--ten-twelfths {
        width: 83.33333%
    }

    .xlarge-widescreen--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .xlarge-widescreen--one-half:nth-child(2n+1), .grid--uniform .xlarge-widescreen--one-third:nth-child(3n+1), .grid--uniform .xlarge-widescreen--one-quarter:nth-child(4n+1), .grid--uniform .xlarge-widescreen--one-fifth:nth-child(5n+1), .grid--uniform .xlarge-widescreen--one-sixth:nth-child(6n+1), .grid--uniform .xlarge-widescreen--two-sixths:nth-child(3n+1), .grid--uniform .xlarge-widescreen--three-sixths:nth-child(2n+1), .grid--uniform .xlarge-widescreen--one-eighth:nth-child(8n+1), .grid--uniform .xlarge-widescreen--two-eighths:nth-child(4n+1), .grid--uniform .xlarge-widescreen--four-eighths:nth-child(2n+1), .grid--uniform .xlarge-widescreen--five-tenths:nth-child(2n+1), .grid--uniform .xlarge-widescreen--one-twelfth:nth-child(12n+1), .grid--uniform .xlarge-widescreen--two-twelfths:nth-child(6n+1), .grid--uniform .xlarge-widescreen--three-twelfths:nth-child(4n+1), .grid--uniform .xlarge-widescreen--four-twelfths:nth-child(3n+1), .grid--uniform .xlarge-widescreen--six-twelfths:nth-child(2n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 479px) {
    .small-down--show {
        display: block !important;
    }

    .small-down--hide {
        display: none !important;
    }
}

@media only screen and (min-width: 480px) {
    .small-up--show {
        display: block !important;
    }

    .small-up--hide {
        display: none !important;
    }
}

@media only screen and (max-width: 739px) {
    .medium-down--show {
        display: block !important;
    }

    .medium-down--hide {
        display: none !important;
    }
}

@media only screen and (min-width: 740px) {
    .medium-up--show {
        display: block !important;
    }

    .medium-up--hide {
        display: none !important;
    }
}

@media only screen and (max-width: 829px) {
    .large-down--show {
        display: block !important;
    }

    .large-down--hide {
        display: none !important;
    }
}

@media only screen and (min-width: 830px) {
    .large-up--show {
        display: block !important;
    }

    .large-up--hide {
        display: none !important;
    }
}

@media only screen and (max-width: 989px) {
    .xlarge-down--show {
        display: block !important;
    }

    .xlarge-down--hide {
        display: none !important;
    }
}

@media only screen and (min-width: 990px) {
    .xlarge-up--show {
        display: block !important;
    }

    .xlarge-up--hide {
        display: none !important;
    }
}

@media only screen and (min-width: 740px) {
    .medium-up--push-one-half {
        left: 50%
    }

    .medium-up--push-one-third {
        left: 33.33333%
    }

    .medium-up--push-two-thirds {
        left: 66.66667%
    }

    .medium-up--push-one-quarter {
        left: 25%
    }

    .medium-up--push-two-quarters {
        left: 50%
    }

    .medium-up--push-three-quarters {
        left: 75%
    }

    .medium-up--push-one-fifth {
        left: 20%
    }

    .medium-up--push-two-fifths {
        left: 40%
    }

    .medium-up--push-three-fifths {
        left: 60%
    }

    .medium-up--push-four-fifths {
        left: 80%
    }

    .medium-up--push-one-sixth {
        left: 16.66667%
    }

    .medium-up--push-two-sixths {
        left: 33.33333%
    }

    .medium-up--push-three-sixths {
        left: 50%
    }

    .medium-up--push-four-sixths {
        left: 66.66667%
    }

    .medium-up--push-five-sixths {
        left: 83.33333%
    }

    .medium-up--push-one-eighth {
        left: 12.5%
    }

    .medium-up--push-two-eighths {
        left: 25%
    }

    .medium-up--push-three-eighths {
        left: 37.5%
    }

    .medium-up--push-four-eighths {
        left: 50%
    }

    .medium-up--push-five-eighths {
        left: 62.5%
    }

    .medium-up--push-six-eighths {
        left: 75%
    }

    .medium-up--push-seven-eighths {
        left: 87.5%
    }

    .medium-up--push-one-tenth {
        left: 10%
    }

    .medium-up--push-two-tenths {
        left: 20%
    }

    .medium-up--push-three-tenths {
        left: 30%
    }

    .medium-up--push-four-tenths {
        left: 40%
    }

    .medium-up--push-five-tenths {
        left: 50%
    }

    .medium-up--push-six-tenths {
        left: 60%
    }

    .medium-up--push-seven-tenths {
        left: 70%
    }

    .medium-up--push-eight-tenths {
        left: 80%
    }

    .medium-up--push-nine-tenths {
        left: 90%
    }

    .medium-up--push-one-twelfth {
        left: 8.33333%
    }

    .medium-up--push-two-twelfths {
        left: 16.66667%
    }

    .medium-up--push-three-twelfths {
        left: 25%
    }

    .medium-up--push-four-twelfths {
        left: 33.33333%
    }

    .medium-up--push-five-twelfths {
        left: 41.66667%
    }

    .medium-up--push-six-twelfths {
        left: 50%
    }

    .medium-up--push-seven-twelfths {
        left: 58.33333%
    }

    .medium-up--push-eight-twelfths {
        left: 66.66667%
    }

    .medium-up--push-nine-twelfths {
        left: 75%
    }

    .medium-up--push-ten-twelfths {
        left: 83.33333%
    }

    .medium-up--push-eleven-twelfths {
        left: 91.66667%
    }
}

html, body {
    overflow-x: hidden;
    background-color: #fff;
}

.popup-shown, .popup-shown body {
    overflow: hidden;
    position: relative;
    height: 100%
}

.popup-shown.no-touchevents, .popup-shown.no-touchevents body {
    overflow-x: visible;
}

.popup-shown.no-touchevents {
    overflow: visible;
}

body {
    transition: padding 0.5s ease-in-out;
    padding-top: 45px;
}

body.announcement-bar-shown {
    padding-top: 70px;
}

@media only screen and (min-width: 990px) {
    body {
        padding-top: 103px;
    }

    body.announcement-bar-shown {
        padding-top: 128px;
    }
}

.main-content, .wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 50px 15px 86px;
    *zoom: 1;
}

.main-content::after, .wrapper::after {
    content: '';
    display: table;
    clear: both;
}

@media only screen and (min-width: 740px) {
    .main-content, .wrapper {
        padding: 50px 30px 116px 30px;
    }
}

.template-page .main-content .wrapper {
    max-width: 860px;
}

.template-wide-page .main-content .wrapper {
    max-width: 1600px;
}

.page-stockists .main-content .wrapper {
    max-width: 1260px;
}

.template-page .main-content, .template-contact .main-content, .page-stockists .main-content, .template-login .main-content, .template-register .main-content, .template-reset_password .main-content, .template-activate_account .main-content, .template-article .main-content {
    max-width: none;
    padding: 0;
}

.template-account .main-content, .template-order .main-content {
    max-width: 1020px;
}

.template-addresses .main-content {
    max-width: 780px;
}

.browser-warning {
    margin: 0;
    padding: 10px;
    background: #a80510;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}

.browser-warning a {
    color: #ecabab;
}

.browser-warning a:hover, .browser-warning a:focus {
    color: #e38181;
}

.formatted-table {
    width: 100%;
    border-bottom: 1px solid #c5c5c5;
}

.formatted-table th, .formatted-table td {
    padding: 15px;
    text-align: left;
}

.formatted-table th.align-center, .formatted-table td.align-center {
    text-align: center;
}

.formatted-table th.align-right, .formatted-table td.align-right {
    text-align: right;
}

.formatted-table th:last-child, .formatted-table td:last-child {
    text-align: right;
}

.formatted-table th {
    background: #f2f0eb;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.formatted-table td {
    border-top: 1px solid #c5c5c5;
}

.formatted-table tr:first-child td {
    border-top: 0;
}

@media only screen and (min-width: 740px) {
    .formatted-table th, .formatted-table td {
        padding: 20px;
    }
}

.template-password .site-logo {
    margin-bottom: 24px;
}

.template-password .icon-logo {
    display: block;
    width: 50px;
    height: 20px;
    margin: 0 auto;
}

@media only screen and (min-width: 990px) {
    .template-password .icon-logo {
        width: 70px;
        height: 27px;
    }
}

.pagination {
    margin-top: 20px;
    color: #696765;
    text-align: center;
}

.pagination a, .pagination .current {
    display: inline-block;
    padding: 4px;
    color: #696765;
}

.pagination a:hover, .pagination a:focus {
    color: #333;
}

.pagination .current {
    font-weight: normal;
    color: #333;
}

.breadcrumb {
    margin-top: -30px;
    margin-bottom: 15px;
    font-size: 10px;
    color: #c5c5c5;
}

@media only screen and (min-width: 740px) {
    .breadcrumb {
        margin-top: -15px;
        margin-bottom: 30px;
    }
}

.breadcrumb a {
    color: #c5c5c5;
}

.breadcrumb a.selected {
    color: #696765;
    cursor: default;
    pointer-events: none;
}

.social-sharing {
    margin-top: 15px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #c5c5c5;
}

.social-sharing a, .social-sharing .text {
    display: inline-block;
    vertical-align: middle;
}

.social-sharing a {
    padding: 3px 5px;
    color: #c5c5c5;
}

.social-sharing .text {
    padding: 4px 6px 2px 3px;
}

.social-sharing .icon-facebook {
    width: 16px;
    height: 16px;
    margin-left: -2px;
    margin-right: -4px;
}

@media only screen and (min-width: 740px) {
    .social-sharing {
        margin-bottom: 15px;
    }

    .social-sharing a {
        padding: 8px;
    }

    .social-sharing .text {
        padding: 9px 6px 7px 0;
    }
}

.overlay {
    position: fixed;
    visibility: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: opacity 0.3s ease 0s, visibility linear 0.3s, z-index linear 0.3s;
    cursor: pointer;
}

.overlay.shown {
    z-index: 480;
    visibility: visible;
    opacity: 0.7;
    transition-delay: 0s;
    transition-duration: 0.3s, 0s, 0s;
}

.popup {
    position: fixed;
    visibility: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 80%;
    width: calc(100% - 60px);
    max-width: 400px;
    max-height: 100%;
    background: #fff;
    opacity: 0;
    text-align: left;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, visibility linear 0.5s, z-index linear 0.5s;
}

.popup .inner {
    padding: 40px 15px 15px;
}

@media only screen and (min-width: 480px) {
    .popup .inner {
        padding: 40px 30px 30px;
    }
}

@media only screen and (min-width: 740px) {
    .popup .inner {
        padding: 60px;
    }
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 5px;
    padding: 10px;
    color: #333;
    transition: all 0.2s;
}

@media only screen and (min-width: 740px) {
    .popup .close {
        right: 10px;
    }
}

.popup .close .icon {
    display: block;
    width: 14px;
    height: 14px;
}

.popup .close:hover, .popup .close:focus {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.popup.shown {
    z-index: 500;
    visibility: visible;
    opacity: 1;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0s, 0s;
}

.popup.popup-loading {
    min-height: 250px;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-loading.svg?v=6903205082220040879) center center no-repeat #fff;
}

.popup.popup-loading .popup-content {
    display: none;
}

.arrow-block {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 0;
    height: 100%
}

.arrow-block .arrow {
    position: absolute;
    bottom: -20px;
    width: 100%;
    padding-bottom: 20px;
    background-color: white;
    transition: all 200ms ease;
}

.arrow-block .arrow.grey {
    background-color: #f7f7f6;
}

.arrow-block .arrow:before, .arrow-block .arrow:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 50%;
    padding-bottom: inherit;
    background-color: inherit;
}

.arrow-block .arrow:before {
    right: 50%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
}

.arrow-block .arrow:after {
    left: 50%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

a {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.hidden:hover, .hidden:focus, .hidden:active {
    display: none !important;
}

.mq {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
}

@media only screen and (min-width: 740px) {
    .mq {
        width: 2px;
    }
}

@media only screen and (max-width: 829px) {
    .large-down--clear {
        clear: left;
    }
}

@media only screen and (min-width: 830px) {
    .mq {
        width: 3px;
    }
}

@media only screen and (min-width: 830px) and (max-width: 989px) {
    .large-xlarge--clear {
        clear: left;
    }
}

@media only screen and (min-width: 990px) {
    .mq {
        width: 4px;
    }

    .xlarge-up--clear {
        clear: left;
    }
}

.icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    fill: currentColor;
}

.no-svg .icon {
    display: none;
}

.icon--wide {
    width: 40px;
}

.icon-arrow-right {
    width: 13px;
    height: 13px;
}

svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
}

.icon-account {
    height: 16px;
    width: 14px;
    transform: translateY(-2px);
}

.icon-hamburger-full-color {
    height: 12px;
    width: 15px;
}

.icon-bag {
    height: 14px;
    width: 14px;
}

.icon-close {
    height: 12px;
    width: 13px;
}

.icon-marker {
    width: 18px;
    height: 18px;
}

.icon-search {
    height: 14px;
    width: 14px;
}

.icon-shopify-secure-full-color {
    width: 69px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-shopify-secure-full-color {
        width: 80px;
        height: 25px;
    }
}

.icon-padlock {
    width: 10px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-padlock {
        width: 15px;
        height: 20px;
    }
}

.icon-visa-full-color {
    width: 23px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-visa-full-color {
        width: 35px;
        height: 11px;
    }
}

.icon-master-full-color {
    width: 17px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-master-full-color {
        width: 25px;
        height: 16px;
    }
}

.icon-amex-full-color {
    width: 20px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-amex-full-color {
        width: 30px;
        height: 21px;
    }
}

.icon-paypal-full-color {
    width: 31px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-paypal-full-color {
        width: 47px;
        height: 13px;
    }
}

.icon-afterpay-full-color {
    width: 45px;
    height: auto;
}

@media only screen and (min-width: 740px) {
    .icon-afterpay-full-color {
        width: 68px;
        height: 14px;
    }
}

.icon-afterpay-icon-full-color {
    width: 20px;
    height: 12px;
}

.icon-fallback-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.no-svg .icon-fallback-text {
    position: static !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}

.rte {
    margin-bottom: 14px;
}

.rte img {
    height: auto;
}

.rte table {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #c5c5c5;
}

.rte table th {
    font-weight: 400;
    text-align: left;
}

.rte table th, .rte table td {
    padding: 8px;
    border: 1px solid #c5c5c5;
}

@media only screen and (min-width: 830px) {
    .rte table th, .rte table td {
        padding: 14px;
    }
}

.rte ul, .rte ol {
    margin: 0 0 14px;
    padding: 0 0 0 14px;
}

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

.rte ul ul, .rte ul ol, .rte ol ul, .rte ol ol {
    margin-top: 7px;
}

.rte ul {
    list-style: disc outside;
}

.rte ul ul {
    list-style: circle outside;
}

.rte ul ul ul {
    list-style: square outside;
}

.rte a {
    color: #a8123e;
}

.rte a:hover, .rte a:focus {
    color: #df1852;
}

.rte a.btn {
    margin-top: 34px;
    color: #fff;
}

.rte a.btn-secondary {
    color: #333;
}

.rte a.btn-secondary:hover, .rte a.btn-secondary:focus {
    color: #999;
}

.rte-table {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
}

.rte__video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rte__table-wrapper {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 739px) {
    .responsive-table {
        width: 100%
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table tr {
        display: block;
    }

    .responsive-table tr, .responsive-table td {
        float: left;
        clear: both;
        width: 100%
    }

    .responsive-table th, .responsive-table td {
        display: block;
        text-align: right;
        padding: 15px;
        margin: 0;
    }

    .responsive-table td::before {
        content: attr(data-label);
        float: left;
        text-align: center;
        padding-right: 10px;
    }

    .responsive-table-row + .responsive-table-row, tfoot > .responsive-table-row:first-child {
        position: relative;
    }

    .responsive-table-row + .responsive-table-row::after, tfoot > .responsive-table-row:first-child::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid #c5c5c5;
    }
}

form p {
    margin-bottom: 14px;
}

@media only screen and (min-width: 740px) {
    form p {
        margin-bottom: 28px;
    }
}

form p.send {
    margin-top: 20px;
    margin-bottom: 14px;
}

@media only screen and (min-width: 740px) {
    form p.send {
        margin-top: 30px;
    }
}

form .grid, form .grid__item {
    display: block;
}

button, input, optgroup, select, textarea {
    font-family: "Trilogy", sans-serif;
    font-size: 14px;
}

input, select, textarea {
    padding: 14px 15px 12px;
}

input[type=text], input[type=search], input[type=password], input[type=email], input[type=number], input[type=tel], select, textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 0;
    transition: border-color 0.2s;
    outline: none;
    -webkit-appearance: none;
}

input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, select:focus, textarea:focus {
    border-color: #858585;
}

input[type=text][disabled], input[type=search][disabled], input[type=password][disabled], input[type=email][disabled], input[type=number][disabled], input[type=tel][disabled], select[disabled], textarea[disabled] {
    cursor: default;
    background-color: #f2f0eb;
    border-color: #c5c5c5;
}

input[type=text]:invalid, input[type=search]:invalid, input[type=password]:invalid, input[type=email]:invalid, input[type=number]:invalid, input[type=tel]:invalid, select:invalid, textarea:invalid {
    box-shadow: none;
}

input[type=text].input-error, input[type=search].input-error, input[type=password].input-error, input[type=email].input-error, input[type=number].input-error, input[type=tel].input-error, select.input-error, textarea.input-error {
    border-color: #d02e2e;
}

input[type=text].input-error:focus, input[type=search].input-error:focus, input[type=password].input-error:focus, input[type=email].input-error:focus, input[type=number].input-error:focus, input[type=tel].input-error:focus, select.input-error:focus, textarea.input-error:focus {
    border-color: #a62525;
}

@media only screen and (max-width: 989px) {
    input[type=text], input[type=search], input[type=password], input[type=email], input[type=number], input[type=tel], select, textarea {
        font-size: 16px;
    }
}

textarea {
    min-height: 235px;
    overflow: auto;
    resize: vertical;
}

input[type=checkbox], input[type=radio] {
    display: inline;
    margin: 0;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

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

label {
    display: block;
    margin: 0 0 12px;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (min-width: 740px) {
    label {
        margin-bottom: 14px;
    }
}

label.inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 6px;
    margin-bottom: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-select.svg?v=9883745295335177421);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-color: #fff;
    background-size: 10px 7px;
    padding-right: 32px;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    border-radius: 0;
}

.ie9 select {
    padding-right: 10px;
    background-image: none;
}

select::-ms-expand {
    display: none;
}

::-webkit-input-placeholder {
    color: #696765;
    opacity: 1;
}

::-moz-placeholder {
    color: #696765;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #696765;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #696765;
    opacity: 1;
}

.btn {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    padding: 15px 40px 13px;
    background: #a8123e;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    outline: none;
    border: 1px solid #a8123e;
    border-radius: 0;
    letter-spacing: 0.08em;
    transition: all 0.4s ease-out;
}

.btn:hover, .btn:focus {
    background: transparent;
    color: #a8123e;
}

.btn[disabled] {
    cursor: default;
    background: #c5c5c5;
    border-color: #c5c5c5;
}

.btn[disabled]:hover, .btn[disabled]:focus {
    color: #fff;
}

.btn-secondary {
    background: transparent;
    border-color: #a8123e;
    color: #a8123e;
}

.btn-secondary:hover, .btn-secondary:focus {
    background: #a8123e;
    color: #fff;
}

.btn-secondary[disabled] {
    background: transparent;
    border-color: #c5c5c5;
    color: #c5c5c5;
}

.btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus {
    color: #c5c5c5;
}

.btn-tertiary {
    background: #fff;
    border-color: #fff;
    color: #a8123e;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.btn-tertiary:hover, .btn-tertiary:focus {
    background: #a8123e;
    border-color: #a8123e;
    color: #fff;
}

.btn-tertiary[disabled] {
    background: #fff;
    border-color: #fff;
    color: #c5c5c5;
}

.btn-tertiary[disabled]:hover, .btn-tertiary[disabled]:focus {
    color: #c5c5c5;
}

.btn-inline .btn {
    display: block;
    width: 100%;
    margin-bottom: 14px;
}

.btn-inline .btn:last-child {
    margin-bottom: 0;
}

.btn-inline a {
    display: inline-block;
    margin-right: 26px;
}

.btn-inline a:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 740px) {
    .btn-inline .btn {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        margin-right: 26px;
    }

    .btn-inline .btn:last-child {
        margin-right: 0;
    }
}

.btn-full {
    width: 100%
}

.note {
    padding: 18px 20px 14px;
    margin-bottom: 22px;
    background-color: #f3f3f3;
    text-align: left;
}

.note ul, .note ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 14px;
}

.note li, .note p {
    margin-bottom: 4px;
}

.note a {
    text-decoration: underline;
}

.note a:hover, .note a:focus {
    color: #333;
    text-decoration: none;
}

.form-success {
    background-color: #beddcc;
}

.form-error {
    background-color: #efe0d9;
}

html {
    font-family: "Trilogy", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: #333;
    letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 34px 0 18px;
    font-weight: 400;
    line-height: 1.2;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

h1 {
    margin-bottom: 60px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    h1 {
        font-size: 24px;
    }
}

.featured-title h1 {
    margin: 0;
    font-size: 24px;
    color: #fff;
}

@media only screen and (min-width: 990px) {
    .featured-title h1 {
        font-size: 30px;
    }
}

.title-with-link h1 {
    margin-bottom: 0;
}

.featured-title {
    height: 270px;
    background-size: cover;
    background-position: center center;
}

@media only screen and (min-width: 740px) {
    .featured-title {
        height: 380px;
    }
}

.featured-title .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -10px;
    text-align: left;
    padding: 30px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

h2 {
    font-size: 16px;
}

@media only screen and (min-width: 740px) {
    h2 {
        font-size: 18px;
    }
}

h3 {
    font-size: 14px;
    font-weight: 400;
}

h4, h5 {
    font-size: 14px;
    font-weight: 400;
}

h6 {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #696765;
}

.title-with-link {
    margin-bottom: 50px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .title-with-link {
        margin-bottom: 86px;
    }
}

.title-with-link .bold-text {
    margin: 14px 0 0;
}

.bold-text {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #696765;
}

@media only screen and (min-width: 740px) {
    .bold-text {
        font-size: 11px;
    }
}

.bold-text a {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #c5c5c5;
    color: #696765;
    transition: border-color 0.2s;
}

@media only screen and (min-width: 740px) {
    .bold-text a {
        padding-bottom: 4px;
    }
}

.bold-text a:hover, .bold-text a:focus {
    color: #696765;
    border-color: transparent;
}

p {
    margin: 0 0 14px;
}

a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}

a:hover, a:focus {
    color: #a8123e;
}

hr {
    border: 0;
    height: 1px;
    margin: 34px 0;
    background: #c5c5c5;
}

.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:focus {
    outline: 0;
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
    -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:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

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

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

.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-slide:focus {
    outline: 0;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev, .slick-next {
    position: absolute;
    z-index: 20;
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 52%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    opacity: 1;
    outline: 0;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
    position: absolute;
    top: 11px;
    left: 11px;
    content: '';
    opacity: 0.5;
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transition: opacity 0.2s;
}

@media only screen and (min-width: 480px) {
    .slick-prev: before, .slick-next:before {
        top: 10px;
        left: 10px;
        width: 10px;
        height: 10px;
    }
}

.slick-prev {
    left: 15px;
}

.slick-prev:before {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (min-width: 480px) {
    .slick-prev {
        left: 25px;
    }
}

.slick-next {
    right: 15px;
}

.slick-next:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 480px) {
    .slick-next {
        right: 25px;
    }
}

.slick-dots {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.rte .slick-dots {
    margin: 10px 0 0;
    padding: 0;
}

.rte .slick-dots li {
    position: static;
    margin: 0;
}

.rte .slick-dots li:before {
    position: static;
    content: normal;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 10px 5px;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: 0;
}

.slick-dots li.slick-active button {
    background: #fff;
    border-color: #fff;
}

.template-giftcard {
    padding-top: 0;
}

@media only screen and (min-width: 740px) {
    .template-giftcard {
        padding-top: 30px;
    }
}

.template-giftcard .main-content {
    padding-bottom: 40px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-giftcard .main-content {
        padding-bottom: 80px;
    }
}

.template-giftcard .main-content h1 {
    margin-bottom: 46px;
}

.template-giftcard .site-logo {
    margin-bottom: 24px;
}

.template-giftcard .icon-logo {
    display: block;
    width: 50px;
    height: 20px;
    margin: 0 auto;
}

@media only screen and (min-width: 740px) {
    .template-giftcard .icon-logo {
        width: 70px;
        height: 27px;
    }
}

.template-giftcard .voucher-outer {
    position: relative;
    max-width: 563px;
    margin: 0 auto 40px;
    color: #fff;
}

.template-giftcard .voucher-outer h2 {
    position: absolute;
    top: 6%;
    right: 4%;
    margin: 0;
    font-size: 18px;
    letter-spacing: 0.08em;
}

@media only screen and (min-width: 375px) {
    .template-giftcard .voucher-outer h2 {
        font-size: 24px;
    }
}

@media only screen and (min-width: 480px) {
    .template-giftcard .voucher-outer h2 {
        font-size: 30px;
    }
}

.template-giftcard .voucher-outer .voucher-code {
    position: absolute;
    width: 100%;
    top: 47%;
    left: 0;
    margin: 0;
    letter-spacing: 0.08em;
}

@media only screen and (min-width: 375px) {
    .template-giftcard .voucher-outer .voucher-code {
        font-size: 18px;
    }
}

@media only screen and (min-width: 480px) {
    .template-giftcard .voucher-outer .voucher-code {
        font-size: 22px;
    }
}

.template-giftcard .shop-btn {
    margin: 40px 0;
}

.template-giftcard .print-giftcard {
    display: block;
    margin-top: 14px;
}

.template-giftcard .print-giftcard .icon-print {
    margin-right: 4px;
}

.giftcard-qr img {
    display: block;
    margin: 0 auto;
}

.apple-wallet-image {
    display: block;
    margin: 0 auto;
}

@media print {
    @page {
        margin: 0.5cm;
    }

    p {
        orphans: 3;
        widows: 3;
    }

    html, body {
        background-color: #fff;
        color: #000;
    }

    .shop-btn, .print-giftcard, .apple-wallet {
        display: none !important;
    }
}

.announcement-bar {
    overflow: hidden;
    max-height: 100px;
    background: #a8123e;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    transition: max-height 0.5s ease-out;
}

.sticky-nav .announcement-bar {
    max-height: 0;
}

@media only screen and (min-width: 990px) {
    .announcement-bar {
        font-weight: 500;
    }
}

.announcement-bar p, .announcement-bar a {
    padding: 8px 5px 6px;
}

.announcement-bar p {
    margin: 0;
}

.announcement-bar a {
    display: block;
    color: #fff;
}

.announcement-bar a p {
    padding: 0;
}

#currency_form {
    display: none;
}

.full-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%
}

.main-header {
    background: #fff;
}

@media only screen and (min-width: 990px) {
    .main-header {
        position: relative;
    }
}

.main-header .icon-heart {
    position: relative;
    top: -1px;
}

.main-header .icon-bag {
    margin-right: 2px;
    position: relative;
    top: -2px;
}

.main-header .search-form {
    max-width: 400px;
    margin: 4px auto 14px;
}

@media only screen and (min-width: 990px) {
    .main-header .search-form {
        max-width: 168px;
        margin: 0;
    }
}

.main-header .search-form input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #f3f3f3;
}

@media only screen and (min-width: 990px) {
    .main-header .search-form input {
        padding-top: 11px;
        padding-bottom: 11px;
    }
}

.main-header .search-form input:focus {
    border-color: #c5c5c5;
}

.main-header .slide-out-search {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 30px 15px;
    background: #fff;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    transition: opacity 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    transition-delay: 0s, 0s, 0.3s;
}

@media only screen and (min-width: 990px) {
    .main-header .slide-out-search {
        display: none;
    }
}

.main-header .slide-out-search.shown {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}

.main-header .slide-out-search .search-form {
    position: relative;
    margin: 0;
    max-width: none;
}

.main-header .slide-out-search input {
    padding-top: 14px;
    padding-bottom: 12px;
}

.main-header .site-logo {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin: 0 0 0 -41px;
}

@media only screen and (min-width: 990px) {
    .main-header .site-logo {
        margin-left: -70px;
        opacity: 1;
        transition: opacity 0.2s ease-in-out, margin 0.5s ease-in-out;
        transition-delay: 0.3s, 0s;
    }

    .sticky-nav .main-header .site-logo {
        margin-top: -64px;
        opacity: 0;
        transition-delay: 0s, 0s;
    }
}

.main-header .site-logo a {
    display: block;
    padding: 12px 11px 10px;
}

@media only screen and (min-width: 990px) {
    .main-header .site-logo a {
        padding-top: 14px;
        padding-bottom: 0;
    }
}

.main-header .site-logo a:hover, .main-header .site-logo a:focus {
    color: #333;
}

.main-header .site-logo .icon-logo {
    display: block;
    width: 60px;
    height: 23px;
    margin: 0;
    color: #a8123e;
}

@media only screen and (min-width: 990px) {
    .main-header .site-logo .icon-logo {
        width: 118px;
        height: 75px;
    }
}

.main-header-bar {
    position: relative;
    z-index: 20;
}

@media only screen and (min-width: 990px) {
    .main-header-bar {
        padding-top: 60px;
        transition: padding 0.5s ease-in-out;
    }

    .sticky-nav .main-header-bar {
        padding-top: 0;
    }
}

a.toggle-nav {
    display: block;
    padding: 15px;
}

a.toggle-nav:hover, a.toggle-nav:focus {
    color: #333;
}

a.toggle-nav .icon {
    display: block;
}

@media only screen and (min-width: 990px) {
    a.toggle-nav {
        display: none;
    }
}

a.stockists-finder {
    float: left;
    padding: 13.5px 0px;
}

a.stockists-finder .icon {
    display: block;
}

a.open-nav {
    float: left;
}

a.open-nav .icon {
    width: 15px;
    height: 12px;
}

a.close-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40;
    padding: 17px;
}

a.close-nav .icon {
    width: 23px;
    height: 23px;
}

.site-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    color: #696765;
    text-transform: uppercase;
}

@media only screen and (min-width: 990px) {
    .site-nav {
        font-weight: 300;
    }
}

.site-nav ul {
    padding: 0;
}

.site-nav li {
    display: inline-block;
    vertical-align: middle;
}

.site-nav a {
    display: block;
    color: #696765;
}

@media only screen and (min-width: 990px) {
    .site-nav a: hover, .site-nav a:focus {
        color: #a8123e;
    }
}

.site-nav .icon {
    color: #696765;
}

.grid__item:not(.mobile-nav__account) {
    margin-bottom: 10px;
}

.main-nav li, .left-nav li {
    display: block;
}

@media only screen and (min-width: 990px) {
    .main-nav li, .left-nav li {
        display: inline-block;
        vertical-align: middle;
    }
}

.main-nav {
    text-align: center;
}

@media only screen and (max-width: 989px) {
    .main-nav .nav-featured-collection {
        display: none;
    }
}

@media only screen and (min-width: 990px) {
    .main-nav {
        clear: both;
    }
}

.main-nav .site-nav {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    text-transform: none;
}

.main-nav .site-nav a {
    padding: 11px 8px;
    color: #333;
}

@media only screen and (min-width: 990px) {
    .main-nav .site-nav a {
        padding: 13.1px 20px;
        transition: padding 0.5s ease-in-out, color 0.2s;
    }

    .sticky-nav .main-nav .site-nav a {
        padding-top: 23.1px;
        padding-bottom: 23.1px;
    }

    .main-nav .site-nav a:hover, .main-nav .site-nav a:focus {
        color: #a8123e;
    }

    .main-nav .site-nav .site-nav__submenu a {
        padding: 11px 15px;
        letter-spacing: 0.05em;
    }

    .main-nav .site-nav .site-nav__submenu .nav-featured-collection a {
        padding: 0;
    }

    .main-nav .site-nav .site-nav__subsubmenu a {
        padding: 4px 15px;
        letter-spacing: 0.01em;
    }
}

@media only screen and (max-width: 989px) {
    .toggle-nav-mobile .site-nav__submenu, .toggle-nav-mobile .site-nav__subsubmenu {
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.1em;
        transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
    }

    .toggle-nav-mobile .site-nav__submenu li:first-child a, .toggle-nav-mobile .site-nav__subsubmenu li:first-child a {
        padding-top: 17px;
    }

    .toggle-nav-mobile .site-nav__submenu li:last-child a, .toggle-nav-mobile .site-nav__subsubmenu li:last-child a {
        padding-bottom: 31px;
    }

    .toggle-nav-mobile .site-nav__submenu a, .toggle-nav-mobile .site-nav__subsubmenu a {
        padding: 7px;
    }

    .toggle-nav-mobile.active .site-nav__submenu, .toggle-nav-mobile.active .site-nav__subsubmenu {
        visibility: visible;
        opacity: 1;
        max-height: 500px;
        transition: max-height 0.2s ease-in, opacity 0.2s ease-in;
    }

    .toggle-nav-mobile.active .toggle-icon:before {
        height: 0;
        margin-top: 0;
    }

    .site-nav--has-submenu.toggle-nav-mobile:last-child .site-nav__submenu li:last-child a {
        padding-bottom: 23px;
    }

    .toggle-icon {
        position: relative;
        display: inline-block;
        vertical-align: baseline;
        width: 9px;
        height: 9px;
        margin-left: 6px;
        transform: scale(-0.7);
    }

    .toggle-icon:before, .toggle-icon:after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        background: #333;
        border-radius: 1px;
    }

    .toggle-icon:before {
        width: 1px;
        height: 9px;
        margin-top: -5px;
        margin-left: -1px;
        transition: all 0.2s ease-out;
    }

    .toggle-icon:after {
        width: 9px;
        height: 1px;
        margin-top: -1px;
        margin-left: -5px;
    }
}

@media only screen and (min-width: 990px) {
    .toggle-icon {
        display: none;
    }

    .site-nav__submenu {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        z-index: -1;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 40px 0;
        background: #fff;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        text-align: left;
        font-size: 12px;
        font-weight: 300;
        text-transform: uppercase;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        transition-delay: 0s, 0s, 0.3s;
    }

    .site-nav__submenu li {
        display: block;
    }

    .site-nav__submenu .nav-wrapper {
        max-width: 1040px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .site-nav__submenu .nav-wrapper > ul {
        *zoom: 1;
    }

    .site-nav__submenu .nav-wrapper > ul::after {
        content: '';
        display: table;
        clear: both;
    }

    .site-nav__subsubmenu {
        text-transform: none;
    }

    .site-nav--has-submenu.active > a {
        position: relative;
        color: #333;
    }

    .site-nav--has-submenu.active > a:after {
        position: absolute;
        bottom: 6px;
        left: 50%;
        width: 5px;
        height: 5px;
        margin: 0 0 0 -2.5px;
        background: #a8123e;
        border-radius: 50%;
        content: '';
        transition: bottom 0.5s ease-in-out;
    }

    .sticky-nav .site-nav--has-submenu.active > a:after {
        bottom: 11px;
    }

    .site-nav--has-submenu.active > a:hover, .site-nav--has-submenu.active > a:focus {
        color: #333;
    }

    .site-nav--has-submenu.active .site-nav__submenu {
        visibility: visible;
        opacity: 1;
        z-index: 10;
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    .main-menu-shop .nav-wrapper {
        display: flex;
        max-width: 942.5px;
    }

    .main-menu-shop .nav-wrapper > ul {
        width: 20%;
        margin-top: 2px;
    }

    .main-menu-shop .site-nav__submenu {
        padding: 26px 0;
    }

    .main-menu-shop .nav-featured-collection {
        width: 60%;
        padding: 14px 15px;
    }

    .main-menu-shop .nav-featured-collection a {
        position: relative;
        height: 260px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .main-menu-shop .nav-featured-collection .inner {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 20;
        display: block;
        width: 100%;
        padding: 26px 30px 30px;
        font-size: 18px;
        text-transform: none;
        line-height: 1.2;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-menu-shop .nav-featured-collection .title {
        display: block;
    }

    .main-menu-shop .nav-featured-collection .btn {
        margin-top: 14px;
    }

    .main-menu-shop .nav-featured-collection.hover-effect a:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }

    .main-menu-shop .nav-featured-collection.hover-effect a:hover:after, .main-menu-shop .nav-featured-collection.hover-effect a:focus:after {
        opacity: 0.5;
    }

    .main-menu-shop .nav-featured-collection.no-title .inner {
        padding-top: 30px;
    }

    .main-menu-shop .nav-featured-collection.no-title .btn {
        margin-top: 0;
    }

    .main-menu-shop .nav-featured-collection.dark-title .inner {
        color: #333;
        text-shadow: none;
    }

    .main-menu-shop .site-nav__subsubmenu {
        margin: 6px 0 20px;
    }

    .main-menu-discover .site-nav__submenu .title {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 20;
        display: block;
        width: 100%;
        padding: 30px;
        font-size: 18px;
        line-height: 1.2;
        text-align: center;
        text-transform: none;
        color: #fff;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }

    .main-menu-discover .nav-wrapper {
        max-width: 1012px;
        padding: 0 8px;
    }

    .main-menu-discover .nav-wrapper > ul > li {
        float: left;
        width: 33%;
        padding: 0 45px;
    }

    .main-menu-discover .nav-wrapper > ul > li > a {
        position: relative;
        height: 175px;
        padding: 0;
        background-size: cover;
        color: #fff;
    }

    .main-menu-discover .nav-wrapper > ul > li > a:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        content: '';
        opacity: 0;
        transition: opacity 0.2s ease-out;
    }

    .main-menu-discover .nav-wrapper > ul > li > a:hover:after, .main-menu-discover .nav-wrapper > ul > li > a:focus:after {
        opacity: 0.5;
    }

    .main-menu-discover .nav-item-1, .main-menu-discover .nav-item-2, .main-menu-discover .nav-item-3, .main-menu-discover .nav-item-4 {
        background-repeat: no-repeat;
        background-position: center center;
    }
}

.left-nav .has-icon a {
    padding: 16px;
    letter-spacing: 0.05em;
}

.left-nav .has-icon .icon {
    margin-right: 4px;
}

.left-nav .has-icon .icon-marker {
    position: relative;
    top: -4px;
}

@media only screen and (min-width: 990px) {
    .left-nav {
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        padding: 14px 8px 0 0;
    }

    .left-nav .has-icon a {
        padding: 8px 18px 5px;
    }
}

.right-nav {
    margin-bottom: 28px;
}

.right-nav .expand-search input {
    font-size: 12px;
}

.right-nav .expand-search input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.right-nav .expand-search input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.right-nav .expand-search .search-form {
    margin: 0 15px 0 0;
    max-width: none;
    width: 10vw;
    transition: ease-in-out width 0.5s;
}

.sticky-nav .right-nav .expand-search .search-form {
    width: 7vw;
}

@media only screen and (min-width: 1100px) {
    .right-nav .expand-search .search-form {
        width: 10vw;
    }
}

.right-nav .expand-search input {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 1px solid #696765;
    border-radius: 50%;
    background: none;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin-top: -3px;
    padding: 0;
    outline: 0;
    -webkit-transition: width 0.2s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    transition: width 0.2s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.right-nav .expand-search input::-webkit-input-placeholder {
    color: transparent;
}

.right-nav .expand-search input:-ms-input-placeholder {
    color: transparent;
}

.right-nav .expand-search input::placeholder {
    color: transparent;
}

.right-nav .expand-search .search {
    background: none;
    position: absolute;
    top: -4px;
    right: -2px;
    height: 14px;
    width: 14px;
    padding: 0;
    border-radius: 100%;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.right-nav .expand-search .search:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 1px;
    background-color: #696765;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 4.5px;
    margin-left: 3px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.right-nav .expand-search .close {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.right-nav .expand-search .close:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    margin-top: 0;
    margin-left: 0;
    right: 5px;
    top: 13px;
    background-color: #696765;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.right-nav .expand-search .close:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #696765;
    margin-top: 0;
    margin-left: 0;
    right: 5px;
    top: 13px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.right-nav .expand-search .square {
    box-sizing: border-box;
    padding: 0 20px 0 5px;
    width: 100%;
    height: 20px;
    border: 1px solid #f3f3f3;
    border-radius: 0;
    background: none;
    margin-top: 0;
    outline: 0;
    -webkit-transition: box-shadow .2s ease-in-out, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, padding 0.2s;
    transition: box-shadow .2s ease-in-out, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, padding 0.2s;
    -webkit-transition-delay: 0.2s, 0s, 0.2s;
    transition-delay: 0.2s, 0s, 0.2s;
}

.right-nav .expand-search .square:focus {
    border-color: #f3f3f3;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.right-nav .expand-search .square::-webkit-input-placeholder {
    color: #696765;
    font-size: 12px;
    line-height: inherit;
}

@supports (-moz-appearance: none) {
    .right-nav .expand-search .square: :-webkit-input-placeholder {
        line-height: 1.8;
    }
}

.right-nav .expand-search .square:-ms-input-placeholder {
    color: #696765;
    font-size: 12px;
    line-height: inherit;
}

@supports (-moz-appearance: none) {
    .right-nav .expand-search .square: -ms-input-placeholder {
        line-height: 1.8;
    }
}

.right-nav .expand-search .square::placeholder {
    color: #696765;
    font-size: 12px;
    line-height: inherit;
}

@supports (-moz-appearance: none) {
    .right-nav .expand-search .square: :placeholder {
        line-height: 1.8;
    }
}

.right-nav .has-icon {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.08em;
}

.right-nav .has-icon a {
    padding: 16px 12px;
    color: #696765;
}

@media only screen and (min-width: 990px) {
    .right-nav {
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        margin: 0;
        padding: 22px 12px 0 0;
    }

    .right-nav li {
        border-left: 1px solid #c5c5c5;
    }

    .right-nav li:first-child {
        border-left: 0;
    }

    .right-nav a {
        padding: 3px 15px;
        letter-spacing: 0.05em;
    }

    .right-nav .has-icon a {
        padding: 3px 13px;
    }
}

.right-nav svg.icon {
    height: 14px;
    width: 14px;
    transform: none;
}

@media only screen and (max-width: 989px) {
    .mobile-nav {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100vh;
        pointer-events: none;
        text-align: left;
        z-index: 90;
    }

    .mobile-nav-shown .mobile-nav {
        pointer-events: auto;
    }

    .mobile-nav .mobile-nav-overlay {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.4s, opacity 0.4s linear;
        z-index: -1;
    }

    .mobile-nav-shown .mobile-nav .mobile-nav-overlay {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transition: visibility 0.3s, opacity 0.3s linear;
    }

    .mobile-nav .mobile-nav-block {
        max-width: 320px;
        width: 100%;
        background-color: #fff;
        left: -100%;
        height: 100vh;
        margin-left: 0;
        overflow-y: auto;
        font-size: 12px;
        position: relative;
        transition: ease-in-out left .4s;
        z-index: 10;
    }

    .mobile-nav-shown .mobile-nav .mobile-nav-block {
        left: 0;
        transition: ease-in-out left .2s;
    }

    .no-csstransforms3d .mobile-nav .mobile-nav-block {
        transition: left 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .no-csstransforms3d .mobile-nav-shown .mobile-nav .mobile-nav-block {
        left: 0%;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .mobile-nav .mobile-nav-block .grid__item {
        padding: 21px 15px;
        background-color: #f2f0eb;
    }

    .mobile-nav .mobile-nav-block .grid__item.mobile-nav-block-stockists {
        height: 25px;
        margin: 0;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: #a8123e;
    }

    .mobile-nav .mobile-nav-block .grid__item .stockists {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        line-height: 2;
    }

    .mobile-nav .mobile-nav-block .grid__item .stockists a {
        color: #fff;
        fill: #fff;
    }

    .mobile-nav .mobile-nav-block .grid__item .stockists .icon {
        width: 14px;
        height: 14px;
        margin-right: 2px;
        transform: translateY(-2px);
    }

    .mobile-nav .mobile-nav-block .grid__item .search-form {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .mobile-nav .mobile-nav-block .grid__item .search-form input {
        border-width: 0;
        background-color: transparent;
    }

    .mobile-nav .mobile-nav-block .grid__item.white_bg {
        background-color: #fff;
    }

    .mobile-nav .mobile-nav-block .grid__item.white_bg .close-mobile-nav {
        float: right;
    }

    .mobile-nav .mobile-nav-block .grid__item.white_bg .social-links {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-nav .mobile-nav-block .grid__item.white_bg .social-links li {
        display: inline-block;
        margin-right: 15px;
    }

    .mobile-nav .mobile-nav-block .grid__item.white_bg .social-links .icon {
        height: 20px;
        width: 20px;
    }

    .mobile-nav .mobile-nav-block .grid__item.nav-slides {
        background-color: #fff;
        margin: 0;
        padding: 30px 0;
        position: relative;
    }

    .mobile-nav .mobile-nav-block .grid__item.nav-slides .slick-dots {
        position: absolute;
        bottom: 30px;
        text-align: right;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item {
        padding-bottom: 0;
        padding-top: 0;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .nav-title {
        height: 80px;
        width: 100%;
        display: table;
        font-weight: 400;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .nav-title a.level {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        width: 100%;
        height: 100%
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .nav-title a.level:hover, .mobile-nav .mobile-nav-block .nav-list .grid__item .nav-title a.level:focus {
        color: #333;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .submenu-list {
        display: block;
        width: 100%;
        list-style: none;
        margin: 0;
        padding-left: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.15s ease-out;
        *zoom: 1;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .submenu-list::after {
        content: '';
        display: table;
        clear: both;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item .submenu-list ul {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0 5px 0 0;
        list-style: none;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.active .submenu-list {
        max-height: 500px;
        margin-bottom: 15px;
        transition: max-height 0.15s ease-out;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.active .submenu-list li {
        padding: 5px 0;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.active .toggle-icon:before {
        height: 0;
        margin-top: 0;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer {
        margin-bottom: 0;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer .nav-title {
        height: 30px;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer:first-child {
        padding-top: 15px;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer:last-child {
        margin-bottom: 130px;
        padding-bottom: 15px;
    }

    .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer.active .submenu-list {
        padding: 15px 0;
    }

    .mobile-nav .inner {
        position: relative;
        min-height: 100vh;
        padding: 0 0 190px;
    }
}

.mobile-nav .site-logo {
    position: static;
    margin: 0;
    padding-top: 20px;
}

@media only screen and (min-width: 990px) {
    .mobile-nav .site-logo {
        display: none;
    }
}

.mobile-nav .site-logo .icon-logo {
    margin-left: auto;
    margin-right: auto;
}

.mobile-nav .mobile-nav-block .mobile-nav__account {
    padding: 13px 15px;
}

.mobile-nav .mobile-nav-block .mobile-nav__account > *:not(:first-child) {
    border-left: 1px solid #BDBDBD;
    margin-left: 15px;
    padding-left: 15px;
}

.mobile-nav .mobile-nav-block .mobile-nav__account .close-mobile-nav {
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

.mobile-nav-left {
    align-items: center;
    display: flex;
    float: left;
}

@media only screen and (min-width: 990px) {
    .mobile-nav-left {
        display: none;
    }
}

.mobile-nav-right {
    float: right;
}

@media only screen and (min-width: 990px) {
    .mobile-nav-right {
        display: none;
    }
}

.mobile-nav-right .site-nav {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
}

.mobile-nav-right .site-nav a {
    padding: 15px 6px 16px 6px;
    color: #696765;
}

.mobile-nav-right .site-nav a.cart-link {
    padding-top: 16px;
    padding-bottom: 15px;
    padding-right: 12px;
}

.mobile-nav-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 112px;
}

@media only screen and (min-width: 990px) {
    .mobile-nav-bottom {
        display: none;
    }
}

.mobile-nav-bottom .site-nav a {
    padding: 16px 14px;
}

.search-form {
    position: relative;
    display: block;
}

.search-form input {
    padding-right: 45px;
}

.search-form input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #696765;
}

.search-form input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #696765;
}

.search-form input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #696765;
}

.search-form input::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #696765;
}

.search-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    color: #333;
}

.main-footer {
    font-size: 10px;
    line-height: 1.2;
}

.main-footer .wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 739px) {
    .main-footer .grid {
        margin-left: -15px;
    }

    .main-footer .grid__item {
        padding-left: 15px;
    }
}

.main-footer h2 {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
    color: #a8123e;
    font-weight: 400;
}

.main-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-footer .social-links {
    margin-left: -7px;
    margin-right: -7px;
    text-align: center;
}

@media only screen and (min-width: 990px) {
    .main-footer .social-links {
        text-align: left;
    }
}

.main-footer .social-links li {
    display: inline-block;
    vertical-align: middle;
}

.main-footer .social-links a {
    display: block;
    padding: 10px;
}

.main-footer .social-links .icon-facebook {
    margin-left: -5px;
    margin-right: -5px;
}

.main-footer .site-logo {
    margin-top: 16px;
}

.main-footer .site-logo a {
    display: block;
    padding: 18px;
}

.main-footer .site-logo a:hover, .main-footer .site-logo a:focus {
    color: #333;
}

.main-footer .site-logo .icon-logo {
    display: block;
    width: 50px;
    height: 20px;
    margin: 0 auto;
}

@media only screen and (min-width: 990px) {
    .main-footer .site-logo {
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -43px;
    }

    .main-footer .site-logo a {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

.footer-actions {
    margin-bottom: 54px;
    background: #f2f0eb;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

@media only screen and (max-width: 989px) {
    .footer-actions {
        display: none;
    }
}

.footer-actions .wrapper {
    max-width: 750px;
    padding: 30px 0;
}

.footer-actions a {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
    padding: 13px 30px;
    border-left: 1px solid #dadada;
}

.footer-actions a:first-child {
    border-left: 0;
}

.footer-actions a:hover, .footer-actions a:focus {
    color: #333;
}

.footer-actions a:hover .icon, .footer-actions a:focus .icon {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.footer-actions .icon {
    display: block;
    margin: 0 auto 10px;
    transition: transform 0.3s cubic-bezier(0.3, -0.9, 0.6, 1.9);
}

.footer-actions .icon-marker {
    width: 24px;
    height: 24px;
    margin-bottom: 11px;
}

.footer-actions .icon-gift-card {
    width: 34px;
    height: 25px;
}

.footer-actions .icon-contact {
    width: 25px;
    height: 25px;
}

.footer-nav {
    margin-bottom: 48px;
    padding-top: 15px;
}

@media only screen and (min-width: 990px) {
    .footer-nav {
        padding-top: 0;
    }
}

@media only screen and (min-width: 990px) {
    .footer-nav {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 989px) {
    .footer-nav:

nth-child(2n +

2) {
    clear: both;
}
    .footer-nav:last-child {
        margin-bottom: 30px;
    }
}

.footer-nav ul {
    font-size: 12px;
    font-weight: 300;
    color: #c5c5c5;
}

@media only screen and (min-width: 990px) {
    .footer-nav ul {
        font-size: 14px;
        font-weight: 300;
    }
}

.footer-nav ul a {
    display: block;
    padding: 5px 0;
    color: #696765;
}

@media only screen and (min-width: 990px) {
    .footer-nav ul a: hover, .footer-nav ul a:focus {
        color: #a8123e;
    }
}

@media only screen and (max-width: 989px) {
    .footer-newsletter {
        width: calc(100% + 30px);
        margin: 0 0 32px 0;
        padding: 32px 30px 24px;
        background: #f2f0eb;
    }
}

@media only screen and (max-width: 739px) {
    .footer-newsletter {
        width: calc(100% + 15px);
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 22px;
    }
}

@media only screen and (min-width: 990px) {
    .footer-newsletter {
        float: right;
        margin-bottom: 60px;
    }
}

.payment-icons {
    padding: 12px 4px;
    background: #f7f7f6;
    text-align: center;
}

.payment-icons li {
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
}

.payment-icons li:first-child {
    margin-right: 8px;
    padding-right: 12px;
    border-right: 1px solid #dadada;
}

@media only screen and (min-width: 740px) {
    .payment-icons li {
        margin: 8px;
    }

    .payment-icons li:first-child {
        margin-right: 16px;
        padding-right: 24px;
    }
}

.legal-footer {
    padding-bottom: 24px;
    text-align: center;
}

.legal-footer .copyright {
    margin-bottom: 32px;
}

.legal-footer .copyright p {
    margin-bottom: 5px;
}

.legal-footer ul a {
    display: block;
    padding: 4px;
}

@media only screen and (min-width: 990px) {
    .legal-footer {
        padding-bottom: 0;
    }

    .legal-footer .legal-footer-content {
        position: relative;
        min-height: 68px;
    }

    .legal-footer .copyright {
        float: left;
        margin: 17px 0 5px 0px;
        padding: 4px;
        text-align: left;
    }

    .legal-footer ul {
        float: right;
        margin: 24px -15px 0 0;
        font-size: 11px;
    }

    .legal-footer ul a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .legal-footer li {
        display: inline-block;
        vertical-align: middle;
    }
}

.terms-banner {
    font-size: 11px;
    color: #696765;
    background: #f2f0eb;
}

.terms-banner .wrapper {
    padding-top: 2px;
    padding-bottom: 16px;
}

.terms-banner p {
    margin: 0;
}

.notification {
    position: fixed;
    visibility: hidden;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px 15px 30px;
    background-color: #fff;
    opacity: 0;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.33);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: opacity 0.5s ease 0s, transform 0.5s ease 0s, visibility linear 0.5s, z-index linear 0.5s;
}

.notification.shown {
    visibility: visible;
    z-index: 9999;
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0s, 0s;
}

@media only screen and (min-width: 740px) {
    .notification {
        bottom: 50%;
        width: 360px;
        -moz-transform: translate(-100%, 50%);
        -ms-transform: translate(-100%, 50%);
        -webkit-transform: translate(-100%, 50%);
        transform: translate(-100%, 50%);
    }

    .notification.shown {
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }
}

.notification__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    background: none;
    border: none;
    z-index: 10;
}

.notification__close-icon {
    width: 10px;
}

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

.footer-newsletter .newsletter-form {
    max-width: 480px;
    margin-bottom: 20px;
}

.newsletter-form h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    text-transform: none;
}

.footer-newsletter .newsletter-form h2 {
    font-size: 16px;
    text-transform: none;
    text-align: left;
}

@media only screen and (max-width: 989px) {
    .footer-newsletter .newsletter-form h2 {
        margin-bottom: 28px;
        text-align: center;
    }
}

.newsletter-form p {
    margin-bottom: 10px;
}

.newsletter-form p.send {
    margin: 0;
}

.newsletter-form .note {
    font-size: 14px;
}

.newsletter-form .note p {
    margin-bottom: 4px;
}

.newsletter-form .grid {
    margin-left: -10px;
}

.newsletter-form .grid__item {
    padding-left: 10px;
}

@media only screen and (min-width: 990px) and (max-width: 1259px) {
    .newsletter-form .xlarge-widescreen--one-whole: first-child {
        margin-bottom: 10px;
    }
}

.newsletter-form label {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 15px;
    font-weight: 300;
}

.newsletter-form input {
    padding: 6px 12px;
    line-height: 26px;
    border-color: #f3f3f3;
}

.newsletter-form input:focus {
    border-color: #c5c5c5;
}

.newsletter-form input[type="checkbox"] {
    display: block;
    margin-top: 2px;
}

.newsletter-form ::-webkit-input-placeholder {
    font-size: 10px;
    font-weight: 400;
    color: #c5c5c5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.newsletter-form ::-moz-placeholder {
    font-size: 10px;
    font-weight: 400;
    color: #c5c5c5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.newsletter-form :-ms-input-placeholder {
    font-size: 10px;
    font-weight: 400;
    color: #c5c5c5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.newsletter-form ::-ms-input-placeholder {
    font-size: 10px;
    font-weight: 400;
    color: #c5c5c5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.newsletter-form .btn {
    display: block;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    border-color: #a8123e;
}

.newsletter-form .btn[disabled] {
    border-color: #c5c5c5;
}

.newsletter-popup .form-success {
    margin-bottom: 0;
}

.template-index .main-content {
    max-width: none;
    padding: 0;
}

.main-feature {
    max-width: 4000px;
    margin: 0 auto;
}

@media only screen and (min-width: 740px) {
    .main-feature {
        margin: 0 auto;
    }
}

.main-feature .content-slide {
    position: relative;
    text-align: center;
}

.main-feature img.has-slider-content {
    margin-bottom: -30px;
}

@media only screen and (min-width: 740px) {
    .main-feature img.has-slider-content {
        margin-bottom: 0;
    }
}

.main-feature .call-to-action {
    color: #a8123e;
    background-color: #f2f0eb;
    margin: 0 15px 30px;
    padding: 30px;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 740px) {
    .main-feature .call-to-action {
        color: #f2f0eb;
        background-color: transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0 30px;
        padding: 0;
        width: 50%;
        max-width: 300px;
        padding: 0;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media only screen and (min-width: 990px) {
    .main-feature .call-to-action {
        max-width: 33.334vw;
    }
}

.main-feature .call-to-action.title-mobile-font-weight-light h1 {
    font-weight: 400;
}

.main-feature .call-to-action.title-mobile-font-weight-regular h1 {
    font-weight: 500;
}

.main-feature .call-to-action.title-mobile-font-weight-bold h1 {
    font-weight: 600;
}

.main-feature .call-to-action.title-mobile-font-weight-heavy h1 {
    font-weight: 900;
}

@media only screen and (min-width: 990px) {
    .main-feature .call-to-action.title-font-weight-light h1 {
        font-weight: 400;
    }

    .main-feature .call-to-action.title-font-weight-regular h1 {
        font-weight: 600;
    }

    .main-feature .call-to-action.title-font-weight-bold h1 {
        font-weight: 700;
    }

    .main-feature .call-to-action.title-font-weight-heavy h1 {
        font-weight: 900;
    }
}

.main-feature .call-to-action.title-case-uppercase h1 {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.main-feature .call-to-action.subheading-color-white h2 {
    color: #fff;
}

.main-feature .call-to-action.subheading-color-primary h2 {
    color: #a8123e;
}

.main-feature .call-to-action.mobile-text-alignment-left {
    text-align: left;
}

.main-feature .call-to-action.mobile-text-alignment-left h1 {
    text-align: left;
}

.main-feature .call-to-action.mobile-text-alignment-center {
    text-align: center;
}

.main-feature .call-to-action.mobile-text-alignment-center h1 {
    text-align: center;
}

.main-feature .call-to-action.mobile-text-alignment-right {
    text-align: right;
}

.main-feature .call-to-action.mobile-text-alignment-right h1 {
    text-align: right;
}

@media only screen and (min-width: 740px) {
    .main-feature .call-to-action.text-alignment-left {
        text-align: left;
    }

    .main-feature .call-to-action.text-alignment-left h1 {
        text-align: left;
    }

    .main-feature .call-to-action.text-alignment-center {
        text-align: center;
    }

    .main-feature .call-to-action.text-alignment-center h1 {
        text-align: center;
    }

    .main-feature .call-to-action.text-alignment-right {
        text-align: right;
    }

    .main-feature .call-to-action.text-alignment-right h1 {
        text-align: right;
    }
}

@media only screen and (min-width: 740px) {
    .main-feature .call-to-action.horizontal-position-left {
        left: 25%
    }

    .main-feature .call-to-action.horizontal-position-right {
        left: 77%
    }
}

@media only screen and (min-width: 740px) {
    .main-feature .call-to-action.vertical-position-top {
        top: 30px;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: auto;
    }

    .main-feature .call-to-action.vertical-position-center {
        top: 50%;
        bottom: auto;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .main-feature .call-to-action.vertical-position-bottom {
        top: auto;
        bottom: 30px;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.main-feature .call-to-action.include-search-form {
    padding-bottom: 0;
}

.main-feature .call-to-action .search-form {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 30px;
}

@media only screen and (min-width: 740px) {
    .main-feature .call-to-action .search-form {
        margin-left: 0;
        margin-right: 0;
    }
}

.main-feature .call-to-action .search-form input[type=search] {
    border: 0;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
    padding: 21px 15px;
}

.main-feature .call-to-action .search-form input[type=search]:focus {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.main-feature img {
    width: 100%
}

.main-feature h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

@media only screen and (min-width: 990px) {
    .main-feature h1 {
        font-size: 30px;
        letter-spacing: 0;
    }
}

.main-feature h2 {
    margin: 7px 0 0 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: none;
}

@media only screen and (min-width: 990px) {
    .main-feature h2 {
        margin-top: 24px;
        font-size: 16px;
    }
}

.main-feature h2:first-child {
    margin-top: 0;
}

.main-feature a {
    color: #333;
}

.main-feature .slick-dots {
    position: absolute;
    left: 0;
    bottom: 15px;
}

@media only screen and (min-width: 990px) {
    .main-feature .slick-dots {
        bottom: 20px;
    }
}

.main-feature .slick-dots li button {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.05);
}

.main-feature .slick-dots li.slick-active button {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.text-block, .image-block {
    text-align: center;
}

.text-block .wrapper, .image-block .wrapper {
    max-width: 800px;
    padding: 0 15px;
}

@media only screen and (min-width: 740px) {
    .text-block .wrapper, .image-block .wrapper {
        padding: 0 30px;
    }
}

.text-block h1, .image-block h1 {
    margin: 0 auto 30px auto;
    line-height: 28px;
    text-transform: inherit;
    max-width: 320px;
}

@media only screen and (min-width: 740px) {
    .text-block h1, .image-block h1 {
        max-width: none;
        margin: 0 auto 30px auto;
        line-height: 44px;
    }
}

.text-block h6, .image-block h6 {
    margin-bottom: 0;
}

.image-block .wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.paragraph-block {
    font-weight: 300;
    color: #696765;
    text-align: center;
}

.paragraph-block .wrapper {
    max-width: 620px;
    padding: 0 30px;
    margin-bottom: 0;
}

.paragraph-block h1 {
    margin-bottom: 24px;
    color: #333;
}

.paragraph-block p {
    margin-bottom: 24px;
}

.image-block-wrapper {
    padding: 0 30px;
}

.video-block-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.image-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.image-block .wrapper {
    padding: 0 15px;
    min-height: 240px;
}

@media only screen and (min-width: 740px) {
    .image-block .wrapper {
        padding: 0 30px;
        min-height: 400px;
    }
}

.image-block h1 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}

@media only screen and (min-width: 740px) {
    .image-block h1 {
        font-size: 36px;
        line-height: 48px;
    }
}

.image-block h6 {
    font-size: 12px;
}

@media only screen and (min-width: 740px) {
    .image-block h6 {
        font-size: 14px;
    }
}

.image-block p {
    margin: 0;
}

@media only screen and (min-width: 740px) {
    .image-block {
        margin-top: 0;
    }
}

.tile-wrapper {
    display: block;
    height: auto;
    padding: 0 15px;
}

@media only screen and (min-width: 740px) {
    .tile-wrapper {
        display: flex;
        flex-wrap: wrap;
        height: 480px;
        padding: 0 30px;
    }
}

@media only screen and (min-width: 830px) {
    .tile-wrapper {
        height: 560px;
    }
}

@media only screen and (min-width: 990px) {
    .tile-wrapper {
        height: 620px;
    }
}

@media only screen and (min-width: 1260px) {
    .tile-wrapper {
        height: 766px;
    }
}

.tile {
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
}

@media only screen and (max-width: 739px) {
    .tile {
        padding-bottom: 15px;
    }
}

.tile h3 {
    position: absolute;
    top: 30px;
    left: 30px;
    margin-bottom: 0;
    z-index: 3;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

@media only screen and (max-width: 739px) {
    .tile h3 {
        position: initial;
        text-align: left;
        padding: 15px;
        font-size: 12px;
    }
}

.tile a {
    -moz-transition: color 0s;
    -ms-transition: color 0s;
    -webkit-transition: color 0s;
    transition: color 0s;
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

@media only screen and (max-width: 739px) {
    .tile a {
        height: 45px;
        background-color: #f3f3f3;
        background-image: none;
    }

    .tile a:hover {
        background-color: #a8123e;
    }
}

.tile .icon-arrow-right {
    display: none;
}

@media only screen and (max-width: 739px) {
    .tile .icon-arrow-right {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 16px;
    }
}

.tile h6 {
    display: none;
}

@media only screen and (min-width: 740px) {
    .tile h6 {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 17px;
        z-index: 3;
        display: inline-block;
        margin: 0;
    }
}

@media only screen and (min-width: 830px) {
    .tile h6 {
        bottom: 25px;
    }
}

.tile a:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-size: cover;
    background-position: center;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media only screen and (max-width: 739px) {
    .tile a: after {
        display: none;
    }
}

.tile:hover {
    cursor: pointer;
}

.tile:hover a:after {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.tile:hover a {
    color: #a8123e;
}

.tile:hover .make-white {
    color: #fff;
}

@media only screen and (max-width: 739px) {
    .tile: hover a {
        color: #fff;
    }
}

.left-tiles {
    flex: 0 1 50%;
    display: flex;
    height: 100%;
    max-width: 50%;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 15px;
}

.left-tiles .tile {
    flex: 0 0 100%;
    max-height: 100%;
    min-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 739px) {
    .left-tiles {
        max-width: 100%;
        height: auto;
        padding: 0;
    }
}

.right-tiles {
    flex: 0 1 50%;
    display: flex;
    height: 100%;
    max-width: 50%;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 15px;
}

@media only screen and (max-width: 739px) {
    .right-tiles {
        max-width: 100%;
        min-height: auto;
        padding: 0;
    }
}

.half-tile {
    flex: 0 0 100%;
    max-height: 50%;
    min-height: 50%;
    max-width: 100%;
    overflow: hidden;
}

.tile-1 {
    padding-bottom: 15px;
}

.tile-2 {
    padding-top: 15px;
}

@media only screen and (max-width: 739px) {
    .tile-2 {
        padding-top: 0;
    }
}

.tile-stockists {
    display: none;
}

@media only screen and (max-width: 739px) {
    .tile-stockists {
        display: block;
        width: 100%
    }
}

.brand-blocks {
    max-width: 4000px;
    margin: 0 auto;
    padding: 60px 15px;
    text-align: center;
}

.brand-blocks h2 {
    margin-bottom: 14px;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0.04em;
}

.brand-blocks .brand-intro {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.04em;
}

@media only screen and (min-width: 740px) {
    .brand-blocks {
        padding: 90px 30px 30px;
    }

    .brand-blocks h2 {
        font-size: 24px;
    }

    .brand-blocks .brand-intro {
        margin-bottom: 40px;
        padding: 0 30px;
        font-size: 18px;
    }
}

@media only screen and (min-width: 830px) {
    .brand-blocks {
        padding: 150px 0 80px 0;
    }

    .brand-blocks .brand-intro {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 830px) {
    .brand-blocks-outer {
        display: flex;
        flex-wrap: wrap;
    }
}

.brand-block {
    margin-top: 15px;
    background: #f2f0eb;
    overflow: hidden;
    transition: background-color 0.2s;
}

.brand-block a {
    color: #333;
}

.brand-block .content {
    padding: 15px;
}

.brand-block img {
    width: 100%
}

.brand-block h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.brand-block h6 {
    margin: 8px 0 0;
}

.brand-block .rte {
    display: none;
}

@media only screen and (max-width: 829px) {
    .brand-block a {
        position: relative;
        display: block;
    }

    .brand-block a:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15);
        content: ''
    }

    .brand-block a, .brand-block h6 {
        color: #fff;
    }

    .brand-block .content {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        width: 100%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .brand-block h6 {
        font-weight: 700;
    }
}

@media only screen and (min-width: 740px) {
    .brand-block {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 830px) {
    .brand-block {
        display: flex;
        flex-direction: column;
        width: 25%;
        margin-top: 0;
    }

    .no-cssgrid .brand-block {
        display: inline-block;
        vertical-align: top;
    }

    .brand-block a, .brand-block .content {
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .no-cssgrid .brand-block a, .no-cssgrid .brand-block .content {
        display: block;
    }

    .brand-block a {
        width: 100%
    }

    .brand-block .content {
        padding: 40px 30px 30px;
    }

    .brand-block h3 {
        margin-bottom: 20px;
        font-weight: 700;
    }

    .brand-block h6 {
        margin: 0;
        color: #333;
    }

    .brand-block .rte {
        display: block;
        flex: 1;
        font-weight: 600;
    }
}

@media only screen and (min-width: 1100px) {
    .brand-block .content {
        max-width: 460px;
        margin: 0 auto;
        padding: 70px 50px 60px;
    }
}

.section-spacer .spacer-medium {
    padding-top: 30px;
}

@media only screen and (min-width: 990px) {
    .section-spacer .spacer-medium {
        padding-top: 60px;
    }
}

.section-spacer .spacer-large {
    padding-top: 60px;
}

@media only screen and (min-width: 990px) {
    .section-spacer .spacer-large {
        padding-top: 90px;
    }
}

div.selector:focus {
    outline: 0;
}

.jspPane {
    position: absolute;
}

.jspTrack, div.selector {
    position: relative;
}

.jspVerticalBar .jspArrow:focus {
    outline: 0;
}

.noUi-value {
    text-align: center;
}

.noUi-tooltip, .noUi-value {
    text-align: center;
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    border: none;
}

div.selector {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-select.svg?v=9883745295335177421) no-repeat;
    background-position: right 3px;
    background-size: 7px 7px;
}

div.selector, div.selector * {
    margin: 0;
    padding: 0;
}

div.selector, div.selector span {
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    padding-right: 20px;
    cursor: pointer;
    width: 100%
}

div.selector select {
    position: absolute;
    height: 16px;
    top: 0;
    left: 0;
    width: 100%;
    background-image: none;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspHorizontalBar, .jspPane, .jspVerticalBar {
    position: absolute;
}

.jspVerticalBar {
    top: 0;
    right: 0;
    height: 100%
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%
}

.jspDrag, .jspTrack, .noUi-base, .noUi-target {
    position: relative;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dde;
}

.jspDrag {
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    direction: ltr;
    background: #FAFAFA;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-base {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-origin {
    position: absolute;
    height: 0;
    width: 0;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-draggable {
    cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}

.noUi-handle {
    position: relative;
    z-index: 1;
    border: 1px solid #D9D9D9;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value {
    position: absolute;
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #b8b8b8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    color: #999;
}

.noUi-value-sub {
    color: #ccc;
}

.noUi-marker {
    background: #ccc;
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa;
}

.noUi-pips-horizontal {
    top: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    text-align: center;
    display: block;
    border: 1px solid #D9D9D9;
    background: #fff;
    color: #333;
    padding: 5px;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

#bc-sf-filter-clearfix {
    clear: both;
}

.bc-sf-filter-clear {
    display: none;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type=checkbox] {
    display: none;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-box li {
    float: left;
    display: table;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 0;
    margin-right: 2%;
    width: 23%
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-box li a {
    display: table-cell;
    margin-bottom: 0;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-box li a.selected {
    border-color: #333;
    background: #333;
    color: #fff !important;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-box li a:hover {
    text-decoration: none;
    border-color: #333;
    background: #333;
    color: #fff;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li {
    display: inline-block;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a {
    margin-right: 6px;
    margin-bottom: 0;
    padding: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a.selected, .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-swatch li a:hover {
    border: 3px solid #333 !important;
}

.bc-sf-filter-selection-wrapper .bc-sf-filter-block-title h3, .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items {
    display: none;
}

.bc-sf-filter-block-content .noUi-target {
    height: 6px;
    margin: 0;
    box-shadow: none;
}

.bc-sf-filter-block-content .noUi-horizontal .noUi-origin .noUi-handle {
    width: 10px;
    height: 18px;
    left: -4px;
    top: -8px;
    box-shadow: none;
    cursor: pointer;
}

.bc-sf-filter-block-content .noUi-handle:after, .bc-sf-filter-block-content .noUi-handle:before {
    display: none;
}

.bc-sf-filter-block-content .noUi-connect {
    background: #242424;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-slider {
    margin: 0 7px;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-slider.has-pips {
    margin-bottom: 35px;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-amount {
    position: relative;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-amount:after {
    clear: both;
    content: '';
    display: block;
    margin-bottom: 10px;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-slider.no-ruler .noUi-marker-normal {
    display: none;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-amount input {
    width: calc(50% - 15px);
    height: 30px;
    float: left;
    margin: 0 0 10px;
    padding: 1px 5px;
    border: 1px solid #e3e3e3;
    clear: none;
}

.bc-sf-filter-block-content .bc-sf-filter-option-range-amount .bc-sf-filter-option-range-amount-split {
    float: left;
    width: 30px;
    text-align: center;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    color: #444;
    margin-left: -4px;
}

.noUi-pips-horizontal {
    left: 4px;
    height: 60px;
    width: 100%;
    padding: 0;
}

#bc-sf-filter-error {
    top: 50% !important;
    bottom: auto;
    left: 50%;
    text-align: center;
    z-index: 99;
    position: fixed;
    overflow: hidden;
}

.noUi-marker-horizontal.noUi-marker {
    width: 1px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 11px;
    margin-left: -4px;
    margin-top: -9px;
}

.noUi-marker-horizontal.noUi-marker-large:first-child {
    margin-left: -5px;
}

.jspContainer {
    width: 100% !important;
}

.jspVerticalBar {
    width: 5px;
    background: #ececec;
    cursor: pointer;
}

.jspHorizontalBar {
    height: 5px;
    background: #ececec;
}

.jspDrag {
    background: #a7a7a7;
}

.jspScrollable:focus {
    outline: 0;
}

#bc-sf-filter-loading {
    margin-top: 80px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #696765;
}

#bc-sf-filter-error {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    max-width: 100%;
    padding: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translate(-50%, -50%);
}

#bc-sf-filter-error .btn-wrapper {
    text-align: right;
    margin-top: 10px;
}

#bc-sf-filter-top-notification, #bc-sf-search-header {
    text-align: center;
}

#bc-sf-filter-error .btn-wrapper button {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
}

#bc-sf-filter-top-display-type .bc-sf-filter-display-item {
    text-indent: -999em;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-left: 10px;
}

#bc-sf-filter-notification-infinitescroll {
    text-align: center;
}

#bc-sf-filter-bottom-pagination {
    clear: both;
}

#bc-sf-search-header {
    text-transform: uppercase;
    border: none !important;
}

#bc-sf-search-form {
    position: relative;
    max-width: 60%;
    width: 100%;
    margin: 0 auto 30px;
}

#bc-sf-search-form .bc-sf-search-box {
    border: 1px solid #c5c5c5;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    padding: 10px 45px 10px 10px;
}

#bc-sf-search-form .bc-sf-filter-search-btn {
    border: 0;
    height: 26px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 4px;
    vertical-align: middle;
    width: 26px;
}

.bc-sf-search-suggestion-result {
    position: absolute;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.bc-sf-search-suggestion-header {
    background: #f7f7f7;
    text-align: right;
    padding: 2px 7px;
    color: #a0a0a0;
    text-transform: uppercase;
    border: 1px solid #eee;
    margin: 0;
}

.bc-sf-search-suggestion-item {
    padding: 5px 7px;
    margin: 0;
}

.bc-sf-search-suggestion-item:hover {
    background: #f7f7f7;
}

.bc-sf-search-suggestion-item a:hover {
    text-decoration: none;
}

.bc-sf-search-suggestion-item-product {
    overflow: hidden;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left {
    float: left;
    width: 70px;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left img {
    width: 60px;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-right {
    float: left;
    text-align: left;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-right span {
    display: block;
}

.bc-sf-filter-view-all-result {
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 5px 0;
}

.bc-sf-search-result-number {
    text-transform: uppercase;
}

#bc-sf-filter-scroll-to-top {
    display: none !important;
}

@media only screen and (min-width: 740px) {
    #bc-sf-filter-tree {
        display: block !important;
    }
}

@media only screen and (max-width: 739px) {
    .bc-sf-filter-block-content .noUi-base {
        width: 100%
    }

    .bc-sf-filter-block-content .noUi-horizontal .noUi-origin:not(:first-child) .noUi-handle {
        left: -20px;
    }

    .bc-sf-filter-block-content .noUi-horizontal .noUi-origin .noUi-handle {
        width: 22px;
    }
}

@font-face {
    font-family: bc-sf-filter-ico;
    src: url("//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/bc-sf-filter-ico.eot?1fx0e3&v=7113362512250643457");
    src: url("//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/bc-sf-filter-ico.eot?1fx0e3%23iefix&v=7113362512250643457") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/bc-sf-filter-ico.ttf?1fx0e3&v=14909203515321520148") format("truetype"), url("//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/bc-sf-filter-ico.woff?1fx0e3&v=15222002608926346383") format("woff"), url("//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/bc-sf-filter-ico.svg?1fx0e3%23icomoon&v=11737008707679714487") format("svg");
    font-weight: 400;
    font-style: normal;
}

.bc-sf-search-suggestion-wrapper {
    position: absolute;
    z-index: 99990;
}

.bc-sf-search-suggestion-wrapper *, .bc-sf-search-suggestion-mobile-top-panel * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-width: 0;
}

.bc-sf-search-suggestion {
    display: none;
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
    border-radius: 2px;
    z-index: 99990;
}

.bc-sf-search-suggestion li {
    list-style: none !important;
    clear: both;
}

.bc-sf-search-suggestion .bc-sf-search-suggestion-group li {
    float: left;
    width: 100%
}

.bc-sf-search-suggestion-header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    background: #f5f5f5;
    text-align: left;
    margin: 0;
    padding: 5px 10px 4px;
    color: #a0a0a0;
    font-size: 12px;
}

.bc-sf-search-suggestion > li:first-child > ul > li:first-child {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.bc-sf-search-suggestion-header-popular + .bc-sf-search-suggestion-item a {
    color: inherit;
}

.bc-sf-search-suggestion-header-view-all {
    text-align: center;
    background: none;
    padding-bottom: 7px;
    padding-top: 7px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    clear: both;
}

.bc-sf-search-suggestion-header-view-all > a {
    display: block;
    font-weight: 400;
    color: inherit !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

.bc-sf-search-suggestion-item {
    padding: 0 10px;
    margin: 0;
}

.bc-sf-search-suggestion-header + .bc-sf-search-suggestion-item {
    padding-top: 5px;
}

.bc-sf-search-suggestion-item:last-child {
    padding-bottom: 5px;
}

.bc-sf-search-suggestion-item > a {
    display: block;
    text-decoration: none;
    line-height: 1.375;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    overflow: visible;
    float: left;
    width: 100%
}

.bc-sf-search-suggestion-item a > b {
    font-weight: normal;
}

.bc-sf-search-suggestion-item-product {
    overflow: visible;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 10px !important;
    padding-bottom: 8px !important;
    float: left;
    width: 100%
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 70px;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-left img {
    width: auto;
    max-height: 84px;
    max-width: 100%;
    width: auto;
    max-height: 84px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.bc-sf-search-suggestion-item-product .bc-sf-search-suggestion-right {
    overflow: visible;
    vertical-align: middle;
    float: right;
    display: block;
    width: calc(100% - 80px);
}

.bc-sf-search-suggestion-product-title {
    line-height: 1.1;
    font-size: 110%;
    font-weight: 400;
    color: inherit;
    padding-bottom: 3px;
    margin-top: -3px;
}

.bc-sf-search-suggestion-product-title b {
    font-weight: normal;
}

.bc-sf-search-suggestion-product-sku {
    color: #a6a6a6;
    font-size: 85%;
    padding-bottom: 3px;
}

.bc-sf-search-suggestion-product-vendor {
    color: #666666;
    padding-bottom: 2px;
}

.bc-sf-search-suggestion-product-price {
    color: #030303;
    font-weight: 400;
    line-height: 1.1;
}

.bc-sf-search-suggestion-product-price s {
    text-decoration: line-through;
    color: #adadad;
}

.bc-sf-search-suggestion-product-price s:after {
    background-color: initial;
}

.bc-sf-search-suggestion-popover {
    position: absolute;
    top: -20px;
    right: 10%;
    overflow: hidden;
    height: 20px;
    width: 20px;
    margin: 0;
    z-index: 99991;
}

.bc-sf-search-suggestion-popover[data-direction="left"] {
    position: absolute;
    top: -20px;
    left: 10%;
    right: auto;
    overflow: hidden;
    height: 20px;
    width: 20px;
    margin: 0;
    z-index: 99991;
}

.bc-sf-search-suggestion-popover::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    height: 10px;
    width: 10px;
    margin-left: -5px;
    background-color: #f5f5f5;
    box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05), 0 1px 5px 1px rgba(39, 44, 48, 0.16);
}

.bc-sf-filter-view-all-result {
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 5px 0;
}

.bc-sf-search-suggestion-no-result {
    padding: 20px;
    color: #000;
}

.bc-sf-search-suggestion-group {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.bc-sf-search-suggestion-group ul {
    display: block !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0;
    margin: 0;
    border: none !important;
    position: relative !important;
}

.bc-sf-search-suggestion-group[aria-label="Suggestions"] .bc-sf-search-suggestion-item a {
    color: inherit;
}

.bc-sf-search-suggestion-group[aria-label="Suggestions"] .bc-sf-search-suggestion-item b {
    font-weight: normal;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym {
    padding: 20px;
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    position: relative;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym:hover {
    background: none;
    box-shadow: none;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym:before {
    content: "";
    background: #f5f5f5;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym > * {
    position: relative;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym p {
    padding: 0;
    margin: 0;
    line-height: 22px;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym p:last-child {
    margin: 0;
}

.bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym a, .bc-sf-search-suggestion-item.bc-sf-search-suggestion-dym span {
    display: inline-block;
}

.bc-sf-search-suggestion-group[data-group="products"] + .bc-sf-search-suggestion-group[data-group="products"], .bc-sf-search-suggestion-dym + .bc-sf-search-suggestion-item-product {
    border-top: 1px solid #f5f5f5;
}

.bc-sf-search-box:focus {
    outline: none;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -150px 0;
    }
    100% {
        background-position: 150px 0;
    }
}

.bc-sf-search-suggestion-loading > ul {
    margin: 10px 10px 0;
    padding: 0;
}

.bc-sf-search-suggestion-loading > ul > li {
    height: 45px;
    margin-bottom: 10px;
    position: relative;
}

.bc-sf-search-suggestion-loading > ul > li:before {
    content: "";
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee));
    width: calc(100% - 55px);
    height: 10px;
    position: absolute;
    top: 8px;
    left: 55px;
}

.bc-sf-search-suggestion-loading > ul > li:after {
    content: "";
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #e6e6e6), color-stop(33%, #eee));
    width: 50%;
    height: 10px;
    position: absolute;
    top: 28px;
    left: 55px;
}

.bc-sf-search-suggestion-loading .bc-sf-search-suggestion-loading-img {
    background-color: #f0f0f0;
    height: 100%;
    width: 30%;
    max-width: 45px;
}

body.bc-sf-search-suggestion-mobile-open {
    overflow: hidden;
    position: fixed;
    -webkit-overflow-scrolling: touch;
}

.bc-sf-search-suggestion-mobile.bc-sf-search-suggestion-wrapper {
    position: fixed;
    left: 0 !important;
    top: 50px !important;
    width: 100% !important;
    height: calc(100% - 50px);
    background: #f5f5f5;
    list-style: none;
    z-index: 9999999998;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #eee;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-popover {
    display: none !important;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    box-shadow: none;
    background: #f7f7f7;
    border-radius: 0;
    border: none !important;
    overflow-y: scroll;
    position: static !important;
    -webkit-overflow-scrolling: touch;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group {
    background: none;
    margin: 0 10px !important;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-group > ul > .bc-sf-search-suggestion-header {
    padding-top: 6px;
    padding-bottom: 6px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header {
    box-shadow: none;
    padding: 6px 5px 6px;
    border: none !important;
    text-align: center;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header-view-all {
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #eee !important;
    border-top: none !important;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 10px 5px;
    margin-bottom: 30px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion > li > ul > li {
    margin-bottom: -1px;
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-item {
    padding: 6px 10px;
    background: #fff;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-item:last-child {
    padding-bottom: 6px;
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-header + .bc-sf-search-suggestion-item {
    padding-top: 6px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym {
    margin: 0;
    padding-top: 20px !important;
    border-bottom: 0 !important;
    padding-bottom: 10px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym.bc-sf-search-suggestion-item:last-child {
    padding-bottom: 20px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym:not(:last-child):before {
    bottom: 0;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym p {
    background: #f5f5f5;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym p:first-child {
    padding-top: 6px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym p:last-child {
    padding-bottom: 6px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-item-product {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-dym + .bc-sf-search-suggestion-item-product {
    border-top: 0 !important;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-item-product:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bc-sf-search-suggestion-mobile-top-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999999998;
    height: 100%;
    padding-bottom: 1px;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.bc-sf-search-suggestion-mobile-top-panel form {
    height: 50px;
    background: #fff;
    padding-top: 0;
    margin: 0;
}

.bc-sf-search-suggestion-mobile-top-panel:after {
    display: none;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-close-suggestion {
    background: #fff;
    width: 50px;
    height: 100%;
    float: left;
    border: none;
    font-size: 0;
    position: relative;
    border-right: 1px solid #f2f2f2;
    box-shadow: none;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-btn-close-suggestion:before {
    content: "\e912";
    position: absolute;
    width: 100%;
    font-family: bc-sf-filter-ico;
    font-size: 22px;
    top: 0;
    left: 0;
    line-height: 50px;
    color: #666;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile {
    width: 50px;
    height: 100%;
    float: right;
    font-size: 0;
    position: relative;
    border: none;
    background: #fff;
    display: none;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile span {
    display: block;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile span:before {
    content: "\e904";
    position: absolute;
    width: 100%;
    font-family: bc-sf-filter-ico;
    font-size: 18px;
    top: 0;
    left: 0;
    line-height: 52px;
    color: #fff;
    text-align: center;
    border-left: none;
    margin-top: -1px;
    z-index: 2;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile span:after {
    content: "\e917";
    position: absolute;
    width: 100%;
    font-family: bc-sf-filter-ico;
    font-size: 60px;
    top: 0;
    left: 0;
    line-height: 51px;
    text-align: center;
    border-left: none;
    margin-top: -1px;
    z-index: 1;
    overflow: hidden;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile {
    display: block;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile + #bc-sf-search-box-mobile {
    width: calc(100% - 150px);
}

.bc-sf-search-suggestion-mobile-top-panel #bc-sf-search-box-mobile {
    width: calc(100% - 100px);
    height: 100%;
    padding: 5px 15px;
    margin: 0;
    background: #fff;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-radius: none;
    text-align: left;
    font-size: 18px;
}

.bc-sf-search-btn-clear-suggestion {
    background: #fff;
    width: 50px;
    height: 100%;
    float: right;
    border: none;
    font-size: 0;
    position: relative;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bc-sf-search-btn-clear-suggestion:before {
    content: "\e914";
    position: absolute;
    width: 100%;
    height: 50px;
    font-family: bc-sf-filter-ico;
    font-size: 11px;
    top: 0;
    left: 0;
    line-height: 51px;
    color: #b9b9b9;
}

.bc-sf-search-btn-clear-suggestion:focus {
    outline: none;
}

.bc-sf-search-suggestion-mobile-top-panel .bc-sf-search-submit-mobile + #bc-sf-search-box-mobile + .bc-sf-search-btn-clear-suggestion:before {
    font-size: 11px;
    line-height: 50px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-loading > ul > li {
    background: #fff;
    padding: 10px;
    height: 65px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-loading > ul > li:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion .bc-sf-search-suggestion-loading > ul > li:first-child {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-loading > ul > li:before {
    top: 18px;
    left: 65px;
    width: calc(100% - 75px);
}

.bc-sf-search-suggestion-mobile .bc-sf-search-suggestion-loading > ul > li:after {
    top: 38px;
    left: 65px;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

@media only screen and (min-width: 990px) {
    .bc-sf-search-suggestion {
        min-width: 400px !important;
    }
}

@media only screen and (min-width: 830px) {
    .bc-sf-search-suggestion-item: hover {
        background: #f7f7f7;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);
        position: relative;
        z-index: 2;
    }

    .bc-sf-search-suggestion-item a:hover {
        text-decoration: none;
        border: none;
    }

    .bc-sf-search-suggestion-header-view-all:hover {
        background: #f5f5f5;
    }

    .bc-sf-search-suggestion-mobile, .bc-sf-search-suggestion-mobile-top-panel {
        display: none !important;
    }
}

.bc-sf-search-btn-clear-suggestion {
    display: none !important;
}

.template-search #bc-sf-filter-message {
    padding-left: 15px;
}

@media only screen and (min-width: 740px) {
    .template-search #bc-sf-filter-message {
        padding-left: 20px;
    }
}

#bc-sf-filter-bottom-pagination {
    margin-top: 20px;
    text-align: center;
}

#bc-sf-filter-bottom-pagination ul {
    margin: 0;
    padding: 0;
}

#bc-sf-filter-bottom-pagination li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
}

#bc-sf-filter-bottom-pagination li.disabled {
    display: none;
}

#bc-sf-filter-bottom-pagination li a, #bc-sf-filter-bottom-pagination li span {
    display: block;
    color: #333;
    padding: 4px;
    text-decoration: none;
}

.template-collection .main-content {
    max-width: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.template-collection .no-results {
    padding: 40px 15px 26px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-collection .no-results {
        padding: 50px 30px 36px;
    }
}

.template-collection .no-results h1, .collection-banner h1 {
    margin-bottom: 20px;
}

@media only screen and (min-width: 740px) {
    .template-collection .no-results h1, .collection-banner h1 {
        font-size: 26px;
    }
}

.collection-banner {
    padding: 40px 15px 26px;
    text-align: center;
}

.collection-banner .inner {
    max-width: 480px;
    margin: 0 auto;
}

.collection-banner img {
    width: 100%;
    display: none;
}

.collection-banner .read-more {
    white-space: nowrap;
}

@media only screen and (min-width: 740px) {
    .collection-banner {
        padding: 0;
    }

    .collection-banner.has-image {
        position: relative;
        margin-bottom: 24px;
    }

    .collection-banner.has-image .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: left;
        padding: 30px 30px 16px;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .collection-banner.has-image h1 {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }

    .collection-banner.has-image .description {
        margin-left: 0;
        margin-right: 0;
    }

    .collection-banner .inner {
        max-width: 1260px;
        padding: 50px 30px 36px;
    }

    .collection-banner h1 {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .collection-banner img {
        display: block;
    }

    .collection-banner .description {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }
}

.filters-outer, .product-grid, .collection-description-footer {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 740px) {
    .filters-outer, .product-grid, .collection-description-footer {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.filters-outer {
    margin-bottom: 24px;
}

@media only screen and (min-width: 740px) {
    .filters-outer {
        margin-bottom: 44px;
    }
}

.filters-outer .inner {
    padding: 20px 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

@media only screen and (min-width: 740px) {
    .filters-outer .inner {
        border-top: 0;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .inner {
        position: relative;
    }
}

.filters-outer h2, .filters-outer h3, .filters-outer label {
    margin-bottom: 0;
    font-size: 11px;
    letter-spacing: 0.08rem;
}

.filters-outer h2 {
    margin-top: 0;
    line-height: 16px;
    letter-spacing: 0.08em;
}

.filters-outer h2 a {
    display: block;
    color: #333;
}

.filters-outer label {
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.filters-outer div.selector span, .filters-outer select {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 0;
}

.filters-outer div.selector, .filters-outer div.selector span {
    width: auto !important;
}

.filters-outer select {
    padding: 0;
}

.filters-outer div.selector {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 829px) {
    .filters-outer div.selector select {
        font-size: 16px;
    }
}

.filters-outer .filter-bar {
    float: left;
    width: 50%;
    padding-left: 20px;
    border-left: 1px solid #f3f3f3;
    line-height: 1;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filter-bar {
        width: 25%
    }
}

.filters-outer .filter-bar h2 {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    text-transform: uppercase;
}

.filters-outer .filter-bar h2 a {
    padding-right: 20px;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-select.svg?v=9883745295335177421) no-repeat;
    background-position: right 3px;
    background-size: 7px 7px;
}

.filters-outer .filters-dropdown {
    position: fixed;
    top: 0;
    z-index: 500;
    width: 320px;
    background: #fff;
    border-left: 1px solid #f3f3f3;
    line-height: 1.6;
}

.filters-outer .filters-dropdown .filters-heading {
    padding: 0 20px;
}

.filters-outer .filters-dropdown .filters-heading h2, .filters-outer .filters-dropdown .filters-subheading h2 {
    display: block;
    font-size: 14px;
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
}

.filters-outer .filters-dropdown .filters-subheading {
    cursor: pointer;
    padding: 0 20px;
}

.filters-outer .filters-dropdown .filters-subheading h2 {
    padding-left: 26px;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-left-arrow.svg?v=17240941214499723898) no-repeat left center;
}

.filters-outer .filters-dropdown .btn-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 30;
    width: 100%;
    height: 85px;
    padding: 20px 20px 0;
    background: #fff;
    border-top: 1px solid #f3f3f3;
}

.filters-outer .filters-dropdown .btn {
    display: block;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-dropdown {
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 20;
        display: none;
        width: 100%;
        border: 1px solid #f3f3f3;
        border-top: 0;
    }

    .filters-outer .filters-dropdown .filters-heading, .filters-outer .filters-dropdown .filters-subheading, .filters-outer .filters-dropdown .btn-wrapper {
        display: none;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-dropdown {
        display: block !important;
        right: -320px;
        height: 100%;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .mobile-filters-shown .filters-outer .filters-dropdown {
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .no-csstransforms3d .filters-outer .filters-dropdown {
        transition: right 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .no-csstransforms3d.mobile-filters-shown .filters-outer .filters-dropdown {
        right: 0;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .filters-outer .filters-dropdown .filters {
        height: 100%;
        height: calc(100% - 136px);
        padding: 0 20px;
        overflow-y: auto;
        letter-spacing: 0.04em;
    }
}

.filters-outer .bc-sf-filter-selection-wrapper .bc-sf-filter-block-title {
    padding: 0;
    border: 0;
}

.filters-outer .selected-filters {
    margin-top: 2px;
    font-size: 10px;
    color: #696765;
    line-height: 1.2;
}

@media only screen and (min-width: 830px) {
    .filters-outer .selected-filters {
        display: none;
    }
}

.filters-outer .bc-sf-filter-clear-all {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    padding-right: 20px;
    font-size: 11px;
    color: #696765;
}

@media only screen and (min-width: 830px) {
    .filters-outer .bc-sf-filter-clear-all {
        display: none;
    }
}

.filters-outer .bc-sf-filter-clear {
    font-size: 11px;
    font-weight: 400;
    color: #696765;
}

@media only screen and (max-width: 829px) {
    .filters-outer .bc-sf-filter-clear {
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        padding-right: 20px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .bc-sf-filter-clear {
        font-size: 9px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }
}

.filters-outer .filters-product-type, .filters-outer .filters-sizes {
    position: relative;
    display: none;
}

.filters-outer .filters-product-type .filters-dropdown, .filters-outer .filters-sizes .filters-dropdown {
    margin-top: 21px !important;
    padding: 18px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.filters-outer .filters-product-type .filters-dropdown a, .filters-outer .filters-sizes .filters-dropdown a {
    display: block;
    padding: 2px;
    color: #333;
}

@media only screen and (min-width: 740px) {
    .filters-outer .filters-product-type .filters-dropdown a: hover, .filters-outer .filters-product-type .filters-dropdown a:focus, .filters-outer .filters-sizes .filters-dropdown a:hover, .filters-outer .filters-sizes .filters-dropdown a:focus {
        color: #a8123e;
    }
}

.filters-outer .filters-product-type .filters-dropdown a.bc-sf-filter-clear, .filters-outer .filters-sizes .filters-dropdown a.bc-sf-filter-clear {
    color: #696765;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-product-type .filters-dropdown a.selected, .filters-outer .filters-sizes .filters-dropdown a.selected {
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1px;
        border-bottom: 1px solid #333;
        color: #333;
    }
}

.filters-outer .filters-product-type {
    padding-left: 0;
    border-left: 0;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-product-type {
        display: block;
    }
}

.filters-outer .filters-product-type h3 {
    margin-top: -15px;
    margin-bottom: 4px;
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
    color: #696765;
}

.filters-outer .filters-product-type .filters-dropdown {
    margin: 0;
    list-style: none;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-sizes {
        display: block;
    }
}

.filters-outer .filters-sizes h3 {
    display: none;
}

.filters-outer .filters-sizes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
}

.filters-outer .filters-fragrances .filters-dropdown {
    text-align: left;
}

.filters-outer .filters-fragrances .filters-dropdown h3 {
    margin-bottom: 0;
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .filters-dropdown h3 {
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 0.01em;
        text-transform: none;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-fragrances .filters-dropdown {
        margin-top: 1px !important;
        padding: 24px 14px 20px;
    }

    .filters-outer .filters-fragrances .filters-dropdown h3 {
        text-transform: uppercase;
        margin-bottom: 12px;
    }
}

@media only screen and (min-width: 990px) {
    .filters-outer .filters-fragrances .filters-dropdown {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block {
        float: left;
        width: 25%;
        padding: 0 10px;
    }

    .filters-outer .filters-fragrances .bc-sf-filter-option-block:nth-child(n+5) {
        margin-top: 18px;
    }
}

.filters-outer .filters-fragrances .bc-sf-filter-option-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block ul {
        height: 100%;
        height: calc(100% - 136px);
        padding: 0 20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block ul a {
        position: relative;
    }
}

.filters-outer .filters-fragrances .bc-sf-filter-option-block a {
    display: block;
    color: #333;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block a {
        padding: 2px 0;
    }

    .filters-outer .filters-fragrances .bc-sf-filter-option-block a:hover, .filters-outer .filters-fragrances .bc-sf-filter-option-block a:focus {
        color: #a8123e;
    }

    .filters-outer .filters-fragrances .bc-sf-filter-option-block a.selected {
        display: inline-block;
        margin-bottom: 4px;
        padding-bottom: 1px;
        border-bottom: 1px solid #333;
        color: #333;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block a: after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 17px;
        height: 100%;
        background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-tick.svg?v=2962018816730664554) no-repeat -17px center;
    }

    .filters-outer .filters-fragrances .bc-sf-filter-option-block a.selected {
        padding-right: 27px;
        font-weight: 600;
    }

    .filters-outer .filters-fragrances .bc-sf-filter-option-block a.selected:after {
        background-position: right center;
    }
}

.filters-outer .filters-fragrances .bc-sf-filter-option-block a.bc-sf-filter-clear {
    color: #696765;
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block a.bc-sf-filter-clear {
        display: none;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block a.bc-sf-filter-clear {
        margin-top: -14px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances .bc-sf-filter-option-block.active a.bc-sf-filter-clear {
        display: block;
    }
}

.filters-outer .filters-fragrances #bc-sf-filter-option-block-fragrance-family .bc-sf-filter-block-content a {
    padding-left: 40px;
    background-position: left center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 829px) {
    .filters-outer .filters-fragrances #bc-sf-filter-option-block-fragrance-family .bc-sf-filter-block-content a {
        background-size: 22px auto;
        background-position: 2px center;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-fragrances #bc-sf-filter-option-block-fragrance-family .bc-sf-filter-block-content a {
        padding-left: 20px;
    }

    .filters-outer .filters-fragrances #bc-sf-filter-option-block-fragrance-family .bc-sf-filter-block-content a.selected {
        position: relative;
        padding-bottom: 2px;
        border-bottom: 0;
    }

    .filters-outer .filters-fragrances #bc-sf-filter-option-block-fragrance-family .bc-sf-filter-block-content a.selected:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 20px;
        width: calc(100% - 20px);
        height: 1px;
        background: #333;
    }
}

.filters-outer .filters-sorting {
    text-align: center;
}

@media only screen and (min-width: 830px) {
    .filters-outer .filters-sorting {
        text-align: left;
    }
}

.filters-outer .filters-mobile {
    display: none;
}

@media only screen and (max-width: 829px) {
    .filters-outer .bc-sf-filter-block-title-inner {
        padding: 18px 0;
        border-bottom: 1px solid #f3f3f3;
        cursor: pointer;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .bc-sf-filter-block-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .no-csstransforms3d .filters-outer .bc-sf-filter-block-content {
        left: 100%;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .filters-outer .bc-sf-filter-block-content a {
        padding: 18px 0;
        border-bottom: 1px solid #f3f3f3;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer .active .bc-sf-filter-block-content {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .no-csstransforms3d .filters-outer .active .bc-sf-filter-block-content {
        left: 0;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer.product-type-dropdown-hidden .filters-fragrances {
        padding-left: 0;
        border-left: 0;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer.product-type-dropdown-hidden.all-fragrances-dropdown-hidden .filters-sizes {
        padding-left: 0;
        border-left: 0;
    }
}

@media only screen and (min-width: 830px) {
    .filters-outer.product-type-dropdown-hidden.all-fragrances-dropdown-hidden.sizes-dropdown-hidden .filters-sorting {
        padding-left: 0;
        border-left: 0;
    }
}

@media only screen and (min-width: 830px) and (max-width: 989px) {
    .filters-outer.product-type-dropdown-hidden .filter-bar, .filters-outer.all-fragrances-dropdown-hidden .filter-bar, .filters-outer.sizes-dropdown-hidden .filter-bar {
        width: 33.33%
    }
}

@media only screen and (max-width: 829px) {
    .filters-outer.all-fragrances-dropdown-hidden .filters-sorting {
        float: none;
        width: auto;
        padding-left: 0;
        border-left: 0;
    }
}

.product-grid .grid {
    margin-left: -15px;
}

.product-grid .grid__item {
    padding-left: 15px;
}

@media only screen and (min-width: 740px) {
    .product-grid .grid {
        margin-left: -20px;
    }

    .product-grid .grid__item {
        padding-left: 20px;
    }
}

.product-grid-item {
    position: relative;
    margin-bottom: 40px;
}

.product-grid-item.grid__item {
    margin-bottom: 40px;
}

.product-grid-item.sold-out .quick-add-to-cart, .product-grid-item.sold-out .quick-view {
    display: none;
}

.product-grid-item .quick-add-to-cart, .product-grid-item .quick-view {
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: block;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 740px) {
    .product-grid-item .quick-add-to-cart, .product-grid-item .quick-view {
        opacity: 0;
    }
}

.product-grid-item .quick-add-to-cart {
    left: 0;
    width: 100%
}

@media only screen and (min-width: 740px) {
    .product-grid-item .quick-add-to-cart {
        width: 50%
    }
}

.product-grid-item .quick-view {
    display: none;
    right: 0;
    width: 50%;
    background: #f7f7f6;
    border-color: #f7f7f6;
    color: #696765;
}

.product-grid-item .quick-view.disable-purchase {
    width: 100%
}

@media only screen and (min-width: 740px) {
    .product-grid-item .quick-view {
        display: block;
    }
}

.product-grid-item .quick-view:hover, .product-grid-item .quick-view:focus {
    color: #a8123e;
}

.product-grid-item .product-image {
    position: relative;
    background: #fff;
    margin-bottom: 18px;
    padding: 23% 0;
}

@media only screen and (min-width: 740px) {
    .product-grid-item .product-image {
        margin-bottom: 22px;
    }

    .product-grid-item .product-image:hover .quick-add-to-cart, .product-grid-item .product-image:hover .quick-view, .product-grid-item .product-image:focus .quick-add-to-cart, .product-grid-item .product-image:focus .quick-view {
        opacity: 1;
    }
}

.product-grid-item .product-image img {
    width: 100%
}

@media only screen and (min-width: 740px) {
    .product-grid-item: hover .wishlist-heart, .product-grid-item:focus .wishlist-heart {
        opacity: 1;
    }
}

.product-grid-item a {
    display: block;
}

.product-grid-item h3 {
    margin-bottom: 2px;
    font-size: 14px;
    text-transform: none;
    color: #333;
}

.product-grid-item .price {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #696765;
}

.product-grid-item .wishlist-heart {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 10;
}

@media only screen and (min-width: 740px) {
    .product-grid-item .wishlist-heart {
        top: 6px;
        right: 4px;
        opacity: 0;
        transition: opacity 0.2s;
    }
}

.collection-description-footer {
    margin-bottom: -56px;
    font-size: 12px;
    text-align: center;
}

.collection-description-footer .inner {
    padding: 30px 15px 15px 15px;
    background: #f7f7f6;
}

.collection-description-footer h2 {
    margin-bottom: 24px;
    font-size: 20px;
    letter-spacing: 0.04em;
    text-transform: none;
}

@media only screen and (min-width: 740px) {
    .collection-description-footer {
        font-size: 14px;
        text-align: left;
    }

    .collection-description-footer .inner {
        padding: 50px 60px 36px 60px;
    }

    .collection-description-footer h2 {
        font-size: 24px;
    }
}

.popup-quick-view {
    max-width: 960px;
    text-align: center;
}

.popup-quick-view .wrapper {
    padding: 0;
}

.popup-quick-view .slick-dots {
    margin-top: -40px;
    padding-bottom: 10px;
}

.popup-quick-view #product__reviews-container--desktop, .popup-quick-view #product__reviews-container--mobile, .popup-quick-view .breadcrumb, .popup-quick-view .social-sharing {
    display: none;
}

@media only screen and (min-width: 740px) {
    .popup-quick-view {
        text-align: left;
    }

    .popup-quick-view .grid {
        display: flex;
        margin-left: 0;
    }

    .popup-quick-view .grid__item {
        padding-left: 0;
    }

    .popup-quick-view .product-images, .popup-quick-view .product-details {
        flex: 0 1 auto;
        width: 50%
    }

    .popup-quick-view .product-images {
        position: relative;
        display: flex;
        align-items: center;
        background-color: #f7f7f6;
    }

    .popup-quick-view .product-image {
        background-color: transparent;
    }

    .popup-quick-view .product-details {
        padding-bottom: 46px;
    }

    .popup-quick-view .slick-dots {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-top: 0;
    }
}

.popup-quick-view .product-image {
    width: 100%;
    background-color: #f7f7f6;
}

.popup-quick-view .product-details {
    position: relative;
    padding-left: 20px;
    padding-bottom: 60px;
}

.popup-quick-view .product-details .rte, .popup-quick-view .product-accordion {
    display: none;
}

.popup-quick-view .quick-view-link {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    display: block;
    padding-top: 15px;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.04em;
    border-top: 1px solid #f3f3f3;
    text-align: center;
    text-transform: uppercase;
}

.popup-quick-view .arrow-block {
    position: static;
    overflow: visible;
    z-index: auto;
    height: auto;
}

.popup-quick-view .arrow-block .arrow {
    display: none;
}

.template-product .main-content {
    text-align: center;
    max-width: none;
    padding: 0;
}

@media only screen and (min-width: 740px) {
    .template-product .main-content {
        text-align: left;
    }
}

.template-product .main-product-info {
    background-color: #fff;
}

@media only screen and (min-width: 740px) {
    .template-product .main-product-info .wrapper {
        padding-bottom: 60px;
    }
}

.template-product .quick-view-link {
    display: none;
}

.template-product .popup-product .inner {
    padding-top: 54px;
    padding-bottom: 26px;
}

@media only screen and (min-width: 480px) {
    .template-product .popup-product .inner {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 740px) {
    .template-product .popup-product .inner {
        padding-bottom: 60px;
    }
}

.template-product .popup-product .grid {
    margin-left: -15px;
}

.template-product .popup-product .grid__item {
    padding-left: 15px;
}

@media only screen and (min-width: 480px) {
    .template-product .popup-product .grid {
        margin-left: -30px;
    }

    .template-product .popup-product .grid__item {
        padding-left: 30px;
    }
}

.template-product .popup-product h2 {
    max-width: 370px;
    margin: 0 auto 36px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
}

@media only screen and (min-width: 740px) {
    .template-product .popup-product h2 {
        margin-bottom: 54px;
    }
}

.template-product .popup-product h3 {
    margin-bottom: 14px;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
}

@media only screen and (min-width: 740px) {
    .template-product .popup-product h3 {
        margin-bottom: 18px;
        font-size: 18px;
    }
}

.template-product .popup-product .popup-product-image {
    background: #f7f7f6;
}

.template-product .popup-product .popup-product-image, .template-product .popup-product .popup-product-details {
    margin-bottom: 15px;
}

@media only screen and (min-width: 480px) {
    .template-product .popup-product .popup-product-image, .template-product .popup-product .popup-product-details {
        margin-bottom: 0;
    }
}

.template-product .popup-product img {
    width: 100%
}

.template-product .popup-product .quantity {
    font-size: 13px;
    font-weight: 600;
    color: #c5c5c5;
    text-transform: uppercase;
}

@media only screen and (min-width: 480px) {
    .template-product .popup-product .quantity {
        margin-bottom: 24px;
    }
}

.template-product .popup-product .continue-link {
    margin: 24px 0 0;
    text-align: center;
    color: #333;
}

@media only screen and (min-width: 480px) {
    .template-product .popup-product .continue-link {
        margin-top: 14px;
    }
}

.template-product .popup-product .continue-link a {
    padding-bottom: 0;
    border-bottom: 0;
    color: #333;
}

.template-product .product-slide .product-slide__video {
    height: auto;
    padding-top: 100%;
    position: relative;
}

.template-product .product-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.template-product .product-slide iframe {
    left: 0;
    height: 100% !important;
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 100% !important;
}

.template-product .product-slide.vimeo {
    background-color: #fff;
}

.template-product .social-sharing {
    text-align: left;
}

.popup-quick-view .product-slider-nav {
    display: none;
}

.template-product .product-image img, .popup-quick-view .product-image img {
    width: 100%
}

.template-product .afterpay, .popup-quick-view .afterpay {
    margin-bottom: 26px;
}

@media only screen and (min-width: 740px) {
    .template-product .product-details, .popup-quick-view .product-details {
        text-align: left;
    }
}

.template-product .product-details .product-price, .popup-quick-view .product-details .product-price {
    margin: 0;
    font-size: 22px;
    font-weight: 300;
}

@media only screen and (min-width: 740px) {
    .template-product .product-details .product-price, .popup-quick-view .product-details .product-price {
        font-size: 24px;
    }
}

.template-product .product-details .product-options, .template-product .product-details .product-actions, .popup-quick-view .product-details .product-options, .popup-quick-view .product-details .product-actions {
    margin-top: 20px;
}

.template-product .product-details .product-quantity, .popup-quick-view .product-details .product-quantity {
    width: 79%;
    text-align: left;
    display: flex;
    align-items: center;
}

.template-product .product-details .product-quantity label, .popup-quick-view .product-details .product-quantity label {
    min-width: 33%;
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-product .product-details .product-quantity .js-qty, .popup-quick-view .product-details .product-quantity .js-qty {
    width: 60%
}

.template-product .product-details .product-quantity .js-qty input[type=text], .popup-quick-view .product-details .product-quantity .js-qty input[type=text] {
    padding-left: 33%;
    padding-right: 33%
}

.template-product .product-details .product-quantity .js-qty__adjust, .popup-quick-view .product-details .product-quantity .js-qty__adjust {
    min-width: 33%
}

.template-product .product-details .errors, .popup-quick-view .product-details .errors {
    margin-top: 20px;
    color: #d02e2e;
}

.template-product .product-details .send, .popup-quick-view .product-details .send {
    width: 100%;
    margin-top: 20px;
}

.template-product .product-details .send .btn, .popup-quick-view .product-details .send .btn {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.template-product .iWishLoginMsg, .popup-quick-view .iWishLoginMsg {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.2;
    color: #696765;
}

@media only screen and (min-width: 740px) {
    .template-product .iWishLoginMsg, .popup-quick-view .iWishLoginMsg {
        text-align: right;
    }
}

@media only screen and (min-width: 480px) and (max-width: 739px), only screen and (min-width: 1260px) {
    .template-product .product-details .product-quantity {
        width: auto;
        padding-right: 16px;
    }

    .template-product .product-details .product-quantity label {
        min-width: 86px;
        padding-right: 20px;
    }

    .template-product .product-details .product-quantity .js-qty {
        width: 105px;
    }

    .template-product .product-details .product-quantity .js-qty input[type=text] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .template-product .product-details .product-quantity .js-qty__adjust {
        min-width: 30px;
    }

    .template-product .product-details .send {
        flex: 1 1 auto;
        width: auto;
        margin-top: 0;
    }
}

.product-title {
    margin-bottom: 18px;
    font-size: 22px;
    font-weight: 400;
}

@media only screen and (min-width: 740px) {
    .product-title {
        margin-bottom: 14px;
        font-size: 32px;
        text-align: left;
    }
}

.product-description {
    display: none;
    margin-bottom: 30px;
    text-align: left;
}

@media only screen and (min-width: 740px) {
    .product-description {
        display: block;
        margin-top: 30px;
        margin-bottom: 50px;
    }
}

.selector-wrapper {
    display: flex;
    margin-bottom: 20px;
}

.selector-wrapper .product-option-label, .selector-wrapper .product-option {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.selector-wrapper .product-option-label {
    min-width: 26.069%;
    padding: 13px 10px 13px 0;
    text-align: left;
}

@media only screen and (min-width: 480px) and (max-width: 739px), only screen and (min-width: 1260px) {
    .selector-wrapper .product-option-label {
        min-width: 86px;
        padding-right: 20px;
    }
}

.selector-wrapper .product-option-buttons {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin: 0 -1px -1px 0;
    padding: 1px 0 0 1px;
}

.selector-wrapper .product-option-radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.selector-wrapper .product-option-radio:checked + .product-option {
    position: relative;
    z-index: 1;
    border-color: #a8123e;
    color: #a8123e;
}

.selector-wrapper .product-option {
    flex: 1;
    margin-top: -1px;
    margin-left: -1px;
    padding: 12px;
    border: 1px solid #eee;
    text-align: center;
}

.selector-wrapper .many-options .product-option {
    flex: 0 0 50%
}

.product-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product-actions.disable-purchase {
    flex-wrap: nowrap;
}

.product-actions.disable-purchase .product-wishlist {
    width: auto;
    padding-left: 14px;
    order: 10;
}

.product-actions.disable-purchase .send {
    flex: 1 1 auto;
    width: auto;
    margin-top: 0;
}

@media only screen and (min-width: 480px) and (max-width: 739px), only screen and (min-width: 1260px) {
    .template-product .product-actions {
        flex-wrap: nowrap;
    }
}

.product-wishlist {
    width: 21%;
    height: 23px;
    text-align: center;
}

@media only screen and (min-width: 480px) and (max-width: 739px), only screen and (min-width: 1260px) {
    .template-product .product-wishlist {
        width: auto;
        padding-left: 14px;
        order: 10;
    }
}

.product-wishlist .iwishAddWrap {
    display: inline-block;
}

.product-wishlist .wishlist-heart {
    width: 23px;
    height: 23px;
    padding: 0;
}

.product-wishlist .wishlist-heart:before {
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background-image: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-heart-product.svg?v=18255441659435438821);
}

.product-wishlist .wishlist-heart:hover:before, .product-wishlist .wishlist-heart:focus:before {
    background-position: 0 -46px;
}

.product-wishlist .wishlist-heart.iwishAdded:before {
    background-position: 0 -23px;
}

.product-wishlist .wishlist-heart.iwishAdded:hover:before, .product-wishlist .wishlist-heart.iwishAdded:focus:before {
    background-position: 0 -69px;
}

.product-sku {
    margin: 10px 0 0;
    padding: 0;
    line-height: 1;
}

.product-sku-top {
    display: none;
}

@media only screen and (min-width: 480px) {
    .product-sku-bottom {
        display: none;
    }

    .product-sku-top {
        display: block;
        margin-top: 28px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 739px) {
    .product-sku {
        margin-bottom: 28px;
    }
}

.upsell-banner {
    background-color: #f7f7f6;
    display: none;
    font-size: 0.79rem;
    grid-gap: 0 10px;
    grid-template-columns: 60px 1fr;
    line-height: 1.5;
    margin: 20px 0;
    padding: 10px;
}

@media only screen and (min-width: 375px) {
    .upsell-banner {
        grid-gap: 0 20px;
        grid-template-columns: 80px 1fr;
        padding: 20px;
    }
}

@media only screen and (min-width: 480px) {
    .upsell-banner {
        margin-bottom: 0;
    }
}

.upsell-banner .hidden {
    display: none;
}

.upsell-banner.is-added .icon-tick {
    display: inline-block;
}

.upsell-banner.is-added .icon-plus {
    display: none;
}

.upsell-banner.is-added .upsell__footer * {
    color: #97C68F;
}

.upsell__button {
    background-color: transparent;
    border: 0;
    font-size: 0.857rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.28rem;
    padding: 0;
    text-transform: uppercase;
    transition: linear color .2s;
}

.upsell__button .icon-plus {
    height: 0.714rem;
    margin-right: 8px;
    margin-top: -2px;
    width: 0.714rem;
    transition: ease transform .2s;
}

.upsell__button .icon-tick {
    display: none;
    height: 0.714rem;
    margin-right: 8px;
    width: 0.714rem;
}

.upsell__button:hover {
    color: #a8123e;
    transition: linear color .2s;
}

.upsell__button:hover .icon-plus {
    color: #a8123e;
    transform: rotate(180deg);
    transition: ease transform .2s, linear color .2s;
}

.upsell__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.upsell__content {
    color: #999999;
    margin-bottom: 11px;
}

.upsell__content *:last-child {
    margin-bottom: 0;
}

.upsell__description {
    text-align: left;
}

.upsell__price {
    font-size: 0.857rem;
}

.upsell__title {
    font-size: 0.857rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
}

.product-image-slideshow .slick-dots li button, .popup-quick-view .product-images .slick-dots li button {
    border-color: #f2f0eb;
    background-color: #f2f0eb;
}

.product-image-slideshow .slick-dots li.slick-active button, .popup-quick-view .product-images .slick-dots li.slick-active button {
    background-color: #a8123e;
    border-color: #a8123e;
}

.slick-arrow.slick-disabled {
    opacity: .3;
    cursor: initial;
}

.product-slider-nav {
    grid-area: nav;
    grid-gap: 9px;
    grid-template-columns: repeat(auto-fill, 50px);
    justify-content: start;
    margin: 22px 44px;
}

@media only screen and (min-width: 830px) {
    .product-slider-nav {
        display: grid;
        align-items: start;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill, 90px);
    }
}

.product-slider-nav .slick-track {
    display: grid;
    grid-area: nav;
    grid-gap: 9px;
    grid-template-columns: repeat(auto-fill, 50px);
    justify-content: start;
}

.product-slider-nav .slick-track:before {
    display: none;
}

.product-slider-nav .product-slide {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.product-slider-nav .product-slide:last-child img {
    padding-right: 0;
}

.product-slider-nav .product-slide:hover img {
    opacity: .6;
}

.product-slider-nav .product-slide img {
    border: 1px solid transparent;
    opacity: .4;
}

.product-slider-nav .product-slide.slick-current img {
    border: 1px solid #a8123e;
    opacity: 1;
}

.product-image-slideshow {
    grid-area: slider;
    margin-top: 15px;
    padding: 0 44px;
}

@media only screen and (min-width: 740px) {
    .product-image-slideshow {
        margin-top: 0;
    }
}

.product-image-slideshow .slick-dots {
    margin: 15px 0 0 0;
}

.product-image-slideshow .slick-prev:before, .product-image-slideshow .slick-next:before {
    opacity: 1;
    border-bottom: 1px solid #a8123e;
    border-right: 1px solid #a8123e;
}

.product-image-slideshow .slick-prev {
    left: 10px;
}

.product-image-slideshow .slick-next {
    right: 10px;
}

.popup-quick-view .product-image-slideshow .slick-prev {
    left: 10px;
}

.popup-quick-view .product-image-slideshow .slick-next {
    right: 10px;
}

.product-accordion {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.product-accordion li {
    margin-bottom: 0;
}

.product-accordion li:first-child .product-accordion-title {
    border-top: 0;
}

.product-accordion .accordion-content {
    margin-bottom: 0;
    padding-bottom: 10px;
}

@media only screen and (min-width: 740px) {
    .product-accordion {
        margin-top: 45px;
    }

    .product-accordion li:nth-child(2) .product-accordion-title {
        border-top: 0;
    }

    .product-accordion .accordion-content {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.product-accordion-title {
    position: relative;
    margin: 0;
    padding: 20px 30px 20px 0;
    border-top: 1px solid #eee;
    font-size: 18px;
    font-weight: 300;
    text-transform: inherit;
}

.product-accordion-title:before, .product-accordion-title:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: '';
    background: #252525;
    border-radius: 1px;
    transition: all 0.2s ease-out;
}

.product-accordion-title:before {
    width: 1px;
    height: 25px;
    margin-top: -12px;
    margin-right: 12px;
}

.product-accordion-title:after {
    width: 25px;
    height: 1px;
}

.product-accordion-title.active {
    color: #a8123e;
}

.product-accordion-title.active:before, .product-accordion-title.active:after {
    background: #a8123e;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (min-width: 740px) {
    .product-accordion-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product-accordion-title:before {
        height: 19px;
        margin-top: -9px;
        margin-right: 9px;
    }

    .product-accordion-title:after {
        width: 19px;
    }
}

.afterpay {
    margin-top: 5px;
}

.afterpay p, .afterpay a {
    color: #696765;
    font-size: 11px;
}

.afterpay a {
    text-decoration: underline;
}

.afterpay-logo {
    display: inline-block;
    width: 65px;
    vertical-align: middle;
}

.product-upsell .wrapper {
    padding: 10px 15px 50px 15px;
    max-width: 1191px;
}

@media only screen and (min-width: 740px) {
    .product-upsell .wrapper {
        padding-bottom: 106px;
    }
}

.product-upsell h1 {
    padding-right: 15px;
}

@media only screen and (min-width: 740px) {
    .product-upsell .product-intro {
        width: 620px;
    }
}

.product-upsell .product-intro h3 {
    margin-top: 22px;
    text-transform: inherit;
    letter-spacing: 0;
    font-size: 12px;
    text-align: left;
}

.product-upsell .product-intro h3 .align-arrow {
    position: relative;
}

.product-upsell .product-intro h3 .align-arrow:before {
    position: absolute;
    top: 2px;
    right: -15px;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transition: opacity 0.2s;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 740px) {
    .product-upsell .product-intro-image {
        width: 100%
    }
}

.product-upsell .product-intro-image a {
    position: relative;
    display: block;
}

.product-upsell .product-intro-image h6 {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
}

.product-upsell .product-intro-image img {
    width: 100%
}

.product-upsell .product-grid-item {
    width: 285px;
}

.product-upsell .product-grid-item h3, .product-upsell .product-grid-item .price {
    text-align: left;
}

@media only screen and (min-width: 740px) {
    .product-upsell .product-image {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 740px) {
    .product-upsell .slick-track {
        padding: 0 15px 0 0;
    }
}

.product-upsell .slick-slide {
    margin: 0 76.5px;
}

.product-upsell .slick-prev, .product-upsell .slick-next {
    background-color: white;
    height: 35px;
    width: 35px;
    top: 45%;
    border-radius: 0;
    display: none !important;
}

.product-upsell .slick-prev:before, .product-upsell .slick-next:before {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    top: 13px;
    opacity: 1;
}

.product-upsell .slick-prev:before {
    left: 14px;
}

.product-upsell .slick-disabled {
    opacity: 0.3;
}

.product-upsell-slideshow {
    opacity: 0;
    transition: all 100ms ease;
}

.product-upsell-slideshow.slick-initialized {
    opacity: 1;
}

.product-recommendations h1 {
    font-size: 24px;
}

.product-recommendations .product-image {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 739px) {
    .product-recommendations h1 {
        margin-bottom: 20px;
    }
}

.product-chat-link {
    margin-bottom: 50px;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .product-chat-link {
        margin-bottom: 45px;
    }
}

.product-chat-link a {
    border-bottom: 1px solid;
}

.brand-props {
    display: none;
}

@media only screen and (min-width: 740px) {
    .brand-props {
        display: flex;
    }
}

.brand-prop-block {
    transition: opacity 0.2s;
}

.brand-prop-block .arrow-block {
    position: static;
}

.brand-prop-block .arrow {
    transition: background-color 0.2s;
}

@media only screen and (min-width: 740px) {
    .brand-prop-block {
        flex-basis: 50%;
        position: relative;
        max-height: 460px;
        overflow: hidden;
        cursor: pointer;
    }
}

.open .brand-prop-block {
    opacity: 0.5;
}

.open .brand-prop-block .arrow {
    background-color: #fff;
    transition: background-color 0s;
}

.open .brand-prop-block.active {
    opacity: 1;
}

.brand-prop-block img {
    width: 100%
}

@media only screen and (min-width: 740px) {
    .brand-prop-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        text-align: center;
        color: #fff;
        z-index: 1;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.brand-prop-inner h2 {
    font-weight: 400;
    margin-bottom: 16px;
}

@media only screen and (min-width: 740px) {
    .brand-prop-inner h2 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 830px) {
    .brand-prop-inner h2 {
        font-size: 26px;
    }
}

.brand-prop-inner h6 {
    margin: 0;
    font-size: 12px;
    color: #fff;
}

.brand-prop-dropdown-content {
    display: none;
    text-align: center;
}

.brand-prop-dropdown-content .right {
    padding-top: 50px;
}

@media only screen and (min-width: 740px) {
    .brand-prop-dropdown-content.active {
        height: auto;
        display: block;
    }

    .brand-prop-dropdown-content .flex-grid {
        display: flex;
    }

    .brand-prop-dropdown-content .left, .brand-prop-dropdown-content .right {
        flex-basis: 50%;
        text-align: left;
    }

    .brand-prop-dropdown-content .left {
        padding: 0 30px 0 0;
    }

    .brand-prop-dropdown-content .right {
        padding: 0 0 0 30px;
    }

    .brand-prop-dropdown-content h6 {
        margin-bottom: 30px;
    }

    .brand-prop-dropdown-content p {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.75;
    }
}

@media only screen and (min-width: 990px) {
    .brand-prop-dropdown-content .left {
        padding: 0 50px 0 0;
    }

    .brand-prop-dropdown-content .right {
        padding: 0 0 0 50px;
    }
}

.our-story .left {
    position: relative;
}

.our-story img {
    width: 100%
}

.our-story h4 {
    margin: 0;
    font-size: 18px;
    position: absolute;
    right: -20px;
    bottom: 18%;
    line-height: 1.45;
    max-width: 255px;
}

@media only screen and (min-width: 990px) {
    .our-story h4 {
        right: -40px;
        font-size: 24px;
        max-width: 340px;
    }
}

.our-story .image-wrapper {
    position: relative;
}

.our-story .btn {
    margin-top: 15px;
    font-weight: 400;
    font-size: 11px;
}

.left-brand-prop img {
    width: 100%;
    margin: 0 0 32px 0;
}

.left-brand-prop .btn {
    display: inline-block;
    width: auto;
    margin: 15px auto;
}

.popup-quick-view .value-props {
    display: none;
}

#add-to-cart-form #shopify-product-reviews {
    display: none !important;
}

.product__reviews#shopify-product-reviews {
    margin-top: 0;
    margin-bottom: 10px;
}

@media only screen and (min-width: 740px) {
    .product__reviews#shopify-product-reviews {
        margin-bottom: 0;
    }
}

.product__reviews .spr-container {
    border: none;
    padding: 0;
}

.product__reviews .spr-icon {
    font-size: 14px;
    margin-right: 5px;
}

.product__reviews .spr-icon:hover {
    color: #a8123e;
}

.product__reviews .spr-header {
    padding-top: 0;
    padding-bottom: 0;
}

.product__reviews .spr-header-title {
    display: none;
}

.product__reviews .spr-summary {
    line-height: 17px;
    cursor: pointer;
}

@media only screen and (min-width: 740px) {
    .product__reviews .spr-summary {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        line-height: 28px;
    }

    .product__reviews .spr-summary .spr-summary-starrating {
        flex: 0 0 auto;
    }

    .product__reviews .spr-summary .spr-summary-caption {
        flex: 1 1 auto;
    }

    .product__reviews .spr-summary .spr-summary-actions {
        flex: 0 0 auto;
    }
}

.product__reviews .spr-summary-caption::after {
    content: '▾';
    position: relative;
    left: 5px;
    top: -1px;
}

.product__reviews .spr-summary-actions {
    display: none;
}

.product__reviews .spr-summary-actions-togglereviews {
    font-size: 11px;
    color: #696765;
    letter-spacing: 0;
    text-align: right;
}

.product__reviews .spr-summary-actions-newreview {
    display: block;
    float: none;
    margin-top: 18px;
    border: 1px solid #333;
    padding: 13px;
    font-size: 10px;
    color: #333;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

@media only screen and (min-width: 740px) {
    .product__reviews .spr-summary-actions-newreview {
        margin-top: 0;
        padding: 9px 20px;
        font-size: 8px;
        width: 126px;
    }
}

.product__reviews .spr-content {
    display: none;
}

.product__reviews .spr-reviews, .product__reviews .spr-form {
    margin-top: 18px;
    border: 1px solid #eee;
    background-color: #fff;
    text-align: left;
    padding: 20px 15px 15px;
}

.product__reviews .spr-reviews::before {
    content: 'PRODUCT REVIEWS';
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.product__reviews .spr-review {
    padding: 15px 0;
}

.product__reviews .spr-review:first-child {
    margin-top: 0;
}

.product__reviews .spr-review-header-starratings {
    display: block;
    font-size: 10px;
    line-height: 16px;
}

.product__reviews .spr-review-header-title {
    font-size: 12px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 5px;
    text-transform: none;
}

.product__reviews .spr-review-header-byline {
    display: block;
    font-size: 10px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 5px;
    font-style: normal;
    opacity: 1;
}

.product__reviews .spr-review-header-byline::before {
    content: '-'
}

.product__reviews .spr-review-content {
    margin-bottom: 5px;
}

.product__reviews .spr-review-content-body {
    font-size: 12px;
    color: #696765;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.product__reviews .spr-review-reportreview {
    font-size: 10px;
    color: #696765;
    line-height: 1;
}

.product__reviews .spr-pagination > div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.product__reviews .spr-pagination .spr-pagination-page {
    flex: 0 0 auto;
    padding-left: 7px;
    padding-right: 7px;
}

.product__reviews .spr-pagination .spr-pagination-page.is-active {
    font-weight: 600;
}

.product__reviews .spr-pagination .spr-pagination-prev {
    flex: 0 0 auto;
    padding-right: 14px;
}

.product__reviews .spr-pagination .spr-pagination-next {
    flex: 0 0 auto;
    padding-left: 14px;
}

.product__reviews .spr-pagination span, .product__reviews .spr-pagination a {
    font-size: 12px;
    color: #333;
    line-height: 1;
}

.product__reviews .spr-pagination a {
    color: #a8123e;
}

.product__reviews .spr-form-title {
    font-weight: 400;
    font-size: 12px;
    color: #333;
    letter-spacing: 1px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 1;
}

.product__reviews .spr-form-contact-name, .product__reviews .spr-form-contact-email, .product__reviews .spr-form-contact-location, .product__reviews .spr-form-review-rating, .product__reviews .spr-form-review-title, .product__reviews .spr-form-review-body {
    margin-bottom: 15px;
}

.product__reviews .spr-form-label {
    margin-bottom: 10px;
    font-size: 10px;
    color: #333;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

.product__reviews .spr-form-input-email, .product__reviews .spr-form-input-text {
    padding: 12px 15px 12px;
    font-size: 16px;
    line-height: 1;
    border: 1px solid #eee;
    border-radius: 0;
    color: #333;
}

@media only screen and (min-width: 740px) {
    .product__reviews .spr-form-input-email, .product__reviews .spr-form-input-text {
        font-size: 12px;
    }
}

.product__reviews .spr-form-input-textarea {
    padding: 12px 15px 12px;
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #eee;
    border-radius: 0;
}

@media only screen and (min-width: 740px) {
    .product__reviews .spr-form-input-textarea {
        font-size: 12px;
    }
}

.product__reviews .spr-button-primary {
    display: block;
    float: none;
    width: 100%
}

.product__reviews .spr-form-message-success {
    font-size: 12px;
    color: #696765;
    letter-spacing: 1px;
    line-height: 1.2;
}

.product__reviews .spr-form-message-success p {
    margin-bottom: 15px;
}

.product__reviews .spr-form-message-success p:first-child {
    color: #333;
    text-transform: uppercase;
}

.product__reviews .spr-form-message-success p:last-child {
    margin-bottom: 0;
}

.product__reviews .spr-form-message-error {
    font-size: 12px;
    background-color: #d02e2e;
    letter-spacing: 1px;
    line-height: 1.2;
}

.product__reviews .spr-form-input-error, .product__reviews input[type="text"].spr-form-input-error, .product__reviews input[type="email"].spr-form-input-error {
    border-color: #d02e2e;
}

.template-cart .main-content {
    padding-top: 30px;
    padding-bottom: 46px;
}

@media only screen and (min-width: 740px) {
    .template-cart .main-content {
        padding-top: 50px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .main-content {
        padding-bottom: 130px;
    }
}

.template-cart .main-content .form-error {
    margin-bottom: 30px;
}

@media only screen and (min-width: 740px) {
    .template-cart .main-content .form-error {
        margin-bottom: 66px;
    }
}

.template-cart .main-content .actions-left {
    min-height: 1px;
}

.template-cart .main-content .actions {
    margin-top: 34px;
}

@media only screen and (min-width: 740px) {
    .template-cart .main-content .actions {
        text-align: right;
    }
}

.template-cart .main-content .actions .btn {
    display: block;
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
}

.template-cart .empty-cart {
    text-align: center;
}

.template-cart .empty-cart .title-with-link {
    margin-bottom: 30px;
}

@media only screen and (min-width: 740px) {
    .template-cart .empty-cart .title-with-link {
        margin-bottom: 66px;
    }
}

.template-cart .empty-cart .has-btn {
    margin-top: 30px;
}

.template-cart .cart-bottom .grid__item {
    margin-bottom: 0;
}

@media only screen and (min-width: 740px) {
    .template-cart .cart-left {
        border-bottom: 1px solid #dadada;
    }

    .template-cart .cart-bottom {
        margin-top: 60px;
    }

    .template-cart .cart-bottom .grid {
        margin-left: -40px;
    }

    .template-cart .cart-bottom .grid__item {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .cart-left, .template-cart .cart-bottom {
        float: left;
        width: calc(100% - 265px);
    }

    .template-cart .cart-bottom {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1260px) {
    .template-cart .cart-bottom .grid {
        margin-left: -60px;
    }

    .template-cart .cart-bottom .grid__item {
        padding-left: 60px;
    }
}

.template-cart .subtotal {
    background: #f7f7f6;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-cart .subtotal {
        background: none;
        text-align: right;
    }
}

.template-cart .subtotal .title, .template-cart .subtotal .amount {
    display: inline-block;
    vertical-align: baseline;
    padding: 10px 8px 4px;
}

@media only screen and (min-width: 740px) {
    .template-cart .subtotal .title, .template-cart .subtotal .amount {
        padding-top: 4px;
    }
}

@media only screen and (min-width: 740px) {
    .template-cart .subtotal .amount {
        padding-right: 0;
    }
}

.template-cart .afterpay {
    margin-top: 0;
    padding: 0 12px 12px;
    background: #f7f7f6;
    text-align: center;
}

.template-cart .afterpay p {
    margin: 0;
}

@media only screen and (min-width: 740px) {
    .template-cart .afterpay {
        padding-left: 0;
        padding-right: 0;
        background: none;
        text-align: right;
    }
}

.template-cart .free-shipping-banner {
    border-top: 1px solid #dadada;
    padding: 18px 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-cart .free-shipping-banner {
        padding-top: 13px;
        padding-bottom: 5px;
        font-size: 11px;
        text-align: right;
    }
}

.template-cart .cart-sidebar {
    max-width: 450px;
    margin: 30px auto 0;
}

@media only screen and (min-width: 990px) {
    .template-cart .cart-sidebar {
        float: right;
        width: 235px;
        max-width: none;
        margin: 0;
    }
}

.template-cart .cart-icons {
    font-size: 7px;
    line-height: 1.2;
    text-align: center;
}

.template-cart .cart-icons ul {
    padding: 0;
    list-style: none;
}

.template-cart .cart-icons li {
    display: inline-block;
    vertical-align: top;
}

.template-cart .cart-icons strong {
    display: block;
    margin: 0 0 2px;
    font-size: 10px;
    font-weight: 500;
}

.template-cart .cart-icons a {
    color: #333;
    text-decoration: underline;
}

.template-cart .cart-icons a:hover, .template-cart .cart-icons a:focus {
    text-decoration: none;
}

.template-cart .cart-icons .icon {
    display: block;
    margin: 0 auto 8px;
}

.template-cart .cart-icons .icon-return, .template-cart .cart-icons .icon-question, .template-cart .cart-icons .icon-delivery {
    width: 20px;
    height: 20px;
}

.template-cart .cart-icons .icon-delivery {
    width: 30px;
}

@media only screen and (min-width: 990px) {
    .template-cart .cart-icons {
        padding: 40px 10px 41px 24px;
        background: #f7f7f6;
        font-size: 12px;
        text-align: left;
    }

    .template-cart .cart-icons strong {
        margin-bottom: 3px;
        font-size: 16px;
    }

    .template-cart .cart-icons .icon, .template-cart .cart-icons .text {
        display: inline-block;
        vertical-align: middle;
    }

    .template-cart .cart-icons .icon {
        margin-bottom: 0;
    }

    .template-cart .cart-icons .icon-return {
        width: 25px;
        height: 25px;
        margin-right: 14px;
    }

    .template-cart .cart-icons .icon-question {
        width: 27px;
        height: 27px;
        margin-right: 12px;
    }

    .template-cart .cart-icons .icon-delivery {
        width: 37px;
        height: 25px;
        margin-right: 2px;
    }
}

.template-cart .benefits-icons {
    margin: 0;
}

.template-cart .benefits-icons li {
    width: 33.333%
}

@media only screen and (min-width: 990px) {
    .template-cart .benefits-icons li {
        display: block;
        width: 100%;
        margin-top: 52px;
    }

    .template-cart .benefits-icons li:first-child {
        margin-top: 0;
    }
}

.template-cart .cart-payment-icons {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.template-cart .cart-payment-icons li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px;
}

.template-cart .cart-payment-icons li:first-child {
    margin-left: 0;
}

.template-cart .cart-payment-icons li:last-child {
    margin-right: 0;
}

.template-cart .cart-payment-icons .icon-visa-full-color {
    width: 35px;
    height: 11px;
}

.template-cart .cart-payment-icons .icon-master-full-color {
    width: 25px;
    height: 16px;
}

.template-cart .cart-payment-icons .icon-amex-full-color {
    width: 30px;
    height: 21px;
}

.template-cart .cart-payment-icons .icon-paypal-full-color {
    width: 47px;
    height: 13px;
}

@media only screen and (min-width: 740px) {
    .template-cart .cart-payment-icons {
        margin-top: 60px;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .cart-payment-icons {
        margin-top: 52px;
        text-align: left;
    }

    .template-cart .cart-payment-icons li {
        margin: 0 4px;
    }
}

.template-cart .gift-wrapping p, .template-cart .order-notes p {
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.4;
}

.template-cart .gift-wrapping {
    margin-top: 30px;
}

.template-cart .gift-wrapping h3 {
    margin-bottom: 6px;
    letter-spacing: 0;
    text-transform: none;
}

.template-cart .gift-wrapping .has-btn {
    margin-bottom: 0;
}

@media only screen and (min-width: 740px) {
    .template-cart .gift-wrapping .has-btn {
        margin-top: 24px;
    }
}

.template-cart .gift-wrapping .btn {
    padding-left: 12px;
    padding-right: 12px;
}

.template-cart .order-notes {
    margin-top: 30px;
    margin-bottom: 0;
}

.template-cart .order-notes label {
    margin-bottom: 6px;
}

.template-cart .order-notes textarea {
    min-height: 108px;
}

@media only screen and (min-width: 740px) {
    .template-cart .order-notes: first-child {
        margin-top: 0;
    }
}

@media only screen and (min-width: 740px) {
    .template-cart .gift-wrapping, .template-cart .main-content .actions {
        margin-top: 0;
    }
}

.template-cart .continue-link {
    margin-top: 14px;
    margin-bottom: 0;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-cart .continue-link {
        text-align: right;
    }
}

.template-cart .upsell-banner {
    background-color: #f7f7f6;
    display: grid;
    margin-top: 34px;
    margin-bottom: 0;
    padding: 20px;
    grid-gap: 20px;
    grid-template: "img    description" auto "footer footer" auto /80px 1fr;
}

@media only screen and (min-width: 740px) {
    .template-cart .upsell-banner {
        display: block;
        margin-top: 30px;
    }

    .template-cart .upsell-banner:first-child {
        margin-top: 0;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .upsell-banner {
        display: none;
        margin-top: 0;
    }
}

.template-cart .upsell-banner .upsell__image {
    grid-area: img;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-cart .upsell-banner .upsell__image {
        margin: 0 auto 20px;
    }
}

.template-cart .upsell-banner .upsell__image img {
    margin: auto;
    width: 100%
}

.template-cart .upsell-banner .upsell-image__wrapper {
    display: inline-block;
    max-width: 80px;
}

.template-cart .upsell-banner.hide {
    display: none;
}

.template-cart .upsell-banner.is-added .icon-tick {
    display: inline-block;
}

.template-cart .upsell-banner.is-added .icon-plus {
    display: none;
}

.template-cart .upsell-banner.is-added .upsell__footer * {
    color: #97C68F;
}

@media only screen and (min-width: 740px) {
    .template-cart .upsell-banner .upsell__button {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .upsell-banner .upsell__button {
        margin-top: 0;
    }
}

.template-cart .upsell-banner .upsell__footer {
    grid-area: footer;
}

@media only screen and (min-width: 740px) {
    .template-cart .upsell-banner .upsell__footer {
        align-items: flex-start;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 990px) {
    .template-cart .upsell-banner .upsell__footer {
        flex-direction: inherit;
    }
}

.template-cart .upsell-banner .upsell__description {
    grid-area: description;
}

.template-cart .cart-sidebar .upsell-banner {
    display: none;
}

@media only screen and (min-width: 990px) {
    .template-cart .cart-sidebar .upsell-banner {
        display: grid;
        grid-template-columns: auto;
        margin-bottom: 30px;
    }
}

.cart-table {
    width: 100%
}

.cart-table th, .cart-table td {
    padding: 15px 5px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .cart-table th, .cart-table td {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.cart-table th:first-child, .cart-table td:first-child {
    padding-left: 0;
    text-align: left;
}

.cart-table th:last-child, .cart-table td:last-child {
    padding-right: 0;
    text-align: right;
}

.cart-table th {
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

@media only screen and (min-width: 740px) {
    .cart-table th {
        font-size: 12px;
    }
}

.cart-table td {
    border-top: 1px solid #dadada;
}

.cart-table .col-image {
    width: 85px;
}

@media only screen and (min-width: 740px) {
    .cart-table .col-image {
        width: 155px;
    }
}

.cart-table .col-image a {
    display: block;
    background: #f7f7f6;
}

.cart-table .col-image img {
    width: 100%
}

.cart-table .col-description {
    text-align: left;
}

.cart-table .col-description a.remove {
    margin-top: 10px;
    padding-bottom: 0;
    text-align: left;
}

@media only screen and (min-width: 1100px) {
    .cart-table .col-description {
        width: 40%
    }
}

.cart-table .col-price, .cart-table .col-qty, .cart-table .col-total {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.14em;
}

@media only screen and (min-width: 740px) {
    .cart-table .col-price, .cart-table .col-qty, .cart-table .col-total {
        font-size: 12px;
    }
}

.cart-table .col-qty .ajaxcart__qty {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 740px) {
    .cart-table .col-total {
        padding-right: 0;
        text-align: right;
    }
}

@media only screen and (max-width: 829px) {
    .cart-table .col-price {
        display: none;
    }
}

.cart-table h2 {
    margin: 0;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: none;
}

@media only screen and (min-width: 740px) {
    .cart-table h2 {
        font-size: 14px;
    }
}

.cart-table h2 a {
    display: block;
}

.cart-table .product-info {
    margin: 6px 0 0;
    font-size: 8px;
    line-height: 1.2;
}

@media only screen and (min-width: 740px) {
    .cart-table .product-info {
        margin-top: 4px;
        font-size: 13px;
    }
}

.cart-table a.remove {
    display: inline-block;
    padding: 5px 0;
    font-size: 6px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .cart-table a.remove {
        font-size: 8px;
    }
}

.cart-table a.remove .icon {
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
}

@media only screen and (min-width: 740px) {
    .cart-table a.remove .icon {
        width: 10px;
        height: 10px;
        margin-bottom: 0;
    }
}

.cart-table a.remove span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}

@media only screen and (min-width: 740px) {
    .cart-table a.remove span {
        margin-left: 4px;
    }
}

.cart-table .input-qty {
    max-width: 105px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ajaxcart__row {
    transition: opacity 0.5s;
}

.ajaxcart__row.is-removed {
    opacity: 0;
}

.js-qty, .ajaxcart__qty {
    position: relative;
    width: 105px;
}

.js-qty input[type=text], .ajaxcart__qty input[type=text] {
    display: block;
    background: none;
    text-align: center;
    width: 100%;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    border-color: #eee;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
}

@media only screen and (max-width: 739px) {
    .js-qty.collapse-vertical, .ajaxcart__qty.collapse-vertical {
        width: 35px;
    }

    .js-qty.collapse-vertical input[type=text], .ajaxcart__qty.collapse-vertical input[type=text] {
        padding: 25px 5px;
    }
}

.js-qty__adjust, .ajaxcart__qty-adjust {
    cursor: pointer;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    min-width: 30px;
    margin: 0;
    padding: 0 6px;
    border: 0 none;
    background: none;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: all 0.2s ease-out;
    outline: none;
}

.js-qty__adjust:hover, .js-qty__adjust:focus, .js-qty__adjust:active, .ajaxcart__qty-adjust:hover, .ajaxcart__qty-adjust:focus, .ajaxcart__qty-adjust:active {
    background-color: #eee;
}

@media only screen and (max-width: 739px) {
    .collapse-vertical .js-qty__adjust, .collapse-vertical .ajaxcart__qty-adjust {
        left: 0;
        right: 0;
        width: 100%;
        padding: 2px 0;
        font-size: 11px;
    }
}

.js-qty__adjust--plus, .ajaxcart__qty--plus {
    right: 0;
    border-left: 1px solid #eee;
}

@media only screen and (max-width: 739px) {
    .collapse-vertical .js-qty__adjust--plus, .collapse-vertical .ajaxcart__qty--plus {
        bottom: auto;
        border: 0;
        border-bottom: 1px solid #eee;
    }
}

.js-qty__adjust--minus, .ajaxcart__qty--minus {
    left: 0;
    border-right: 1px solid #eee;
}

@media only screen and (max-width: 739px) {
    .collapse-vertical .js-qty__adjust--minus, .collapse-vertical .ajaxcart__qty--minus {
        top: auto;
        border: 0;
        border-top: 1px solid #eee;
    }
}

.is-loading .ajaxcart__qty {
    opacity: 0.5;
}

@media only screen and (max-width: 479px) {
    .popup.popup-gift-wrapping {
        width: 80%;
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 374px) {
    .popup.popup-gift-wrapping {
        width: 100%
    }
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .inner {
        padding: 40px;
    }
}

.popup.popup-gift-wrapping .description {
    font-size: 13px;
    text-align: center;
}

@media only screen and (max-width: 739px) {
    .popup.popup-gift-wrapping .description {
        display: none;
    }
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .description {
        margin-bottom: 20px;
    }
}

.popup.popup-gift-wrapping .form-error {
    display: none;
    text-align: center;
}

.popup.popup-gift-wrapping .form-error.shown {
    display: block;
}

.popup.popup-gift-wrapping h2 {
    margin: 0 0 26px;
    font-size: 14px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping h2 {
        font-size: 16px;
    }
}

.popup.popup-gift-wrapping h3, .popup.popup-gift-wrapping .price {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.popup.popup-gift-wrapping h3 {
    margin-bottom: 10px;
}

.popup.popup-gift-wrapping .choice-group {
    display: table;
    table-layout: fixed;
}

.popup.popup-gift-wrapping .choice-group.one-option .choice {
    padding-bottom: 25px;
    cursor: default;
}

.popup.popup-gift-wrapping .choice {
    position: relative;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    width: 50%;
    padding: 25px 15px 45px;
    border: 1px solid #f3f3f3;
    text-align: center;
    cursor: pointer;
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .choice {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.popup.popup-gift-wrapping .choice.selected {
    padding: 21px 11px 41px;
    border: 5px solid #a8123e;
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .choice.selected {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.popup.popup-gift-wrapping .choice.selected .select {
    bottom: 18px;
}

.popup.popup-gift-wrapping .choice-spacer {
    display: table-cell;
}

.popup.popup-gift-wrapping .choice-spacer .force-width {
    width: 15px;
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .choice-spacer .force-width {
        width: 30px;
    }
}

.popup.popup-gift-wrapping img {
    position: relative;
    z-index: -1;
    width: calc(100% + 30px);
    margin: -5% -15px;
    max-width: none;
}

@media only screen and (min-width: 480px) {
    .popup.popup-gift-wrapping img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
    }
}

.popup.popup-gift-wrapping .choice-description {
    font-size: 11px;
    line-height: 1.3;
}

.popup.popup-gift-wrapping .choice-description p {
    margin: 0;
}

.popup.popup-gift-wrapping .choice-description p + p {
    margin-top: 14px;
}

.popup.popup-gift-wrapping .choice-description:last-child {
    margin-bottom: 0;
}

.popup.popup-gift-wrapping .select {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 22px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.popup.popup-gift-wrapping .gift-message {
    margin-top: 25px;
}

.popup.popup-gift-wrapping label {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.popup.popup-gift-wrapping textarea {
    min-height: 90px;
    border-color: #f3f3f3;
}

.popup.popup-gift-wrapping textarea:focus {
    border-color: #c5c5c5;
}

.popup.popup-gift-wrapping .send {
    margin: 15px 0 0;
}

@media only screen and (min-width: 740px) {
    .popup.popup-gift-wrapping .send {
        margin-top: 20px;
    }
}

.popup.popup-gift-wrapping .btn {
    padding-left: 13px;
    padding-right: 13px;
}

.gwp {
    display: none;
    padding: 5px 15px;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
}

.gwp--visible {
    display: flex;
}

.gwp__img {
    flex: 0 0 auto;
    display: block;
    width: 100px;
}

.gwp__text {
    flex: 0 1 auto;
    margin-bottom: 0;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
}

.template-search .main-content {
    padding: 50px 0 86px;
}

@media only screen and (min-width: 740px) {
    .template-search .main-content {
        padding: 50px 0 116px 0;
    }
}

.template-search .search-header {
    margin: 0 auto 40px;
    padding: 0 15px;
}

@media only screen and (min-width: 740px) {
    .template-search .search-header {
        width: 50%;
        margin-bottom: 60px;
        padding: 0 20px;
    }
}

.template-search .page-result-text .description {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #c5c5c5;
}

.page-gift-wrapping .main-content {
    text-align: center;
}

.template-404 .main-content {
    max-width: none;
    padding: 0;
}

@media only screen and (min-width: 740px) {
    .template-404 .main-content .section-content:

not(.has-hero-img

) {
    text-align: center;
    padding: 18px;
}
}

@media only screen and (min-width: 990px) {
    .template-404 .main-content .section-content:

not(.has-hero-img

) {
    padding: 60px;
}
}

@media only screen and (min-width: 740px) {
    .template-404 .main-content .section-content:

not(.has-hero-img

) h1, .template-404 .main-content .section-content:not(.has-hero-img) .send {
      text-align: center;
  }
}

.template-404 .main-content .section-content.has-hero-img {
    padding: 60px 18px 18px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 740px) {
    .template-404 .main-content .section-content.has-hero-img {
        left: 0;
        right: initial;
        text-align: left;
        top: 50%;
        transform: translateY(-50%);
        width: 50%
    }
}

@media only screen and (min-width: 990px) {
    .template-404 .main-content .section-content.has-hero-img {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 1260px;
        left: 50%;
        padding: 60px;
        transform: translate(-50%, -50%);
        width: 100%
    }
}

.template-404 .main-content h1 {
    color: #BD0D47;
    font-size: 2.14rem;
    line-height: 1.2;
    margin-bottom: 5px;
}

@media only screen and (min-width: 740px) {
    .template-404 .main-content h1 {
        text-align: left;
    }
}

@media only screen and (min-width: 990px) {
    .template-404 .main-content h1 {
        font-size: 2.86rem;
    }
}

.template-404 .main-content img {
    max-width: none;
    width: 100%
}

@media only screen and (min-width: 990px) {
    .template-404 .main-content .content {
        font-size: 1.14rem;
    }
}

.template-404 .main-content .content *:last-child {
    margin: 0;
}

.template-404 .main-content .landing-page {
    position: relative;
}

.template-404 .main-content .send {
    margin: 24px auto 0;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-404 .main-content .send {
        text-align: left;
    }
}

.page-flex-grid {
    display: flex;
    padding: 30px 15px;
    margin-top: 20px;
    align-items: center;
}

@media only screen and (min-width: 740px) {
    .page-flex-grid {
        padding: 60px 35px;
        margin-top: 35px;
    }
}

.page-flex-grid.block-3 {
    padding: 0 15px;
}

.page-flex-grid .left {
    flex-basis: 50%;
    padding: 10px;
}

.page-flex-grid .right {
    flex-basis: 50%;
    padding: 10px;
}

.template-contact-landing .main-content .wrapper {
    max-width: 1260px;
}

.template-contact-landing .main-content .rte {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

@media only screen and (min-width: 740px) {
    .template-contact-landing .main-content .rte {
        margin-bottom: 70px;
    }
}

.template-contact-landing .tile-wrapper {
    padding: 0;
}

.template-contact-landing .tile {
    text-align: center;
}

@media only screen and (max-width: 739px) {
    .template-contact-landing .tile {
        margin-top: 25px;
        padding: 0;
    }
}

.template-contact-landing .tile h2 {
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
}

@media only screen and (min-width: 830px) {
    .template-contact-landing .tile h2 {
        font-size: 24px;
    }
}

.template-contact-landing .tile .bold-text {
    margin-bottom: 0;
    font-size: 12px;
    color: #333;
}

@media only screen and (min-width: 740px) {
    .template-contact-landing .tile h2, .template-contact-landing .tile .bold-text {
        position: relative;
        z-index: 3;
    }
}

.template-contact-landing .tile a {
    display: block;
    padding: 47px 45px 49px;
    color: #333;
    transition: background-color 0.2s, color 0.2s;
}

.template-contact-landing .tile a:after {
    background-color: #333;
}

@media only screen and (max-width: 739px) {
    .template-contact-landing .tile a {
        padding: 27px 25px 29px;
        height: auto;
    }

    .template-contact-landing .tile a:hover {
        background-color: #a8123e;
        color: #fff;
    }

    .template-contact-landing .tile a:hover h2, .template-contact-landing .tile a:hover .bold-text {
        color: #fff;
    }
}

.template-contact-landing .tile:hover a:after {
    background-color: #a8123e;
    opacity: 0.2;
}

@media only screen and (min-width: 740px) {
    .template-contact-landing .left-tiles .tile a {
        padding-top: 88px;
    }

    .template-contact-landing .right-tiles .tile {
        text-align: left;
    }

    .template-contact-landing .right-tiles .tile a {
        display: flex;
        align-items: left;
        flex-direction: column;
        justify-content: center;
    }
}

@media only screen and (min-width: 830px) {
    .template-contact-landing .left-tiles .tile a {
        padding-top: 133px;
    }
}

@media only screen and (max-width: 739px) {
    .template-contact-landing .left-tiles .tile {
        margin-top: 0;
    }
}

.template-contact .featured-title {
    background-position: 80% 50%
}

.template-contact .contact-wrapper {
    max-width: 670px;
    margin: 0 auto;
    padding: 50px 15px 86px;
}

@media only screen and (min-width: 740px) {
    .template-contact .contact-wrapper {
        padding: 50px 30px 116px 30px;
    }
}

.template-contact .contact-addresses {
    margin: 0 0 30px 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 0;
}

@media only screen and (min-width: 740px) {
    .template-contact .contact-addresses {
        margin-bottom: 45px;
    }
}

.template-contact .contact-addresses li {
    vertical-align: top;
    display: inline-block;
    width: 50%;
    padding: 0;
    font-size: 12px;
}

@media only screen and (min-width: 740px) {
    .template-contact .contact-addresses li {
        width: 33.333%;
        padding: 0 15px;
    }
}

.template-contact .contact-addresses li:first-child {
    padding-left: 0;
}

.template-contact .contact-addresses li:last-child {
    padding-right: 0;
}

.template-contact .contact-addresses h3 {
    margin-top: 0;
}

.template-contact .contact-addresses p {
    margin-bottom: 0;
}

.page-wholesale .featured-title {
    background-position: 100% 70%
}

.page-media .featured-title {
    background-position: right bottom;
}

.pxFormGenerator {
    margin-top: 50px !important;
}

.template-page .featured-title.text-color-primary * {
    color: #a8123e;
}

.template-page .featured-title.text-color-black * {
    color: #000000;
}

.template-page .featured-title.text-color-white * {
    color: #FFFFFF;
}

.template-our-story .main-content .wrapper {
    max-width: 1260px;
}

.template-our-story .main-content .welcome-wrapper {
    padding-top: 30px;
    padding-bottom: 50px;
}

@media only screen and (min-width: 740px) {
    .template-our-story .main-content .welcome-wrapper {
        padding-top: 70px;
        padding-bottom: 30px;
    }
}

.template-our-story .brand-prop-dropdown-content {
    display: block;
}

@media only screen and (min-width: 480px) {
    .template-our-story .featured-title .inner {
        max-width: 480px;
    }
}

@media only screen and (min-width: 990px) {
    .template-our-story .featured-title .inner {
        max-width: 600px;
    }
}

.template-our-story .featured-title h1 {
    color: #333;
}

.template-our-story .welcome-text {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

@media only screen and (min-width: 830px) {
    .template-our-story .welcome-text {
        font-size: 25px;
    }
}

.template-our-story .welcome-text p {
    margin: 0;
}

@media only screen and (max-width: 989px) {
    .template-our-story .our-story-fragrances .arrow {
        display: none;
    }
}

@media only screen and (min-width: 740px) {
    .template-our-story .our-story-mobile {
        display: none;
    }
}

.template-our-story .our-story-mobile .content-slide {
    position: relative;
    text-align: center;
}

.template-our-story .our-story-mobile h6 {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    margin: 0;
    color: #fff;
}

.template-our-story .our-story-mobile .call-to-action {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 375px;
    padding: 30px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
}

@media only screen and (min-width: 480px) {
    .template-our-story .our-story-mobile .call-to-action {
        max-width: 450px;
    }
}

.template-our-story .our-story-mobile p {
    font-size: 20px;
    font-weight: 400;
}

@media only screen and (min-width: 480px) {
    .template-our-story .our-story-mobile p {
        font-size: 24px;
    }
}

.template-our-story .our-story-mobile p:last-child {
    margin-bottom: 0;
}

.template-our-story .our-story-mobile a {
    color: #fff;
}

.template-our-story .our-story-mobile img {
    width: 100%
}

.template-our-story .our-story-mobile .slick-dots {
    position: absolute;
    left: 0;
    bottom: 15px;
}

.template-our-story .our-story-mobile .slick-dots li button {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.05);
}

.template-our-story .our-story-mobile .slick-dots li.slick-active button {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.template-our-story .our-story .wrapper {
    padding-top: 0;
    padding-bottom: 85px;
}

@media only screen and (min-width: 740px) {
    .template-our-story .our-story .wrapper {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 1260px) {
    .template-our-story .our-story .flex-grid {
        align-items: center;
        justify-content: center;
    }
}

.template-our-story .our-story .rte__video-wrapper {
    padding-bottom: 133%
}

.template-our-story .our-story .right p:last-child {
    margin-bottom: 0;
}

.template-our-story .fragrances-block {
    display: none;
}

@media only screen and (min-width: 830px) {
    .template-our-story .fragrances-block {
        display: block;
    }
}

.template-our-story .fragrances-block .wrapper {
    padding-top: 0;
}

.template-our-story .fragrances-block h2 {
    margin-bottom: 30px;
    font-size: 24px;
}

@media only screen and (min-width: 1260px) {
    .template-our-story .fragrances-block h2 {
        font-size: 30px;
    }
}

.template-our-story .fragrances-block .background-block {
    padding: 75px 80px 305px;
    background-position: center bottom;
    background-position: center bottom -40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    transition: all 0.2s;
}

.template-our-story .fragrances-block .background-block.active {
    padding-bottom: 345px;
    background-position: center bottom;
}

.template-our-story .fragrances-block .background-block h2 {
    font-weight: 700;
}

.template-our-story .fragrances-block .background-block p {
    font-size: 18px;
}

.template-our-story .fragrances-block .background-block .btn-secondary {
    border-color: #fff;
    color: #fff;
}

.template-our-story .fragrances-block .show-more {
    display: none;
}

.template-our-story .fragrances-block .left {
    padding-right: 0;
}

.template-our-story .fragrances-block .right {
    padding-top: 75px;
}

.template-our-story .fragrances-block .btn-secondary {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    background: none;
}

.template-our-story .product-categories {
    text-align: left;
}

@media only screen and (min-width: 740px) {
    .template-our-story .product-categories {
        background-color: #f7f7f6;
    }
}

.template-our-story .product-categories p {
    font-weight: 600;
}

.template-our-story .product-categories .wrapper {
    padding-top: 35px;
    padding-bottom: 75px;
}

@media only screen and (min-width: 740px) {
    .template-our-story .product-categories .wrapper {
        padding-top: 50px;
    }
}

@media only screen and (min-width: 990px) {
    .template-our-story .product-categories .wrapper {
        padding-bottom: 116px;
    }
}

.template-our-story .product-categories .mobile-toggle-blocks {
    margin: 0 0 30px;
    font-size: 10px;
    line-height: 1.2;
}

.template-our-story .product-categories .mobile-toggle-blocks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.template-our-story .product-categories .mobile-toggle-blocks li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: right;
}

.template-our-story .product-categories .mobile-toggle-blocks li:first-child {
    text-align: left;
}

.template-our-story .product-categories .mobile-toggle-blocks h6 {
    display: block;
    margin: 0;
}

.template-our-story .product-categories .mobile-toggle-blocks a {
    display: inline-block;
    padding-bottom: 6px;
    vertical-align: top;
    color: #696765;
}

.template-our-story .product-categories .mobile-toggle-blocks a.active {
    padding-bottom: 5px;
    border-bottom: 1px solid;
}

@media only screen and (min-width: 740px) {
    .template-our-story .product-categories .mobile-toggle-blocks {
        display: none;
    }
}

.template-our-story .product-categories h6 {
    display: none;
}

.template-our-story .product-categories img {
    width: 100%;
    margin: 0 0 32px 0;
}

.template-our-story .product-categories .btn-secondary {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    background: none;
    margin-top: 30px;
}

.template-our-story .product-categories .arrow {
    display: none;
}

@media only screen and (max-width: 739px) {
    .template-our-story .product-categories .left, .template-our-story .product-categories .right {
        display: none;
    }

    .template-our-story .product-categories .left.active, .template-our-story .product-categories .right.active {
        display: block;
    }
}

@media only screen and (min-width: 740px) {
    .template-our-story .product-categories .left, .template-our-story .product-categories .right {
        display: flex;
        flex-direction: column;
    }

    .template-our-story .product-categories h6 {
        display: block;
    }

    .template-our-story .product-categories .btn-secondary {
        margin-top: auto;
    }
}

@media only screen and (min-width: 990px) {
    .template-our-story .product-categories .arrow {
        display: block;
    }
}

.template-our-story .featured-collections {
    display: none;
}

@media only screen and (min-width: 990px) {
    .template-our-story .featured-collections {
        display: block;
    }
}

.template-our-story .featured-collections img {
    width: 100%;
    margin: 0 0 32px 0;
}

.template-our-story .featured-collections .btn-secondary {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
}

@media only screen and (min-width: 740px) {
    .template-our-story .featured-collections .flex-grid {
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
    }

    .template-our-story .featured-collections .featured-collection {
        display: flex;
        flex-direction: column;
        flex-basis: 33.333%;
        padding: 0 15px;
        text-align: left;
    }

    .template-our-story .featured-collections .inner {
        padding-bottom: 50px;
    }

    .template-our-story .featured-collections h6 {
        margin-bottom: 30px;
    }

    .template-our-story .featured-collections .btn-secondary {
        margin-top: auto;
    }
}

.template-our-story .instagram {
    display: none;
}

@media only screen and (min-width: 990px) {
    .template-our-story .instagram {
        display: block;
    }
}

.template-our-story .instagram .wrapper {
    padding: 60px 15px;
}

@media only screen and (min-width: 740px) {
    .template-our-story .instagram .wrapper {
        padding: 90px 30px;
    }
}

@media screen and (max-width: 600px) {
    .template-login .featured-title, .template-register .featured-title, .template-reset_password .featured-title, .template-activate_account .featured-title {
        background-image: url("//cdn.shopify.com/s/files/1/0101/6132/4068/files/login-banner_1000x.jpg?2344");
    }
}

@media screen and (min-width: 600px) and (max-width: 899px) {
    .template-login .featured-title, .template-register .featured-title, .template-reset_password .featured-title, .template-activate_account .featured-title {
        background-image: url("//cdn.shopify.com/s/files/1/0101/6132/4068/files/login-banner_1600x.jpg?2344");
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .template-login .featured-title, .template-register .featured-title, .template-reset_password .featured-title, .template-activate_account .featured-title {
        background-image: url("//cdn.shopify.com/s/files/1/0101/6132/4068/files/login-banner_2100x.jpg?2344");
    }
}

@media screen and (min-width: 1200px) {
    .template-login .featured-title, .template-register .featured-title, .template-reset_password .featured-title, .template-activate_account .featured-title {
        background-image: url("//cdn.shopify.com/s/files/1/0101/6132/4068/files/login-banner_2500x.jpg?2344");
    }
}

.template-login .main-content .send .btn, .template-register .main-content .send .btn {
    margin-bottom: 15px;
}

@media only screen and (min-width: 740px) {
    .template-login .main-content .send .btn, .template-register .main-content .send .btn {
        margin-bottom: 25px;
    }
}

.guest-login {
    margin-top: 40px;
    padding-top: 36px;
    border-top: 1px solid #c5c5c5;
    text-align: center;
}

.guest-login h2 {
    margin-bottom: 24px;
}

@media only screen and (max-width: 739px) {
    .guest-login .btn {
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: 739px) {
    .template-reset_password .main-content .send .btn {
        display: block;
        width: 100%
    }
}

.account-wrapper {
    max-width: 730px;
    margin: 0 auto;
    padding: 50px 15px 86px;
    *zoom: 1;
}

.account-wrapper::after {
    content: '';
    display: table;
    clear: both;
}

@media only screen and (min-width: 740px) {
    .account-wrapper {
        padding: 50px 30px 116px 30px;
    }
}

.template-register .account-wrapper {
    max-width: 1200px;
}

.account-wrapper .pull-right {
    margin-top: 15px;
    display: inline-block;
}

@media only screen and (min-width: 740px) {
    .account-wrapper .pull-right {
        float: right;
        margin-top: 0;
    }
}

.account-wrapper .pull-left {
    display: block;
}

@media only screen and (min-width: 740px) {
    .account-wrapper .pull-left {
        float: left;
    }
}

.account-wrapper.page-flex-grid {
    align-items: inherit;
    display: block;
}

@media only screen and (min-width: 740px) {
    .account-wrapper.page-flex-grid {
        display: flex;
    }
}

.account-wrapper.page-flex-grid .right {
    padding: 0;
}

.account-wrapper.page-flex-grid .left {
    padding: 0 0 25px;
}

@media only screen and (min-width: 480px) {
    .account-wrapper.page-flex-grid .right, .account-wrapper.page-flex-grid .left {
        padding: 0 25px 25px 25px;
    }
}

@media only screen and (min-width: 830px) {
    .account-wrapper.page-flex-grid .right, .account-wrapper.page-flex-grid .left {
        padding: 0 40px 40px 40px;
    }
}

@media only screen and (min-width: 740px) {
    .account-wrapper.page-flex-grid .right {
        border-left: 1px solid #c5c5c5;
    }
}

.account-wrapper.page-flex-grid h2 {
    margin-bottom: 25px;
}

.account-register-info .rte ul {
    margin: 30px 0;
    padding-left: 40px;
}

.account-register-info .rte li {
    margin-bottom: 10px;
}

.customer-welcome {
    text-align: center;
    margin: 0 auto 60px auto;
}

@media only screen and (min-width: 740px) {
    .template-account .main-content h2, .template-addresses .main-content h2, .template-order .main-content h2 {
        font-size: 16px;
    }
}

.template-account .main-content .grid, .template-order .main-content .grid {
    margin-left: -70px;
}

.template-account .main-content .grid__item, .template-order .main-content .grid__item {
    padding-left: 70px;
}

.template-account .order-table td, .template-order .order-table td {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-account .main-content h2 {
    margin-bottom: 34px;
}

.template-account .main-content hr {
    margin: 46px 0;
}

.template-account .account-welcome, .template-account .my-addresses {
    margin-bottom: 46px;
}

.template-account .my-addresses .bold-text {
    margin-top: 26px;
}

.template-account .order-table th.col-date, .template-account .order-table th.col-status, .template-account .order-table td.col-date, .template-account .order-table td.col-status {
    text-align: center;
}

@media only screen and (max-width: 739px) {
    .template-account .order-table th.col-status, .template-account .order-table td.col-status {
        text-align: right;
    }

    .template-account .order-table th.col-total, .template-account .order-table td.col-total {
        display: none;
    }
}

.template-addresses .main-content {
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .template-addresses .title-with-link {
        margin-bottom: 70px;
    }
}

.template-addresses .address-add-new {
    margin-bottom: 50px;
}

@media only screen and (max-width: 374px) {
    .template-addresses .address-add-new {
        display: block;
        width: 100%;
        padding-left: 13px;
        padding-right: 13px;
    }
}

.template-addresses .address-new-form, .template-addresses .address-edit-form {
    margin-bottom: 70px;
    text-align: left;
}

.template-addresses .address-new-form form, .template-addresses .address-edit-form form {
    display: block;
    padding: 15px;
    background: #f2f0eb;
}

@media only screen and (max-width: 739px) {
    .template-addresses .address-new-form form .medium-up--one-half: first-child, .template-addresses .address-edit-form form .medium-up--one-half:first-child {
        margin-bottom: 14px;
    }
}

@media only screen and (min-width: 740px) {
    .template-addresses .address-new-form form, .template-addresses .address-edit-form form {
        padding: 30px;
    }
}

.template-addresses .address-new-form .send, .template-addresses .address-edit-form .send {
    margin-bottom: 0;
    text-align: right;
}

.template-addresses .address-new-form .send .btn, .template-addresses .address-edit-form .send .btn {
    margin-bottom: 14px;
}

.template-addresses .address-edit-form {
    margin-top: 20px;
}

.template-addresses .address-block {
    margin-top: 25px;
    padding: 20px 15px;
    text-align: left;
    background: #f2f0eb;
}

@media only screen and (min-width: 740px) {
    .template-addresses .address-block {
        padding: 30px;
    }
}

.template-addresses .address-block a {
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
    color: #696765;
}

.template-addresses .address-block a.address-delete {
    padding-left: 20px;
    padding-right: 0;
    border-left: 1px solid #696765;
}

@media only screen and (min-width: 740px) {
    .template-addresses .address-info {
        display: inline-block;
        vertical-align: middle;
        width: 65%
    }

    .template-addresses .address-info p {
        margin-bottom: 0;
    }
}

.template-addresses .address-actions {
    font-size: 11px;
    font-weight: 400;
    line-height: 0.8;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@media only screen and (min-width: 740px) {
    .template-addresses .address-actions {
        display: inline-block;
        vertical-align: middle;
        width: 35%;
        text-align: right;
    }
}

.template-order .title-bar {
    margin-bottom: 4px;
}

.template-order .title-bar h2 {
    display: inline-block;
    width: 50%;
    padding-right: 10px;
    vertical-align: baseline;
    margin-bottom: 0;
}

.template-order .order-detail {
    margin-bottom: 46px;
}

@media only screen and (min-width: 830px) {
    .template-order .order-detail {
        margin-bottom: 0;
    }
}

.template-order .billing-address {
    margin-bottom: 46px;
}

@media only screen and (min-width: 830px) {
    .template-order .billing-address {
        margin-bottom: 62px;
    }
}

.template-order .order-status, .template-order .order-date {
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-order .order-status {
    display: inline-block;
    width: 50%;
    padding-left: 10px;
    vertical-align: baseline;
    margin: 0;
    text-align: right;
}

.template-order .order-status strong {
    font-weight: 400;
}

.template-order .order-date {
    margin-bottom: 20px;
}

.template-order .order-table {
    border-bottom: 0;
}

.template-order .order-table th.col-sku, .template-order .order-table th.col-price, .template-order .order-table th.col-qty, .template-order .order-table td.col-sku, .template-order .order-table td.col-price, .template-order .order-table td.col-qty {
    text-align: center;
}

@media only screen and (max-width: 989px) {
    .template-order .order-table th.col-sku, .template-order .order-table td.col-sku {
        overflow: hidden;
        width: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -999px;
    }
}

@media only screen and (max-width: 739px) {
    .template-order .order-table th.col-price, .template-order .order-table td.col-price {
        overflow: hidden;
        width: 0;
        padding-left: 0;
        padding-right: 0;
        text-indent: -999px;
    }
}

.template-order .order-table td.col-product {
    font-weight: 600;
}

.template-order .order-table .sku, .template-order .order-table .fulfillment {
    margin-top: 4px;
    font-weight: 400;
}

.template-order .order-table .sku {
    color: #696765;
}

.template-order .order-table tfoot td {
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 0;
    font-weight: 600;
    font-size: 11px;
}

.template-order .order-table tfoot td:first-child {
    text-align: right;
}

@media only screen and (min-width: 740px) {
    .template-order .order-table tfoot td: first-child {
        padding-right: 30px;
    }
}

.template-order .order-table tfoot tr:first-child td {
    padding-top: 15px;
    border-top: 1px solid #c5c5c5;
}

@media only screen and (min-width: 740px) {
    .template-order .order-table tfoot tr: first-child td {
        padding-top: 20px;
    }
}

.template-order .order-table tfoot tr:nth-last-of-type(2) td {
    padding-bottom: 15px;
}

@media only screen and (min-width: 740px) {
    .template-order .order-table tfoot tr:

nth-last-of-type(2) td {
                        padding-bottom: 20px;
                    }
}

.template-order .order-table tfoot tr:last-child td {
    background: #f2f0eb;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media only screen and (min-width: 740px) {
    .template-order .order-table tfoot tr: last-child td {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.instagram {
    background-color: #f7f7f6;
    text-align: center;
}

.instagram .wrapper {
    padding: 60px 15px;
}

@media only screen and (min-width: 740px) {
    .instagram .wrapper {
        padding: 90px 30px;
    }
}

.instagram h2 {
    margin-bottom: 60px;
    font-size: 20px;
    text-transform: none;
}

@media only screen and (min-width: 740px) {
    .instagram h2 {
        font-size: 24px;
    }
}

.instagram-nav {
    margin: 30px auto 0 auto;
    list-style: none;
    max-width: 800px;
    padding: 0;
}

.instagram-nav li {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
}

@media only screen and (min-width: 740px) {
    .instagram-nav li {
        padding: 0 30px;
    }
}

.instagram-nav li:last-child {
    margin-top: 15px;
}

@media only screen and (min-width: 740px) {
    .instagram-nav li: last-child {
        border-left: 1px solid #696765;
    }
}

.showcase-grid-buttons, .showcase-viewer-cart-icon {
    display: none !important;
}

#showcase-viewer .showcase-viewer-header .showcase-viewer-title {
    text-transform: none !important;
}

.wishlist-heart {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    padding: 10px;
    text-indent: -300px;
    overflow: hidden;
}

.wishlist-heart:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-heart.svg?v=6409685098823631301) no-repeat;
}

.wishlist-heart.iwishAdded:before {
    background-position: 0 -16px;
}

.wishlist {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.wishlist__guest-msg {
    display: none;
}

.wishlist__msg .iwishMsgInfo {
    margin-bottom: 22px;
}

.wishlist__msg .iwishMsgSuccess {
    padding: 18px 20px;
    border: 0;
    background-color: #beddcc;
}

.wishlist__grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    margin: 0 -7.5px;
    list-style-type: none;
    padding-left: 0;
}

@media only screen and (min-width: 740px) {
    .wishlist__grid {
        margin: 0 -10px;
    }
}

.wishlist__grid-item {
    display: block;
    flex: 0 0 50%;
    width: 50%;
    padding: 15px 7.5px;
}

@media only screen and (min-width: 740px) {
    .wishlist__grid-item {
        padding: 15px 10px;
    }
}

@media only screen and (min-width: 830px) {
    .wishlist__grid-item {
        flex-basis: 33.333333%;
        width: 33.333333%
    }
}

@media only screen and (min-width: 990px) {
    .wishlist__grid-item {
        flex-basis: 25%;
        width: 25%
    }
}

.iwish-product-form {
    height: 100%
}

.wishlist-item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

.wishlist-item__img-link {
    flex: 0 0 auto;
    display: block;
    margin-bottom: 12px;
    position: relative;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__img-link {
        margin-bottom: 0;
    }
}

.wishlist-item__img {
    display: block;
    padding: 23% 0;
    background-color: #fff;
}

.wishlist-item__title {
    flex: 0 0 auto;
    text-align: left;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 2px;
    color: #333;
}

.wishlist-item__title a {
    color: #333;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__title {
        order: 1;
    }
}

.wishlist-item__price {
    flex: 1 1 auto;
    text-align: left;
    font-size: 14px;
    color: #696765;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__price {
        order: 2;
        margin-bottom: 0;
    }
}

.wishlist-item__btn-group {
    flex: 0 0 auto;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__btn-group {
        position: relative;
        z-index: 10;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
        margin-top: -40px;
        margin-bottom: 22px;
    }
}

.wishlist-item__add-to-cart {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    display: block;
    padding: 15px 0 13px;
    background: #a8123e;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    outline: none;
    border: 1px solid #a8123e;
    border-radius: 0;
    width: 100%;
    transition: all 0.4s ease-out;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__add-to-cart {
        flex: 0 0 50%;
        width: 50%
    }
}

.wishlist-item__add-to-cart:hover, .wishlist-item__add-to-cart:focus {
    background: transparent;
    color: #a8123e;
}

.wishlist-item__remove {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    display: block;
    flex: 0 0 50%;
    padding: 15px 0 13px;
    background: #f7f7f6;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    color: #696765;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    outline: none;
    border: 1px solid #f7f7f6;
    transition: all 0.4s ease-out;
}

@media only screen and (min-width: 990px) {
    .wishlist-item__remove {
        flex: 0 0 50%;
        width: 50%
    }
}

.wishlist-item__remove:hover, .wishlist-item__remove:focus {
    color: #a8123e;
}

.accordion-content {
    display: none;
}

@media only screen and (min-width: 740px) {
    .only-medium-down .accordion-content {
        display: block !important;
    }
}

.accordion-trigger {
    cursor: pointer;
}

@media only screen and (min-width: 740px) {
    .only-medium-down .accordion-trigger {
        cursor: default;
    }
}

.tab {
    display: none;
}

.tab.active {
    display: inherit;
}

.tab__controls {
    margin: 0;
    padding: 0;
}

.tab__controls li {
    cursor: pointer;
    margin: 0 20px;
}

.tab__controls li.active {
    color: #a8123e;
    font-weight: bold;
}

.range-slider-tabs {
    display: none;
}

@media only screen and (min-width: 740px) {
    .range-slider-tabs.wrapper {
        padding-top: 0;
        padding-bottom: 106px;
    }
}

@media only screen and (min-width: 740px) {
    .range-slider-tabs {
        display: block;
    }
}

.range-slider-tabs .tab__controls li {
    position: relative;
    color: #c5c5c5;
    transition: color 0.3s ease-in-out;
}

.range-slider-tabs .tab__controls li.active {
    font-weight: 300;
    color: #333;
}

.range-slider-tabs .tab__controls {
    margin-bottom: 28px;
}

.range-slider-tabs .tab__controls li {
    font-size: 18px;
}

.range-slider-tabs .tab__controls li:first-child {
    margin-left: 0;
}

.range-slider-tabs .tab__controls li:last-child {
    margin-right: 0;
}

.range-slider-tabs .tab__controls li.active:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    background: #a8123e;
}

.range-slider-tabs .tab__controls li.active .arrow {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
}

.range-slider-tabs .tab__controls li.active .arrow:before, .range-slider-tabs .tab__controls li.active .arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.range-slider-tabs .tab__controls li.active .arrow:after {
    top: 10px;
    border-color: transparent transparent white transparent;
    border-width: 10px;
}

.range-slider-tabs .tab__controls li.active .arrow:before {
    top: 7px;
    left: -1px;
    border-color: transparent transparent #f2f0eb transparent;
    border-width: 11px;
}

.range-slider-tabs .product-upsell {
    padding-top: 15px;
    border-top: 1px solid #f2f0eb;
}

.faq__head {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 50px;
}

@media only screen and (min-width: 740px) {
    .faq__head {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
}

.faq__head-item {
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

@media only screen and (min-width: 740px) {
    .faq__head-item {
        margin-bottom: 0;
        text-align: left;
    }
}

.faq__section {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid transparent;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    text-transform: uppercase;
}

@media only screen and (min-width: 740px) {
    .faq__section {
        display: block;
    }
}

.faq__section.faq__section--active {
    border-bottom-color: #333;
}

.faq__body {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.faq__question {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    border-bottom: 1px solid #c5c5c5;
    touch-action: manipulation;
    cursor: pointer;
}

.faq__answer {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
}

.slide-fade--enter-active {
    transition: all .3s ease-in;
}

.slide-fade--leave-active {
    transition: all .3s ease-out;
}

.slide-fade--enter, .slide-fade--leave-to {
    transform: translateX(20px);
    opacity: 0;
}

.main-content .template-blog-main , .template-article .main-content {
    text-align: center;
}

.main-content .template-blog-main img, .template-article .main-content img {
    width: 100%
}

.template-blog-main .blog-grid, .template-article .blog-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}

.template-blog-main .blog-item, .template-article .blog-item {
    width: 50%;
    margin-bottom: 30px;
    padding: 0 5px;
    border-color: transparent;
}

.template-blog-main .blog-item a, .template-article .blog-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    color: #333;
}

.template-blog-main .blog-item img, .template-article .blog-item img {
    margin-bottom: 18px;
    /*border-radius: 50%*/
}

.template-blog-main .blog-item .tags, .template-article .blog-item .tags {
    margin-top: 0;
    margin-bottom: 4px;
}

.template-blog-main .blog-item h2, .template-blog-main .blog-item h3, .template-article .blog-item h2, .template-article .blog-item h3 {
    margin: 0 0 20px;
    font-size: 14px;
    color: #a8123e;
}

.template-blog-main .blog-item h2 + .rte, .template-blog-main .blog-item h3 + .rte, .template-article .blog-item h2 + .rte, .template-article .blog-item h3 + .rte {
    margin-top: -14px;
}

.template-blog-main .blog-item .rte, .template-article .blog-item .rte {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.2;
}

.template-blog-main .blog-item .rte p, .template-article .blog-item .rte p {
    margin: 6px 0 0;
}

.template-blog-main .blog-item .rte p:first-child, .template-article .blog-item .rte p:first-child {
    margin-top: 0;
}

.template-blog-main .blog-item .btn, .template-article .blog-item .btn {
    margin-top: auto;
}

@media only screen and (max-width: 739px) {
    .template-blog-main .blog-new-articles .blog-grid, .template-blog-main .related-articles .blog-grid, .template-article .blog-new-articles .blog-grid, .template-article .related-articles .blog-grid {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-left: -15px;
        margin-right: -15px;
    }

    .template-blog-main .blog-new-articles .blog-item, .template-blog-main .related-articles .blog-item, .template-article .blog-new-articles .blog-item, .template-article .related-articles .blog-item {
        flex: 0 0 260px;
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal;
    }

    .template-blog-main .blog-new-articles .blog-item:first-child, .template-blog-main .blog-new-articles .blog-item:last-child, .template-blog-main .related-articles .blog-item:first-child, .template-blog-main .related-articles .blog-item:last-child, .template-article .blog-new-articles .blog-item:first-child, .template-article .blog-new-articles .blog-item:last-child, .template-article .related-articles .blog-item:first-child, .template-article .related-articles .blog-item:last-child {
        flex: 0 0 265px;
    }

    .template-blog-main .blog-new-articles .blog-item:first-child, .template-blog-main .related-articles .blog-item:first-child, .template-article .blog-new-articles .blog-item:first-child, .template-article .related-articles .blog-item:first-child {
        padding-left: 15px;
    }

    .template-blog-main .blog-new-articles .blog-item:last-child, .template-blog-main .related-articles .blog-item:last-child, .template-article .blog-new-articles .blog-item:last-child, .template-article .related-articles .blog-item:last-child {
        padding-right: 15px;
    }

    .template-blog-main .blog-new-articles .blog-item img, .template-blog-main .related-articles .blog-item img, .template-article .blog-new-articles .blog-item img, .template-article .related-articles .blog-item img {
        margin-bottom: 24px;
    }

    .template-blog-main .related-articles .blog-item, .template-article .related-articles .blog-item {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 740px) {
    .template-blog-main .blog-grid, .template-article .blog-grid {
        margin-left: -10px;
        margin-right: -10px;
    }

    .template-blog-main .blog-item, .template-article .blog-item {
        margin-bottom: 60px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .template-blog-main .blog-item img, .template-article .blog-item img {
        margin-bottom: 30px;
    }

    .template-blog-main .blog-item .tags, .template-article .blog-item .tags {
        margin-bottom: 6px;
    }

    .template-blog-main .blog-item h2, .template-blog-main .blog-item h3, .template-article .blog-item h2, .template-article .blog-item h3 {
        margin-bottom: 24px;
        font-size: 18px;
        font-weight: 300;
    }

    .template-blog-main .blog-item .rte, .template-article .blog-item .rte {
        margin-bottom: 26px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 830px) {
    .template-blog-main .blog-item, .template-article .blog-item {
        width: 25%
    }
}

@media only screen and (min-width: 1100px) {
    .template-blog-main .blog-grid, .template-article .blog-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .template-blog-main .blog-item, .template-article .blog-item {
        margin-bottom: 0;
        padding: 29px;
        border: 1px solid transparent;
        transition: border-color 0.2s;
    }

    .template-blog-main .blog-item:hover, .template-blog-main .blog-item:focus, .template-article .blog-item:hover, .template-article .blog-item:focus {
        border-color: #a8123e;
    }

    .template-blog-main .blog-item:hover .btn, .template-blog-main .blog-item:focus .btn, .template-article .blog-item:hover .btn, .template-article .blog-item:focus .btn {
        background: #a8123e;
        color: #fff;
    }
}

.main-content .template-blog-main {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 38px;
    padding-bottom: 30px;
}

.main-content .template-blog-main .wrapper {
    max-width: 1440px;
    padding-top: 30px;
    padding-bottom: 0;
}

@media only screen and (min-width: 740px) {
    .main-content .template-blog-main {
        padding-top: 58px;
        padding-bottom: 60px;
    }

    .main-content .template-blog-main .wrapper {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 1100px) {
    .main-content .template-blog-main .wrapper {
        padding-bottom: 30px;
    }

    .main-content .template-blog-main .category-page .wrapper {
        padding-top: 30px;
    }
}

.main-content .template-blog-main .categories {
    margin: 0 0 36px;
    padding: 0;
    list-style: none;
}

.main-content .template-blog-main .categories li {
    display: block;
    margin: 0;
    padding: 0;
}

.main-content .template-blog-main .categories a, .main-content .template-blog-main .categories strong {
    display: block;
    padding: 2px 0;
}

@media only screen and (min-width: 740px) {
    .main-content .template-blog-main .categories {
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 0.9;
    }

    .main-content .template-blog-main .categories li {
        display: inline-block;
        vertical-align: top;
        margin: 10px 0 10px 0;
        border-right: 1px solid #696765;
    }

    .main-content .template-blog-main .categories li:last-child {
        border-right: 0;
    }

    .main-content .template-blog-main .categories a, .main-content .template-blog-main .categories strong {
        padding: 0 30px;
    }
}

.template-blog-main .intro h1 {
    margin-bottom: 12px;
    color: #a8123e;
}

@media only screen and (min-width: 740px) {
    .template-blog-main .intro h1 {
        font-size: 30px;
    }
}

.template-blog-main .category-description {
    max-width: 500px;
    margin: 0 auto 30px;
}

.template-blog-main .category-description h2 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 300;
    color: #a8123e;
}

.template-blog-main .category-description .rte {
    line-height: 1.2;
}

.template-blog-main .blog-section:nth-child(2n) {
    background: #f2f0eb;
}

.template-blog-main .ajax-load-posts.loading {
    min-height: 200px;
    margin-bottom: 30px;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/ico-loading.svg?v=6903205082220040879) center center no-repeat;
}

@media only screen and (min-width: 1100px) {
    .template-blog-main .ajax-load-posts.loading {
        margin-bottom: 0;
    }
}

.template-blog-main .ajax-load-posts .blog-item {
    animation: fadeInLoad 0.8s ease-in-out 0s;
}

@media only screen and (max-width: 739px) {
    .template-blog-main .blog-category .blog-item .rte {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .template-blog-main .blog-category .blog-item .btn {
        display: block;
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
}

.template-blog-main .blog-load-more {
    position: relative;
}

.template-blog-main .blog-load-more .btn {
    margin-top: 30px;
    margin-bottom: 60px;
}

.template-blog-main .blog-load-more .btn::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #e4e1d8;
    content: ''
}

@media only screen and (min-width: 740px) {
    .template-blog-main .blog-load-more .btn {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1100px) {
    .template-blog-main .blog-load-more .btn {
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .template-blog-main .blog-load-more .btn::after {
        top: 30px;
    }
}

.template-blog-main .pagination {
    display: none;
    margin-top: 0;
    margin-bottom: 60px;
}

.template-article .article-header {
    background: #f2f0eb;
}

.template-article .article-header .wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.template-article .article-header h1 {
    margin-top: 6px;
    margin-bottom: 26px;
    color: #a8123e;
}

.template-article .article-header .breadcrumbs a, .template-article .article-header .tags a {
    color: #696765;
}

.template-article .article-header .breadcrumbs a:hover, .template-article .article-header .breadcrumbs a:focus, .template-article .article-header .tags a:hover, .template-article .article-header .tags a:focus {
    color: #333;
}

.template-article .article-header .breadcrumbs {
    margin-bottom: 28px;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #696765;
    font-weight: 400;
}

.template-article .article-header .tags {
    margin: 0;
}

.template-article .article-header .social-sharing {
    margin: 0;
    color: #696765;
}

.template-article .article-header .social-sharing a {
    color: #a8123e;
}

.template-article .article-header .toolbar .breadcrumbs {
    display: none;
    margin: 0;
}

.template-article .main-article .wrapper {
    max-width: 1060px;
}

.template-article .main-article .article-content {
    padding-top: 30px;
    padding-bottom: 40px;
}

.template-article .has-hypervisual .article-header .wrapper {
    padding-bottom: 120px;
}

.template-article .has-hypervisual .article-content {
    margin-top: -90px;
    padding-top: 0;
}

.template-article .related-articles .wrapper {
    max-width: 1440px;
    padding-top: 0;
    padding-bottom: 0;
}

.template-article .related-articles h1 {
    margin-bottom: 28px;
    padding-top: 30px;
    border-top: 1px solid #f2f0eb;
    font-size: 18px;
    color: #a8123e;
}

@media only screen and (min-width: 740px) {
    .template-article .article-header .wrapper {
        padding-top: 60px;
        padding-bottom: 54px;
    }

    .template-article .article-header h1 {
        margin-top: 10px;
        margin-bottom: 48px;
        font-size: 30px;
    }

    .template-article .article-header .breadcrumbs {
        display: none;
    }

    .template-article .article-header .toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .template-article .article-header .toolbar .breadcrumbs {
        display: block;
        margin-top: 2px;
        padding-right: 15px;
        text-align: left;
    }

    .template-article .article-header .toolbar .social-sharing {
        margin-right: -8px;
        padding-left: 15px;
        white-space: nowrap;
    }

    .template-article .main-article .article-content {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .template-article .has-hypervisual .article-header .wrapper {
        padding-bottom: 260px;
    }

    .template-article .has-hypervisual .article-content {
        margin-top: -310px;
    }

    .template-article .related-articles h1 {
        padding-top: 60px;
    }
}

@media only screen and (min-width: 1100px) {
    .template-article .related-articles .wrapper {
        padding-bottom: 30px;
    }
}

.template-page .hypervisual__text-small, .template-page .hypervisual__text-small *, .template-page input.hypervisual__text-small, .template-article .hypervisual__text-small, .template-article .hypervisual__text-small *, .template-article input.hypervisual__text-small {
    font-size: 12px;
    line-height: 1.4;
}

@media only screen and (min-width: 740px) {
    .template-page .hypervisual__text-small, .template-page .hypervisual__text-small *, .template-page input.hypervisual__text-small, .template-article .hypervisual__text-small, .template-article .hypervisual__text-small *, .template-article input.hypervisual__text-small {
        font-size: 14px;
    }
}

.template-page .hypervisual__text-medium, .template-page .hypervisual__text-medium *, .template-page input.hypervisual__text-medium, .template-article .hypervisual__text-medium, .template-article .hypervisual__text-medium *, .template-article input.hypervisual__text-medium {
    font-size: 14px;
    line-height: 1.4;
}

@media only screen and (min-width: 740px) {
    .template-page .hypervisual__text-medium, .template-page .hypervisual__text-medium *, .template-page input.hypervisual__text-medium, .template-article .hypervisual__text-medium, .template-article .hypervisual__text-medium *, .template-article input.hypervisual__text-medium {
        font-size: 16px;
    }
}

.template-page .hypervisual__text-large, .template-page .hypervisual__text-large *, .template-page input.hypervisual__text-large, .template-article .hypervisual__text-large, .template-article .hypervisual__text-large *, .template-article input.hypervisual__text-large {
    font-size: 16px;
    line-height: 1.4;
}

@media only screen and (min-width: 740px) {
    .template-page .hypervisual__text-large, .template-page .hypervisual__text-large *, .template-page input.hypervisual__text-large, .template-article .hypervisual__text-large, .template-article .hypervisual__text-large *, .template-article input.hypervisual__text-large {
        font-size: 23px;
    }
}

.template-page .hypervisual__text-xlarge, .template-page .hypervisual__text-xlarge *, .template-page input.hypervisual__text-xlarge, .template-article .hypervisual__text-xlarge, .template-article .hypervisual__text-xlarge *, .template-article input.hypervisual__text-xlarge {
    font-size: 18px;
    line-height: 1.4;
}

@media only screen and (min-width: 740px) {
    .template-page .hypervisual__text-xlarge, .template-page .hypervisual__text-xlarge *, .template-page input.hypervisual__text-xlarge, .template-article .hypervisual__text-xlarge, .template-article .hypervisual__text-xlarge *, .template-article input.hypervisual__text-xlarge {
        font-size: 24px;
    }
}

.template-page h1.hypervisual__text_line_one, .template-page h2.hypervisual__text_line_one, .template-page h3.hypervisual__text_line_one, .template-article h1.hypervisual__text_line_one, .template-article h2.hypervisual__text_line_one, .template-article h3.hypervisual__text_line_one {
    font-weight: 300;
}

.template-page .hypervisual__button, .template-page .hypervisual__content-block .hypervisual__button, .template-page .hypervisual__content-block a.hypervisual__button, .template-page .hypervisual__embed_product-button, .template-page a.hypervisual__button, .template-page a.hypervisual__embed_product-button, .template-article .hypervisual__button, .template-article .hypervisual__content-block .hypervisual__button, .template-article .hypervisual__content-block a.hypervisual__button, .template-article .hypervisual__embed_product-button, .template-article a.hypervisual__button, .template-article a.hypervisual__embed_product-button {
    margin-top: 14px;
    padding: 15px 14px 13px;
    background: #a8123e !important;
    font-family: "Trilogy", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0.08em;
    color: #fff !important;
    border: 1px solid #a8123e;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease-out;
}

.template-page .hypervisual__button *, .template-page .hypervisual__content-block .hypervisual__button *, .template-page .hypervisual__content-block a.hypervisual__button *, .template-page .hypervisual__embed_product-button *, .template-page a.hypervisual__button *, .template-page a.hypervisual__embed_product-button *, .template-article .hypervisual__button *, .template-article .hypervisual__content-block .hypervisual__button *, .template-article .hypervisual__content-block a.hypervisual__button *, .template-article .hypervisual__embed_product-button *, .template-article a.hypervisual__button *, .template-article a.hypervisual__embed_product-button * {
    font-size: 10px;
    line-height: 10px;
}

.template-page .hypervisual__button:hover, .template-page .hypervisual__button:focus, .template-page .hypervisual__content-block .hypervisual__button:hover, .template-page .hypervisual__content-block .hypervisual__button:focus, .template-page .hypervisual__content-block a.hypervisual__button:hover, .template-page .hypervisual__content-block a.hypervisual__button:focus, .template-page .hypervisual__embed_product-button:hover, .template-page .hypervisual__embed_product-button:focus, .template-page a.hypervisual__button:hover, .template-page a.hypervisual__button:focus, .template-page a.hypervisual__embed_product-button:hover, .template-page a.hypervisual__embed_product-button:focus, .template-article .hypervisual__button:hover, .template-article .hypervisual__button:focus, .template-article .hypervisual__content-block .hypervisual__button:hover, .template-article .hypervisual__content-block .hypervisual__button:focus, .template-article .hypervisual__content-block a.hypervisual__button:hover, .template-article .hypervisual__content-block a.hypervisual__button:focus, .template-article .hypervisual__embed_product-button:hover, .template-article .hypervisual__embed_product-button:focus, .template-article a.hypervisual__button:hover, .template-article a.hypervisual__button:focus, .template-article a.hypervisual__embed_product-button:hover, .template-article a.hypervisual__embed_product-button:focus {
    background: transparent !important;
    color: #a8123e !important;
}

.template-page .hypervisual__button a:hover, .template-page .hypervisual__button a:focus, .template-article .hypervisual__button a:hover, .template-article .hypervisual__button a:focus {
    color: #a8123e;
}

.template-page .hypervisual__text-button, .template-page .hypervisual__content-block .hypervisual__text-button, .template-page .hypervisual__content-block a.hypervisual__text-button, .template-page a.hypervisual__text-button, .template-article .hypervisual__text-button, .template-article .hypervisual__content-block .hypervisual__text-button, .template-article .hypervisual__content-block a.hypervisual__text-button, .template-article a.hypervisual__text-button {
    padding-left: 40px;
    padding-right: 40px;
}

@media only screen and (max-width: 479px) {
    .template-page .hypervisual__text-button, .template-page .hypervisual__content-block .hypervisual__text-button, .template-page .hypervisual__content-block a.hypervisual__text-button, .template-page a.hypervisual__text-button, .template-article .hypervisual__text-button, .template-article .hypervisual__content-block .hypervisual__text-button, .template-article .hypervisual__content-block a.hypervisual__text-button, .template-article a.hypervisual__text-button {
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
}

.main-content #ingredients {
    max-width: none;
    padding: 0;
}

#ingredients .intro {
    background-color: #f2f0eb;
    font-size: 14px;
    max-width: none;
    padding: 40px 10px;
    text-align: center;
}

#ingredients .intro h1 {
    border: 0;
    color: #a8123e;
    font-size: 20px;
    letter-spacing: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: none;
}

@media only screen and (min-width: 990px) {
    #ingredients .intro h1 {
        font-size: 30px;
    }
}

#ingredients .intro *:last-child {
    margin-bottom: 0;
}

#ingredients .intro__inner {
    margin: 0 auto;
    max-width: 440px;
}

#ingredients .blog-grid {
    padding: 15px;
}

#ingredients .categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

@media only screen and (min-width: 990px) {
    #ingredients .categories {
        margin-top: 40px;
    }
}

#ingredients .categories a {
    font-weight: 400;
    text-transform: uppercase;
}

#ingredients .categories a.active {
    color: #a8123e;
}

#ingredients .categories li {
    border: 0;
    margin: 0 9px;
    padding: 0;
}

.article-ingredient h1, .article-ingredient h2, .article-ingredient h3 {
    color: #a8123e;
}

.article-ingredient .article-ingredient-title {
    color: #a8123e;
    margin-bottom: 10px;
}

.article-ingredient .slider-carousel .slider-items {
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 15px;
    margin-bottom: -15px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vw);
    scroll-snap-type: x mandatory;
}

.article-ingredient .slider-items::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.article-ingredient .slider-carousel .slider-item {
    display: inline-block;
    margin: 0 15px;
    width: 120px;
    white-space: initial;
}

.article-ingredient__content {
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

.value-props .value-props__inner {
    display: inline-flex;
}

@media only screen and (min-width: 740px) {
    .value-props .value-props__inner {
        justify-content: center;
    }
}

.value-props .value-props__inner:empty {
    display: none;
}

.value-props__item svg {
    width: 100%;
    max-width: 62px;
    opacity: 0.7;
}

.value-props__item svg path {
    color: #333;
}

@media only screen and (min-width: 740px) {
    .value-props__item svg {
        width: 100%
    }
}

.template-index .value-props {
    text-align: center;
    margin-top: 30px;
}

.template-index .value-props__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 5px;
}

.template-index .value-props__item {
    padding: 0 5px;
}

@media only screen and (min-width: 740px) {
    .template-index .value-props__item {
        /*padding: 0 25px;*/
    }
}

.template-cart .value-props {
    margin-left: -10px;
    margin-right: -10px;
}

@media only screen and (min-width: 740px) {
    .template-cart .value-props {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
}

.template-cart .value-props__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 36px;
}

@media only screen and (min-width: 740px) {
    .template-cart .value-props__inner {
        margin-top: 26px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.template-cart .value-props__item {
    padding: 0 10px;
}

@media only screen and (min-width: 740px) {
    .template-cart .value-props__item {
        padding: 0 7.5px;
    }
}

.template-product .value-props__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
}

@media only screen and (min-width: 740px) {
    .template-product .value-props__inner {
        flex-wrap: nowrap;
        padding-top: 10px;
        padding-bottom: 16px;
    }
}

.template-product .value-props__item {
    padding: 10px;
}

@media only screen and (min-width: 740px) {
    .template-product .value-props__item {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.main-content .template-find-your-skincare-regime {
    background-color: #a8123e;
    background-size: cover;
    background-position: center top;
    color: #fff;
    text-align: center;
}

.main-content .template-find-your-skincare-regime  .wrapper {
    max-width: 740px;
    padding-top: 60px;
    padding-bottom: 56px;
}

.main-content .template-find-your-skincare-regime  h1 {
    margin-bottom: 6px;
    font-size: 30px;
}

.main-content .template-find-your-skincare-regime  .intro {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}

.main-content .template-find-your-skincare-regime .circle {
    overflow: hidden;
    display: flex;
    max-width: 360px;
    margin: 30px auto;
    background: #fff;
    border-radius: 50%
}

.main-content .template-find-your-skincare-regime .circle::before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 100%
}

.main-content .template-find-your-skincare-regime .circle::after {
    content: '';
    display: table;
    clear: both;
}

.main-content .template-find-your-skincare-regime  .circle a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 8.5%;
    color: #333;
}

.main-content .template-find-your-skincare-regime .circle h6 {
    margin-bottom: 2px;
}

.main-content .template-find-your-skincare-regime .circle h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #a8123e;
}

.main-content .template-find-your-skincare-regime .circle .rte {
    line-height: 1.2;
}

.main-content .template-find-your-skincare-regime.circle .rte p:last-child {
    margin-bottom: 0;
}

.main-content .template-find-your-skincare-regime .circle h3 {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #a8123e;
}

@media only screen and (min-width: 375px) {
    .main-content .template-find-your-skincare-regime .circles-outer {
        padding-left: 27.5px;
        padding-right: 27.5px;
    }
}

@media only screen and (min-width: 740px) {
    .main-content .template-find-your-skincare-regime .wrapper {
        padding-top: 160px;
        padding-bottom: 136px;
    }

    .main-content .template-find-your-skincare-regime h1 {
        font-size: 40px;
    }

    .main-content .template-find-your-skincare-regime .intro {
        margin-bottom: 40px;
        font-size: 18px;
    }

    .main-content .template-find-your-skincare-regime .circles-outer {
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }

    .main-content .template-find-your-skincare-regime .circle {
        width: calc(50% - 50px);
        margin-left: 25px;
        margin-right: 25px;
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s;
    }

    .main-content .template-find-your-skincare-regime .circle a {
        transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .main-content .template-find-your-skincare-regime .circle:hover, .main-content .template-find-your-skincare-regime .circle:focus {
        transform: scale(1.14);
    }

    .main-content .template-find-your-skincare-regime .circle:hover a, .main-content .template-find-your-skincare-regime .circle:focus a {
        transform: scale(0.877);
    }

    .main-content .template-find-your-skincare-regime .circle.fade {
        opacity: 0.6;
    }
}

.template-personalised-guide .main-content {
    background: #f7f7f6;
}

.template-personalised-guide .main-content .wrapper {
    max-width: none;
    padding: 0;
}

.template-personalised-guide div.pf-app-padding, .template-personalised-guide div.pf-pagination-wrapper {
    max-width: 1350px;
}

.template-personalised-guide div.pf-app-padding {
    margin-left: auto;
    margin-right: auto;
    padding: 60px 7.5px 86px 7.5px;
}

.template-personalised-guide div.guidelines-product-finder {
    margin-bottom: -90px;
}

.template-personalised-guide div.pf-step-headline-row, .template-personalised-guide div.pf-step-subheadline-row {
    margin-top: 0;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.template-personalised-guide .pf-step-headline-style, .template-personalised-guide .pf-step-subheadline-style {
    display: block;
    line-height: 1.2;
}

.template-personalised-guide .pf-step-headline-style {
    font-size: 30px;
    color: #a8123e;
}

.template-personalised-guide div.pf-answer-button-style {
    display: inline-block;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 15px 40px 13px;
    background: #a8123e;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid #a8123e;
    letter-spacing: 0.08em;
    transition: all 0.4s ease-out;
}

.template-personalised-guide div.pf-answer-button-style:hover, .template-personalised-guide div.pf-answer-button-style:focus {
    background: transparent;
    color: #a8123e;
}

.template-personalised-guide div.pf-answer-button-style[disabled] {
    cursor: default;
    background: #c5c5c5;
    border-color: #c5c5c5;
}

.template-personalised-guide div.pf-answer-button-style[disabled]:hover, .template-personalised-guide div.pf-answer-button-style[disabled]:focus {
    color: #fff;
}

.template-personalised-guide #pf-experience button {
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
}

.template-personalised-guide #pf-experience button:hover, .template-personalised-guide #pf-experience button:focus {
    color: #a8123e;
}

.template-personalised-guide #pf-experience button[disabled]:hover, .template-personalised-guide #pf-experience button[disabled]:focus {
    color: #fff;
}

.template-personalised-guide div.pf-answer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: none;
    width: auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

.template-personalised-guide div.pf-answer-row::before {
    content: normal;
}

.template-personalised-guide div.pf-answer-row::after {
    content: normal;
}

.template-personalised-guide div.pf-col-xs-12 {
    float: none;
    clear: none;
    overflow: hidden;
    width: calc(50% - 15px);
    max-width: 250px;
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    border-radius: 50%
}

.template-personalised-guide div.pf-col-xs-12::before {
    content: '';
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 100%
}

.template-personalised-guide div.pf-col-xs-12::after {
    content: '';
    display: table;
    clear: both;
}

.template-personalised-guide div.pf-answer-image-style {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 11% 0 0;
}

.template-personalised-guide div.pf-answer-image-style img {
    display: block;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
}

.template-personalised-guide div.pf-image-label-style, .template-personalised-guide span.pf-answer-description-style {
    display: block;
    padding: 0 11%
}

.template-personalised-guide div.pf-image-label-style {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.template-personalised-guide div.pf-answer-description-style {
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.2;
}

.template-personalised-guide .pf-pagination li {
    margin-left: 3.5px;
    margin-right: 3.5px;
}

.template-personalised-guide div.pf-pagination-wrapper {
    position: relative;
    top: -90px;
    height: 75px;
    padding-left: 15px;
    padding-right: 15px;
}

.template-personalised-guide div.pf-pagination-wrapper a.pf-answer-text-style {
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.template-personalised-guide .pf-step-0 div.pf-col-xs-12 {
    overflow: visible;
    margin-bottom: 30px;
    background: transparent;
    border-radius: 0;
}

.template-personalised-guide .pf-step-0 div.pf-col-xs-12::before {
    content: normal;
}

.template-personalised-guide .pf-step-0 div.pf-answer-image-style {
    padding: 0;
}

.template-personalised-guide .pf-step-0 div.pf-answer-image-style img {
    width: calc(100% - 10px);
    border-radius: 50%
}

.template-personalised-guide .pf-step-0 div.pf-image-label-style, .template-personalised-guide .pf-step-0 span.pf-answer-description-style {
    padding: 0;
}

.template-personalised-guide .pf-step-0 div.pf-image-label-style {
    margin-top: 15px;
    font-size: 16px;
}

.template-personalised-guide .pf-step-0 div.pf-answer-description-style {
    margin-top: 4px;
    font-size: 12px;
}

.template-personalised-guide #pf-experience .pf-step-0 img {
    border: 5px solid #fff;
    box-sizing: content-box;
}

.template-personalised-guide .pf-step-1 .pf-answer-row, .template-personalised-guide .pf-step-2 .pf-answer-row {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.template-personalised-guide .pf-step-3 div.pf-answer-row::after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
    width: 100%;
    margin-top: 25px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    font-size: 12px;
    line-height: 1.2;
}

.template-personalised-guide .pf-step-3 div.pf-answer-image-style, .template-personalised-guide .pf-step-4 div.pf-answer-image-style, .template-personalised-guide .pf-step-5 div.pf-answer-image-style {
    justify-content: center;
    padding-top: 0;
    padding-bottom: 3%
}

.template-personalised-guide .pf-step-3 div.pf-answer-image-style img, .template-personalised-guide .pf-step-4 div.pf-answer-image-style img, .template-personalised-guide .pf-step-5 div.pf-answer-image-style img {
    width: 25%
}

.template-personalised-guide .pf-step-3 div.pf-image-label-style, .template-personalised-guide .pf-step-4 div.pf-image-label-style, .template-personalised-guide .pf-step-5 div.pf-image-label-style {
    line-height: 1;
}

.template-personalised-guide .pf-step-3 div.pf-answer-description-style, .template-personalised-guide .pf-step-4 div.pf-answer-description-style, .template-personalised-guide .pf-step-5 div.pf-answer-description-style {
    margin-top: 6px;
}

.template-personalised-guide .pf-step-3 div.pf-col-xs-12:last-child div.pf-answer-image-style, .template-personalised-guide .pf-step-5 div.pf-col-xs-12:last-child div.pf-answer-image-style {
    padding-bottom: 0;
}

.template-personalised-guide .pf-step-3 div.pf-col-xs-12:last-child div.pf-answer-image-style img, .template-personalised-guide .pf-step-5 div.pf-col-xs-12:last-child div.pf-answer-image-style img {
    display: none;
}

.template-personalised-guide .pf-step-3 div.pf-col-xs-12:last-child div.pf-image-label-style, .template-personalised-guide .pf-step-5 div.pf-col-xs-12:last-child div.pf-image-label-style {
    margin-top: 0;
}

.template-personalised-guide .pf-step-3 div.pf-answer-row::after {
    content: 'Trilogy\'s natural cleansers are made with pure plant oils which will keep your skin cleansed,  balanced and healthy.'
}

.template-personalised-guide .pf-step-3 div.pf-col-xs-12:first-child div.pf-image-label-style {
    margin-top: 6px;
}

.template-personalised-guide .pf-step-4 div.pf-answer-row::after {
    content: 'Our potent oils and serums deliver everything your skin needs to help protect against environmental damage and maintain a healthy,  radiant complexion.'
}

.template-personalised-guide .pf-step-4 div.pf-image-label-style {
    margin-top: 6px;
}

.template-personalised-guide .pf-step-5 div.pf-answer-row::after {
    content: 'Trilogy\'s natural moisturisers enriched with pure plant oils,  powerful antioxidants and proven natural actives will provide your skin with essential daily hydration for a healthy glow.'
}

.template-personalised-guide .pf-step-5 div.pf-answer-image-style img {
    width: 30%
}

.template-personalised-guide .pf-step-results {
    background: #fff;
}

.template-personalised-guide .pf-step-results div.pf-app-padding {
    max-width: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.template-personalised-guide .pf-step-results .pf-results-header {
    text-align: center;
}

.template-personalised-guide .pf-step-results div.pf-step-headline-row, .template-personalised-guide .pf-step-results div.pf-step-subheadline-row {
    float: none;
    padding-left: 15px;
    padding-right: 15px;
    background: #f2f0eb;
    text-align: center;
}

.template-personalised-guide .pf-step-results div.pf-step-headline-row {
    padding-top: 60px;
    padding-bottom: 10px;
}

.template-personalised-guide .pf-step-results div.pf-step-subheadline-row {
    width: 100%;
    max-width: none;
    padding-bottom: 50px;
}

.template-personalised-guide .pf-step-results .pf-step-headline-style {
    font-size: 14px;
    color: #333;
}

.template-personalised-guide .pf-step-results .pf-step-subheadline-style {
    margin-top: 0;
    font-size: 30px;
    color: #a8123e;
}

.template-personalised-guide .pf-step-results div.pf-product-wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 15px 15px 0;
}

.template-personalised-guide .pf-step-results div.pf-results-row {
    float: none;
    width: auto;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 30px;
}

.template-personalised-guide .pf-step-results div.pf-col-xs-12 {
    overflow: visible;
    float: left;
    width: 50%;
    max-width: none;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    background: transparent;
    border-radius: 0;
}

.template-personalised-guide .pf-step-results div.pf-col-xs-12::before {
    content: normal;
}

.template-personalised-guide .pf-step-results div.pf-results-outer.pf-results-size-large {
    display: block;
    width: auto;
    max-height: none;
    margin: 0;
    padding-bottom: 0;
}

.template-personalised-guide .pf-step-results div.pf-results-inner {
    margin-bottom: 18px;
    padding: 0;
    background-color: #fff;
    border: 0;
    text-align: left;
}

.template-personalised-guide .pf-step-results div.pf-results-inner span.pf-align-helper {
    display: none;
}

.template-personalised-guide .pf-step-results div.pf-results-inner .pf-results-link {
    display: block;
    padding: 23% 0;
}

.template-personalised-guide .pf-step-results div.pf-results-inner img {
    width: 100%;
    max-width: none;
    max-height: none;
}

.template-personalised-guide .pf-step-results div.pf-results-inner.pf-results-size-large {
    height: auto;
}

.template-personalised-guide .pf-step-results div.pf-results-details {
    margin-top: 0;
    text-align: left;
}

.template-personalised-guide .pf-step-results .pf-results-title {
    margin-bottom: 2px;
    font-weight: 400;
    line-height: 1.2;
}

.template-personalised-guide .pf-step-results .pf-results-price {
    color: #696765;
}

.template-personalised-guide .pf-step-results .pf-results-outer .btn {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
}

@media only screen and (min-width: 375px) {
    .template-personalised-guide div.pf-answer-image-style {
        padding: 13% 0 0;
    }

    .template-personalised-guide div.pf-answer-image-style img {
        width: 21%
    }

    .template-personalised-guide div.pf-image-label-style, .template-personalised-guide span.pf-answer-description-style {
        padding: 0 13%
    }

    .template-personalised-guide .pf-step-3 div.pf-answer-image-style img, .template-personalised-guide .pf-step-4 div.pf-answer-image-style img {
        width: 36%
    }

    .template-personalised-guide .pf-step-4 div.pf-col-xs-12 div.pf-image-label-style {
        margin-top: 2px;
    }

    .template-personalised-guide .pf-step-5 div.pf-answer-image-style img {
        width: 44%
    }
}

@media only screen and (min-width: 375px) and (max-width: 739px) {
    .template-personalised-guide .pf-step-4 div.pf-col-xs-12: first-child div.pf-image-label-style, .template-personalised-guide .pf-step-4 div.pf-col-xs-12:first-child span.pf-answer-description-style {
        padding: 0 8%
    }
}

@media only screen and (min-width: 480px) {
    .template-personalised-guide div.pf-answer-image-style {
        padding-top: 22%
    }
}

@media only screen and (min-width: 740px) {
    .template-personalised-guide div.pf-app-padding {
        padding: 110px 15px 116px 15px;
    }

    .template-personalised-guide div.guidelines-product-finder {
        margin-bottom: -75px;
    }

    .template-personalised-guide div.pf-step-headline-row, .template-personalised-guide div.pf-step-subheadline-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .template-personalised-guide .pf-step-headline-style {
        font-size: 40px;
    }

    .template-personalised-guide .pf-step-subheadline-style {
        font-size: 18px;
    }

    .template-personalised-guide div.pf-step-subheadline-row {
        max-width: 450px;
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
    }

    .template-personalised-guide div.pf-answer-row {
        margin-top: 70px;
        margin-bottom: 60px;
    }

    .template-personalised-guide div.pf-col-xs-12 {
        width: calc(33.333% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    .template-personalised-guide div.pf-answer-image-style {
        padding-top: 19%
    }

    .template-personalised-guide div.pf-image-label-style, .template-personalised-guide .pf-step-0 div.pf-image-label-style {
        font-size: 18px;
    }

    .template-personalised-guide div.pf-image-label-style {
        margin-top: 18px;
    }

    .template-personalised-guide div.pf-answer-description-style, .template-personalised-guide .pf-step-0 div.pf-answer-description-style {
        font-size: 14px;
        margin-top: 8px;
    }

    .template-personalised-guide div.pf-answer-description-style {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .template-personalised-guide div.pf-pagination-wrapper {
        top: -110px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .template-personalised-guide div.pf-pagination-wrapper a.pf-answer-text-style {
        left: 30px;
    }

    .template-personalised-guide .pf-step-0 div.pf-col-xs-12 {
        width: calc(25% - 30px);
    }

    .template-personalised-guide .pf-step-0 div.pf-image-label-style {
        margin-top: 20px;
    }

    .template-personalised-guide .pf-step-1 div.pf-answer-description-style, .template-personalised-guide .pf-step-2 div.pf-answer-description-style {
        font-size: 12px;
    }

    .template-personalised-guide .pf-step-3 div.pf-answer-row::after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
        margin-top: 55px;
        padding-left: 85px;
        padding-right: 85px;
        font-size: 14px;
    }

    .template-personalised-guide .pf-step-3 div.pf-col-xs-12, .template-personalised-guide .pf-step-4 div.pf-col-xs-12, .template-personalised-guide .pf-step-5 div.pf-col-xs-12 {
        width: calc(50% - 30px);
        max-width: 300px;
    }

    .template-personalised-guide .pf-step-3 div.pf-answer-image-style, .template-personalised-guide .pf-step-4 div.pf-answer-image-style, .template-personalised-guide .pf-step-5 div.pf-answer-image-style {
        padding-bottom: 5%
    }

    .template-personalised-guide .pf-step-3 div.pf-image-label-style, .template-personalised-guide .pf-step-4 div.pf-image-label-style, .template-personalised-guide .pf-step-5 div.pf-image-label-style {
        line-height: 1.2;
    }

    .template-personalised-guide .pf-step-3 div.pf-answer-image-style img, .template-personalised-guide .pf-step-4 div.pf-answer-image-style img {
        width: 50%
    }

    .template-personalised-guide .pf-step-3 div.pf-image-label-style {
        margin-top: 10px;
    }

    .template-personalised-guide .pf-step-5 div.pf-answer-image-style img {
        width: 56%
    }

    .template-personalised-guide .pf-step-results div.pf-step-headline-row {
        padding-top: 80px;
    }

    .template-personalised-guide .pf-step-results div.pf-step-subheadline-row {
        margin-top: 0;
        padding-top: 6px;
        padding-bottom: 70px;
    }

    .template-personalised-guide .pf-step-results .pf-step-headline-style {
        font-size: 18px;
    }

    .template-personalised-guide .pf-step-results div.pf-product-wrapper {
        padding: 44px 30px 0;
    }

    .template-personalised-guide .pf-step-results div.pf-results-row {
        margin-left: -20px;
    }

    .template-personalised-guide .pf-step-results div.pf-col-xs-12 {
        padding-left: 20px;
    }

    .template-personalised-guide .pf-step-results div.pf-results-inner {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 829px) {
    .template-personalised-guide .pf-step-results div.pf-col-xs-12:

nth-child(2n +

1) {
    clear: left;
}
}

@media only screen and (min-width: 830px) {
    .template-personalised-guide .pf-step-3 div.pf-answer-row: :after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
        padding-left: 130px;
        padding-right: 130px;
    }

    .template-personalised-guide .pf-step-results div.pf-col-xs-12 {
        width: 33.333%
    }
}

@media only screen and (min-width: 830px) and (max-width: 989px) {
    .template-personalised-guide .pf-step-results div.pf-col-xs-12:

nth-child(3n +

1) {
    clear: left;
}
}

@media only screen and (min-width: 990px) {
    .template-personalised-guide .pf-step-3 div.pf-answer-row: :after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
        padding-left: 210px;
        padding-right: 210px;
    }

    .template-personalised-guide .pf-step-3 div.pf-col-xs-12, .template-personalised-guide .pf-step-4 div.pf-col-xs-12, .template-personalised-guide .pf-step-5 div.pf-col-xs-12 {
        width: calc(33.333% - 30px);
    }

    .template-personalised-guide .pf-step-4 div.pf-answer-image-style {
        padding-bottom: 12%
    }

    .template-personalised-guide .pf-step-results div.pf-col-xs-12 {
        width: 25%
    }

    .template-personalised-guide .pf-step-results div.pf-col-xs-12:nth-child(4n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 1100px) {
    .template-personalised-guide .pf-step-3 div.pf-answer-row: :after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
        padding-left: 265px;
        padding-right: 265px;
    }
}

@media only screen and (min-width: 1260px) {
    .template-personalised-guide div.pf-col-xs-12 {
        width: calc(20% - 30px);
    }

    .template-personalised-guide .pf-step-1 .pf-answer-row, .template-personalised-guide .pf-step-2 .pf-answer-row {
        max-width: none;
    }

    .template-personalised-guide .pf-step-3 div.pf-answer-row::after, .template-personalised-guide .pf-step-4 div.pf-answer-row::after, .template-personalised-guide .pf-step-5 div.pf-answer-row::after {
        padding-left: 390px;
        padding-right: 390px;
    }
}

.template-skincare-quick-guide .main-content .wrapper {
    max-width: 1440px;
    padding-top: 30px;
    padding-bottom: 80px;
}

.template-skincare-quick-guide .banner-header, .template-skincare-quick-guide .banner-footer {
    position: relative;
    background-size: cover;
    line-height: 1.2;
}

.template-skincare-quick-guide .banner-header .inner, .template-skincare-quick-guide .banner-footer .inner {
    width: 100%
}

.template-skincare-quick-guide .banner-header {
    min-height: 180px;
    padding-top: 48%;
    font-size: 12px;
    background-position: left top;
}

.template-skincare-quick-guide .banner-header .inner {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 28px 15px 14px 49%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.template-skincare-quick-guide .banner-header h1 {
    margin-bottom: 6px;
    text-align: left;
    color: #a8123e;
}

.template-skincare-quick-guide .banner-footer {
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-position: right top;
}

.template-skincare-quick-guide .banner-footer .inner {
    padding: 40px 15px;
}

.template-skincare-quick-guide .banner-footer h2 {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 300;
}

.template-skincare-quick-guide .banner-footer .rte {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.template-skincare-quick-guide .banner-footer .btn {
    margin: 0 7.5px;
}

.template-skincare-quick-guide .banner-footer .btn:first-child {
    margin-left: 0;
}

.template-skincare-quick-guide .banner-footer .btn:last-child {
    margin-right: 0;
}

.template-skincare-quick-guide .quick-guide-nav {
    margin-bottom: 24px;
}

.template-skincare-quick-guide .quick-guide-nav ul {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}

.template-skincare-quick-guide .quick-guide-nav li {
    width: 16.666%;
    max-width: 115px;
    text-align: center;
}

.template-skincare-quick-guide .quick-guide-nav .icon {
    width: 69.6%;
    max-width: 60px;
    height: auto;
}

.template-skincare-quick-guide .quick-guide-nav .title {
    display: block;
    margin-top: 10px;
    padding: 0 7px;
    line-height: 1.2;
}

.template-skincare-quick-guide .quick-guide-nav a {
    display: block;
    color: #333;
}

.template-skincare-quick-guide .quick-guide-nav a:hover .icon .bg, .template-skincare-quick-guide .quick-guide-nav a:focus .icon .bg {
    fill: #f2f0eb;
}

.template-skincare-quick-guide .quick-guide-nav a:hover .icon .fg, .template-skincare-quick-guide .quick-guide-nav a:focus .icon .fg {
    fill: #DFDDD8;
}

.template-skincare-quick-guide .skin-problem {
    position: relative;
    border-bottom: 2px solid #f7f7f6;
}

.template-skincare-quick-guide .skin-problem:first-child {
    border-top: 2px solid #f7f7f6;
}

.template-skincare-quick-guide .skin-problem .icon {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.template-skincare-quick-guide .skin-problem h3 {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 30px;
    font-size: 16px;
    font-weight: 300;
    color: #a8123e;
}

.template-skincare-quick-guide .skin-problem .toggle-arrow {
    position: absolute;
    z-index: 20;
    top: 26px;
    right: 2px;
    display: none;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #a8123e;
    border-right: 1px solid #a8123e;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.2s;
}

.template-skincare-quick-guide .skin-problem .active .toggle-arrow {
    top: 28px;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.template-skincare-quick-guide .skin-problem .solution {
    display: flex;
    padding: 18px 0 30px;
    font-size: 12px;
    line-height: 1.2;
}

.template-skincare-quick-guide .skin-problem .solution .product-image {
    width: 33.33%
}

.template-skincare-quick-guide .skin-problem .solution .product-image a {
    display: block;
}

.template-skincare-quick-guide .skin-problem .solution .product-image img {
    width: 100%
}

.template-skincare-quick-guide .skin-problem .solution .product-text {
    width: 66.66%
}

.template-skincare-quick-guide .skin-problem .solution h4 {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 300;
}

.template-skincare-quick-guide .skin-problem .solution h4 a {
    display: block;
}

.template-skincare-quick-guide .skin-problem .solution .btn {
    margin-top: -2px;
    margin-bottom: -10px;
    padding: 10px 0;
    background: transparent;
    border: 0;
    line-height: 1.2;
    color: #a8123e;
    letter-spacing: 0.1em;
}

.template-skincare-quick-guide .quick-guide-nav a.selected .icon .bg, .template-skincare-quick-guide .quick-guide-nav a.selected .icon .fg, .template-skincare-quick-guide .skin-problem.selected .icon .bg, .template-skincare-quick-guide .skin-problem.selected .icon .fg {
    transition: fill 0.2s;
}

.template-skincare-quick-guide .quick-guide-nav a.selected .icon .bg, .template-skincare-quick-guide .skin-problem.selected .icon .bg {
    fill: #a8123e;
}

.template-skincare-quick-guide .quick-guide-nav a.selected .icon .fg, .template-skincare-quick-guide .skin-problem.selected .icon .fg {
    fill: #f2f0eb;
}

@media only screen and (max-width: 479px) {
    .template-skincare-quick-guide .banner-footer .btn {
        width: calc(50% - 7.5px);
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media only screen and (min-width: 480px) {
    .template-skincare-quick-guide .skin-problem .solution {
        align-items: center;
    }

    .template-skincare-quick-guide .skin-problem .solution .product-image {
        width: 150px;
    }

    .template-skincare-quick-guide .skin-problem .solution .product-text {
        width: calc(100% - 150px);
    }
}

@media only screen and (min-width: 740px) {
    .template-skincare-quick-guide .main-content .wrapper {
        padding: 50px 15px 60px 15px;
    }

    .template-skincare-quick-guide .main-content .skin-problems {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .template-skincare-quick-guide .banner-header {
        min-height: 308px;
        padding-top: 24.72%;
        font-size: 18px;
        text-align: center;
        color: #fff;
    }

    .template-skincare-quick-guide .banner-header .inner {
        padding-right: 30px;
    }

    .template-skincare-quick-guide .banner-header h1 {
        margin-bottom: 10px;
        font-size: 40px;
        text-align: center;
        color: #fff;
    }

    .template-skincare-quick-guide .banner-footer {
        min-height: 302px;
        padding-top: 27.78%;
        font-size: 16px;
    }

    .template-skincare-quick-guide .banner-footer .inner {
        position: absolute;
        top: 50%;
        left: 0;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .template-skincare-quick-guide .banner-footer h2 {
        margin-bottom: 10px;
        font-size: 40px;
    }

    .template-skincare-quick-guide .banner-footer .rte {
        margin-bottom: 26px;
    }

    .template-skincare-quick-guide .quick-guide-nav {
        margin-bottom: 60px;
    }

    .template-skincare-quick-guide .quick-guide-nav ul {
        font-size: 12px;
    }

    .template-skincare-quick-guide .quick-guide-nav .title {
        margin-top: 12px;
        padding: 0 15px;
    }

    .template-skincare-quick-guide .skin-problem {
        overflow: hidden;
        max-width: 322.5px;
        width: calc(50% - 30px);
        margin: 0 15px 60px;
        padding: 0;
        border: 2px solid #f7f7f6;
        border-radius: 50%;
        /*text-align: center;*/
        transition: border 0.2s;
    }

    .template-skincare-quick-guide .skin-problem::before {
        content: '';
        width: 1px;
        margin-left: -1px;
        float: left;
        height: 0;
        padding-top: 100%
    }

    .template-skincare-quick-guide .skin-problem::after {
        content: '';
        display: table;
        clear: both;
    }

    .template-skincare-quick-guide .skin-problem.selected {
        border-color: #a8123e;
    }

    .template-skincare-quick-guide .skin-problem .icon {
        position: static;
        width: 60px;
        height: 60px;
        margin: 0 auto 20px;
    }

    .template-skincare-quick-guide .skin-problem h3 {
        padding: 21% 16% 0;
        font-size: 20px;
    }

    .template-skincare-quick-guide .skin-problem .toggle-arrow {
        display: none;
    }

    .template-skincare-quick-guide .skin-problem .solution {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        z-index: -1;
        opacity: 0;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        background: #f2f0eb;
        border-radius: 50%;
        transition: opacity 0.3s ease 0s, visibility linear 0.3s, z-index linear 0.3s;
    }

    .template-skincare-quick-guide .skin-problem .solution .product-image {
        width: 36%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .template-skincare-quick-guide .skin-problem .solution .product-text {
        width: auto;
        padding: 0 12.5%
    }

    .template-skincare-quick-guide .skin-problem .solution .btn {
        margin-top: -8px;
        margin-bottom: 0;
    }

    .template-skincare-quick-guide .skin-problem:hover, .template-skincare-quick-guide .skin-problem:focus {
        border-color: #f2f0eb;
    }

    .template-skincare-quick-guide .skin-problem:hover .solution, .template-skincare-quick-guide .skin-problem:focus .solution {
        z-index: 20;
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.3s, 0s, 0s;
    }
}

@media only screen and (min-width: 990px) {
    .template-skincare-quick-guide .banner-header .inner {
        padding-right: 12%
    }
}

@media only screen and (min-width: 1100px) {
    .template-skincare-quick-guide .skin-problem {
        width: calc(25% - 30px);
    }

    .template-skincare-quick-guide .skin-problem h3 {
        padding: 12% 12% 0;
    }

    .template-skincare-quick-guide .skin-problem .solution .rte {
        display: none;
    }
}

@media only screen and (min-width: 1260px) {
    .template-skincare-quick-guide .skin-problem h3 {
        padding: 21% 16% 0;
    }

    .template-skincare-quick-guide .skin-problem .solution .rte {
        display: block;
    }
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currency-selector ul {
    list-style: none;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer.currency-selector.active .submenu-list {
    margin: 0;
    padding: 0;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .grid__item.nav-footer.currency-selector .nav-title > a.level {
    align-items: center;
    display: grid;
    grid-gap: 0 5px;
    grid-template-columns: auto 1fr;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currencies li {
    padding: 2px 0;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currency-selector .submenu-list-item [itemprop="name"] {
    display: block;
    font-weight: 500;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currency-selector .submenu-list-item p {
    margin: 10px 0;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currency-selector .submenu-list-item > ul {
    padding-left: 13px;
}

#shopify-section-header .mobile-nav .mobile-nav-block .nav-list .currency-selector .submenu-list-item[item="distributors"] {
    border-top: 1px solid #E3E0D9;
    margin-top: 15px;
    padding-top: 20px;
}

.left-nav .currency-selector {
    margin-left: 18px;
    padding-left: 0;
    font-size: 12px;
    position: relative;
}

.left-nav .currency-selector .nav-title {
    border: 1px solid #F2F0EB;
    cursor: pointer;
    padding: 7px 9px;
    transition: ease border .2s;
}

.left-nav .currency-selector .nav-title [itemprop="name"] {
    display: inline-block;
    transform: translateY(1px);
}

.left-nav .currency-selector .nav-title:hover {
    border: 1px solid #ded9cc;
    transition: ease border .2s;
}

.left-nav .currency-selector .nav-title:hover svg {
    transform: translateY(2px);
    transition: ease transform .2s;
}

.left-nav .currency-selector .nav-title a:hover, .left-nav .currency-selector .nav-title a:active, .left-nav .currency-selector .nav-title a:focus {
    color: #333;
}

.left-nav .currency-selector .nav-title svg {
    float: right;
    margin-top: 6px;
    transition: ease transform .2s;
}

.left-nav .currency-selector .nav-title .level {
    align-items: center;
    display: grid;
    grid-gap: 0 8px;
    grid-template-columns: auto 1fr;
}

.left-nav .currency-selector .submenu-list {
    background-color: #F2F0EB;
    left: 0;
    overflow: hidden;
    padding: 0 20px;
    margin: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    width: 240px;
    transition: max-height 0.15s ease-out;
}

.left-nav .currency-selector .submenu-list [itemprop="name"] {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.left-nav .currency-selector .submenu-list .submenu-list-item:not(:last-child) {
    margin-bottom: 10px;
}

.left-nav .currency-selector .submenu-list .submenu-list-item, .left-nav .currency-selector .submenu-list .currencies li {
    display: block;
}

.left-nav .currency-selector .submenu-list .currencies {
    padding-left: 14px;
}

.left-nav .currency-selector .submenu-list .currencies li {
    margin-bottom: 5px;
}

.left-nav .currency-selector .submenu-list > .submenu-list-item:first-child {
    padding-top: 20px;
}

.left-nav .currency-selector .submenu-list > .submenu-list-item:last-child {
    border-top: 1px solid #E3E0D9;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.left-nav .currency-selector.active .submenu-list {
    max-height: 500px;
}

.currency-selector-flag {
    display: block;
    border-radius: 100%;
    height: 17px;
    margin-top: -3px;
    overflow: hidden;
    position: relative;
    width: 17px;
}

.currency-selector-flag img {
    height: 170%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.region__list {
    display: flex;
}

.region__item {
    margin-right: 15px;
}

.promotion {
    position: relative;
    background-color: #1f1d1d;
}

.promotion .mobile {
    display: none;
}

.promotion .desktop {
    display: block;
}

.promotion .desktop .grid__item.countdown {
    height: 220px;
}

.promotion .grid {
    margin-left: 0;
    cursor: pointer;
}

.promotion .grid .hide-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    opacity: 1;
    transition: all .5s ease-in-out;
}

.promotion .grid__item {
    margin-bottom: 0;
    padding-left: 0;
}

.promotion .grid__item.banner {
    text-align: right;
}

.promotion .grid__item.fb__banner {
    background-color: #1f1d1d;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.promotion .grid__item.fb__banner img {
    display: inline-block;
}

.promotion .promotion__banner {
    display: inline-block;
}

.promotion .promotion__panel {
    width: 457px;
    margin-left: 45px;
    height: 100%;
    background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/timer.png?v=8751147727132142404) no-repeat center center;
}

.promotion .promotion__panel .clock {
    padding-top: 40px;
    display: flex;
    text-align: center;
}

.promotion .promotion__panel .clock .days, .promotion .promotion__panel .clock .hours, .promotion .promotion__panel .clock .minutes, .promotion .promotion__panel .clock .seconds {
    display: flex;
    height: 55px;
    font-size: 20px;
    line-height: 58px;
}

.promotion .promotion__panel .clock .days, .promotion .promotion__panel .clock .hours, .promotion .promotion__panel .clock .minutes {
    margin-right: 39px;
}

.promotion .promotion__panel .clock .num-1, .promotion .promotion__panel .clock .num-2 {
    width: 40px;
    height: 55px;
    color: #000;
}

.promotion .promotion__panel .clock .num-1 {
    margin-right: 5px;
}

@media only screen and (max-width: 989px) {
    .promotion .grid {
        height: auto;
    }

    .promotion .grid__item.banner {
        text-align: center;
    }

    .promotion .promotion__panel {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .promotion .mobile {
        background-color: #171717;
        display: block;
    }

    .promotion .mobile .countdown {
        height: 271px;
    }

    .promotion .mobile .countdown .promotion__panel {
        height: 271px;
        width: auto;
        background: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/mobile-countdown.png?v=17588416776795961807) no-repeat center center;
    }

    .promotion .mobile .countdown .promotion__panel .clock {
        padding-top: 172px;
        justify-content: center;
    }

    .promotion .mobile .countdown .promotion__panel .clock .days, .promotion .mobile .countdown .promotion__panel .clock .hours, .promotion .mobile .countdown .promotion__panel .clock .minutes, .promotion .mobile .countdown .promotion__panel .clock .seconds {
        height: 35px;
        font-size: 12px;
        width: 55px;
        line-height: 12px;
    }

    .promotion .mobile .countdown .promotion__panel .clock .num-1, .promotion .mobile .countdown .promotion__panel .clock .num-2 {
        width: 25px;
        height: 35px;
    }

    .promotion .mobile .countdown .promotion__panel .clock .days, .promotion .mobile .countdown .promotion__panel .clock .hours, .promotion .mobile .countdown .promotion__panel .clock .minutes {
        margin-right: 14px;
    }

    .promotion .desktop {
        display: none;
    }
}

@media all and (-ms-high-contrast: none),  (-ms-high-contrast: active) {
    .promotion {
        display: none;
    }
}

.promotion__wrapper {
    max-width: 1440px;
    margin: 0 auto;
}

.promotion__wrapper .promotion__banner img {
    margin: 0 auto;
    width: 100%
}

.promotion__wrapper .rte {
    margin: 30px 0 0;
    padding: 0 30px;
}

.promotion__wrapper .title {
    margin: 60px 0;
    font-size: 30px;
}

.promotion__wrapper .current__deal, .promotion__wrapper .coming__deals, .promotion__wrapper .missing__deals {
    padding: 0 30px;
    margin-left: 0;
}

.promotion__wrapper .current__deal .title, .promotion__wrapper .current__deal .image, .promotion__wrapper .current__deal .panel, .promotion__wrapper .coming__deals .title, .promotion__wrapper .coming__deals .image, .promotion__wrapper .coming__deals .panel, .promotion__wrapper .missing__deals .title, .promotion__wrapper .missing__deals .image, .promotion__wrapper .missing__deals .panel {
    padding-left: 0;
}

.promotion__wrapper .coming__deals .offer, .promotion__wrapper .missing__deals .offer {
    position: relative;
    margin-bottom: 60px;
}

.promotion__wrapper .coming__deals .offer img, .promotion__wrapper .missing__deals .offer img {
    width: 100%;
    height: 300px;
}

@media only screen and (max-width: 989px) {
    .promotion__wrapper .coming__deals .offer img, .promotion__wrapper .missing__deals .offer img {
        height: auto;
    }
}

.promotion__wrapper .coming__deals .offer .index-no, .promotion__wrapper .missing__deals .offer .index-no {
    margin-top: 20px;
    color: #BD0D47;
    font-size: 12px;
}

.promotion__wrapper .coming__deals .offer .title, .promotion__wrapper .coming__deals .offer .sub-title, .promotion__wrapper .missing__deals .offer .title, .promotion__wrapper .missing__deals .offer .sub-title {
    margin: 0;
    line-height: 120%
}

.promotion__wrapper .coming__deals .offer .title, .promotion__wrapper .missing__deals .offer .title {
    font-size: 20px;
}

.promotion__wrapper .coming__deals .offer .sub-title, .promotion__wrapper .missing__deals .offer .sub-title {
    color: #696765;
    font-size: 14px;
}

.promotion__wrapper .coming__deals .offer .badge, .promotion__wrapper .missing__deals .offer .badge {
    position: absolute;
    top: 26px;
    left: 49px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #181818;
    color: #f7f7f6;
}

.promotion__wrapper .coming__deals .offer .badge.right, .promotion__wrapper .missing__deals .offer .badge.right {
    left: unset;
    right: 22px;
}

.promotion__wrapper .coming__deals .offer .badge .badge_title, .promotion__wrapper .coming__deals .offer .badge .badge_desc, .promotion__wrapper .missing__deals .offer .badge .badge_title, .promotion__wrapper .missing__deals .offer .badge .badge_desc {
    display: block;
    position: relative;
    text-align: center;
    top: 45px;
}

.promotion__wrapper .coming__deals .offer .badge .badge_title, .promotion__wrapper .missing__deals .offer .badge .badge_title {
    font-size: 22px;
    font-weight: bolder;
}

.promotion__wrapper .coming__deals .offer .badge .badge_desc, .promotion__wrapper .missing__deals .offer .badge .badge_desc {
    font-size: 12px;
}

.promotion__wrapper .missing__deals .offer {
    opacity: 0.5;
}

.promotion__wrapper .current__deal .image, .promotion__wrapper .current__deal .panel {
    margin-bottom: 0;
    position: relative;
    height: 470px;
}

.promotion__wrapper .current__deal .title {
    margin-bottom: 30px;
}

.promotion__wrapper .current__deal .image img {
    max-width: 690px;
    height: 470px;
}

.promotion__wrapper .current__deal .image .badge {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #000;
    color: #f7f7f6;
    position: absolute;
    top: 33px;
    left: 27px;
}

.promotion__wrapper .current__deal .image .badge.right {
    left: unset;
    right: 58px;
}

.promotion__wrapper .current__deal .image .badge .badge_title, .promotion__wrapper .current__deal .image .badge .badge_desc {
    position: absolute;
    width: 100%;
    text-align: center;
}

.promotion__wrapper .current__deal .image .badge .badge_title {
    top: 60px;
    font-size: 33px;
    font-weight: border;
}

.promotion__wrapper .current__deal .image .badge .badge_desc {
    top: 103.5px;
    font-size: 18px;
}

@media only screen and (max-width: 829px) {
    .promotion__wrapper .current__deal .image {
        height: auto;
    }

    .promotion__wrapper .current__deal .image img {
        max-width: 100%;
        width: 100%
    }
}

.promotion__wrapper .current__deal .panel {
    background-color: #000;
    color: #f7f7f6;
}

.promotion__wrapper .current__deal .panel .index-no {
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 60px;
}

.promotion__wrapper .current__deal .panel .title {
    font-size: 38.5px;
    margin: 60px 0 0;
}

.promotion__wrapper .current__deal .panel .sub-title {
    margin: 12px 0 34px;
    text-align: center;
}

.promotion__wrapper .current__deal .panel .btn-area {
    text-align: center;
}

.promotion__wrapper .current__deal .panel .btn-area .product-quantity {
    display: inline-block;
    margin-right: 10px;
}

.promotion__wrapper .current__deal .panel .btn-area .product-quantity .js-qty {
    background: #fff;
}

.promotion__wrapper .current__deal .panel .btn-area .btn {
    width: 220px;
    display: inline-block;
}

.promotion__wrapper .current__deal .panel .countdown {
    margin-top: 60px;
    padding-bottom: 20px;
    text-align: center;
}

.promotion__wrapper .current__deal .panel .countdown .clock {
    width: 333px;
    height: 117px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/clock.png?v=4652407508654807070);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-top: 8px;
}

.promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes, .promotion__wrapper .current__deal .panel .countdown .clock .seconds {
    display: flex;
    height: 55px;
    font-size: 20px;
    line-height: 58px;
}

.promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes {
    margin-right: 39px;
}

.promotion__wrapper .current__deal .panel .countdown .clock .num-1, .promotion__wrapper .current__deal .panel .countdown .clock .num-2 {
    width: 40px;
    height: 55px;
    color: #000;
}

.promotion__wrapper .current__deal .panel .countdown .clock .num-1 {
    margin-right: 5px;
}

@media only screen and (max-width: 479px) {
    .promotion__wrapper .current__deal .image img {
        height: auto;
    }

    .promotion__wrapper .current__deal .image .badge {
        width: 100px;
        height: 100px;
        top: 16px;
    }

    .promotion__wrapper .current__deal .image .badge.right {
        right: 29px;
    }

    .promotion__wrapper .current__deal .image .badge .badge_title {
        top: 30px;
        font-size: 16.5px;
    }

    .promotion__wrapper .current__deal .image .badge .badge_desc {
        top: 51.25px;
        font-size: 10px;
    }

    .promotion__wrapper .current__deal .panel {
        height: auto;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock {
        width: 300px;
        height: 100px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes, .promotion__wrapper .current__deal .panel .countdown .clock .seconds {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes {
        margin-right: 33.5px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .num-1, .promotion__wrapper .current__deal .panel .countdown .clock .num-2 {
        width: 36.5px;
        height: 50px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .num-1 {
        margin-right: 4.5px;
    }

    .promotion__wrapper .missing__deals .offer .badge {
        width: 100px;
        height: 100px;
        top: 20px;
    }

    .promotion__wrapper .missing__deals .offer .badge .badge_title {
        font-size: 16px;
        top: 28px;
    }

    .promotion__wrapper .missing__deals .offer .badge .badge_desc {
        top: 28px;
    }
}

@media only screen and (max-width: 374px) {
    .promotion__wrapper .current__deal .panel .countdown .clock {
        width: 220px;
        height: 83px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes, .promotion__wrapper .current__deal .panel .countdown .clock .seconds {
        height: 37px;
        line-height: 37px;
        font-size: 14px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .hours, .promotion__wrapper .current__deal .panel .countdown .clock .minutes {
        margin-right: 25.5px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .num-1, .promotion__wrapper .current__deal .panel .countdown .clock .num-2 {
        width: 26.5px;
        height: 36px;
    }

    .promotion__wrapper .current__deal .panel .countdown .clock .num-1 {
        margin-right: 3.5px;
    }
}

@media only screen and (max-width: 400px) {
    .promotion__wrapper .current__deal .panel .product-quantity {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 989px) {
    .main-header .site-logo .icon-logo {
        display: block;
        width: 60px;
        height: 40px;
        color: #a8123e;
        margin: -15%;
    }
}