@charset "UTF-8";
/*============================================================================
	Trilogy
==============================================================================*/
/*================ UTILS ================*/
/*================ Mixins ================*/
/*============================================================================
	Prefix mixin for generating vendor prefixes.
	Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

	Usage:
		// Input:
		.element {
			@include prefix(transform, scale(1), ms webkit spec);
		}

		// Output:
		.element {
			-ms-transform: scale(1);
			-webkit-transform: scale(1);
			transform: scale(1);
		}
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ SETTINGS ================*/
/*================ Color Variables ================*/
/*================ Typography Variables ================*/
@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-xlight.woff2?v=15554695766790508737) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-xlight.woff?v=245988632632280601) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-xlight.ttf?v=12639296018374292758) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-light.woff2?v=4762357495186879693) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-light.woff?v=4430739712570843845) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-light.ttf?v=9918885099760486880) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-regular.woff2?v=11690364205429303970) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-regular.woff?v=7277116798244387801) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-regular.ttf?v=16416400728702804426) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-demibold.woff2?v=1691540259620969848) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-demibold.woff?v=18094218138690369298) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-demibold.ttf?v=17514042145712306605) format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-bold.woff2?v=18142367087056525743) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-bold.woff?v=11401971367777880739) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-bold.ttf?v=9541663471296632791) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Trilogy';
  src: url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-heavy.woff2?v=10291511872081672086) format("woff2"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-heavy.woff?v=12970678116701102293) format("woff"), url(//cdn.shopify.com/s/files/1/0101/6132/4068/t/1/assets/trilogy-heavy.ttf?v=7774252869518554588) format("truetype");
  font-weight: 900;
  font-style: normal; }

/*============================================================================
	Grid Breakpoints and Class Names
		- Do not change the variable names
==============================================================================*/
/*============================================================================
	Generate breakpoint-specific column widths and push classes
		- Default column widths: $breakpoint-has-widths: ($small-up, $medium-up);
		- Default is no push classes
		- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ Z-Index ================*/
/*================ SVG ================*/
/*================ Animations ================*/
@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%); } }

/*================ COMMON ================*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 500; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
	 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
	 ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
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; } }

/*================ Slate specific reset ================*/
*,
*::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 element helpers ================*/
form {
  margin: 0; }

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

optgroup {
  font-weight: 700; }

option {
  color: #333333;
  background-color: white; }

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

/*============================================================================
	Fast Tap
	enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation; }

/*================ Helper Classes ================*/
.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; }

/*============================================================================
	Alignment Helpers
==============================================================================*/
.list-center {
  text-align: center; }
  .list-center li {
    list-style: none;
    display: inline-block; }

/*============================================================================
	Skip to content button
		- Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #333333;
  background-color: white;
  padding: 15px;
  z-index: 10000;
  transition: none; }

/*============================================================================
	Grid
		- Based on CSS Wizardry grid
==============================================================================*/
.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; }

/*============================================================================
	Reversed grids allow you to structure your source in the opposite
	order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/*============================================================================
	Grid Columns
		- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.33333%; }

.two-thirds {
  width: 66.66667%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.66667%; }

.two-sixths {
  width: 33.33333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.66667%; }

.five-sixths {
  width: 83.33333%; }

/* Eighths */
.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%; }

/* Tenths */
.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%; }

/* Twelfths */
.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; }

/*================ Build Responsive Grid Classes ================*/
@media only screen and (min-width: 480px) {
  /** Whole */
  .small-up--one-whole {
    width: 100%; }

  /* Halves */
  .small-up--one-half {
    width: 50%; }

  /* Thirds */
  .small-up--one-third {
    width: 33.33333%; }

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

  /* Quarters */
  .small-up--one-quarter {
    width: 25%; }

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

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

  /* Fifths */
  .small-up--one-fifth {
    width: 20%; }

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

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

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

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%; }

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

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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) {
  /** Whole */
  .large-up--one-whole {
    width: 100%; }

  /* Halves */
  .large-up--one-half {
    width: 50%; }

  /* Thirds */
  .large-up--one-third {
    width: 33.33333%; }

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

  /* Quarters */
  .large-up--one-quarter {
    width: 25%; }

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

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

  /* Fifths */
  .large-up--one-fifth {
    width: 20%; }

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

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

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

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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) {
  /** Whole */
  .xlarge-up--one-whole {
    width: 100%; }

  /* Halves */
  .xlarge-up--one-half {
    width: 50%; }

  /* Thirds */
  .xlarge-up--one-third {
    width: 33.33333%; }

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

  /* Quarters */
  .xlarge-up--one-quarter {
    width: 25%; }

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

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

  /* Fifths */
  .xlarge-up--one-fifth {
    width: 20%; }

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

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

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

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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) {
  /** Whole */
  .xlarge-widescreen--one-whole {
    width: 100%; }

  /* Halves */
  .xlarge-widescreen--one-half {
    width: 50%; }

  /* Thirds */
  .xlarge-widescreen--one-third {
    width: 33.33333%; }

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

  /* Quarters */
  .xlarge-widescreen--one-quarter {
    width: 25%; }

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

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

  /* Fifths */
  .xlarge-widescreen--one-fifth {
    width: 20%; }

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

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

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

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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; } }
/*================ Build Responsive Hide Classes ================*/
@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; } }
/*================ Build Grid Push Classes ================*/
@media only screen and (min-width: 740px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%; }

  /* Thirds */
  .medium-up--push-one-third {
    left: 33.33333%; }

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

  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%; }

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

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

  /* Fifths */
  .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%; }

  /* Sixths */
  .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%; }

  /* Eighths */
  .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%; }

  /* Tenths */
  .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%; }

  /* Twelfths */
  .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%; } }
/*================ General layout styles ================*/
html,
body {
  overflow-x: hidden;
  background-color: white; }

.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: white;
  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: #333333; }
  .pagination .current {
    font-weight: normal;
    color: #333333; }

.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: white;
  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: white;
  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: #333333;
    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 white; }
    .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; } }
/*================ Icons ================*/
.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; }

/* Global Icons */
.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; }

/* Payment Icons */
.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; }

/*============================================================================
	A generic way to visually hide content while
	remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.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; }

/*================ Rich Text Editor ================*/
.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: white; }
    .rte a.btn-secondary {
      color: #333333; }
      .rte a.btn-secondary:hover, .rte a.btn-secondary:focus {
        color: #999999; }

.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 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

/*============================================================================
	Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@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 scaffolding
		- Selectors setup for you to style form elements how you want
		- Focus, error, and disabled states are set to be extended
==============================================================================*/
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: white;
  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; }

/*================ Custom select style ================*/
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: white;
  background-size: 10px 7px;
  padding-right: 32px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  border-radius: 0;
  /*================ Hide the svg arrow in IE9 ================*/ }
  .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; }

/*================ Links & Buttons ================*/
.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: white;
  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: white; }

.btn-secondary {
  background: transparent;
  border-color: #a8123e;
  color: #a8123e; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #a8123e;
    color: white; }
  .btn-secondary[disabled] {
    background: transparent;
    border-color: #c5c5c5;
    color: #c5c5c5; }
    .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus {
      color: #c5c5c5; }

.btn-tertiary {
  background: white;
  border-color: white;
  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: white; }
  .btn-tertiary[disabled] {
    background: white;
    border-color: white;
    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%; }

/*================ Notes and Form Feedback ================*/
.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: #333333;
      text-decoration: none; }

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

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

/*================ Typography ================*/
html {
  font-family: "Trilogy", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: #333333;
  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: white; }
    @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: #333333;
  text-decoration: none;
  transition: color 0.2s; }
  a:hover, a:focus {
    color: #a8123e; }

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

/*================ VENDORS ================*/
/* Slider */
.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; }

/* Arrows */
.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 #333333;
    border-right: 1px solid #333333;
    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; } }

/* Dots */
.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 white;
      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: white;
      border-color: white; }

/*================ MODULES ================*/
/*================ Giftcard Template ================*/
.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: white; }
    .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; }

/*================ Print Giftcard Styles ================*/
@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; } }
/*================ Site Header ================*/
.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: white;
  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: white; }
    .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: white; }
  @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: white;
    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: #333333; }
    .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: 46px; } }

.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: #333333; }
  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: #333333;
    text-transform: none; }
    .main-nav .site-nav a {
      padding: 11px 8px;
      color: #333333; }
    @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: #333333;
      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: white;
    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: #333333; }
    .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: #333333; }
  .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: white;
      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: #333333;
      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: white;
    -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: 25%;
      padding: 0 8px; }
      .main-menu-discover .nav-wrapper > ul > li > a {
        position: relative;
        height: 175px;
        padding: 0;
        background-size: cover;
        color: white; }
        .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;
    left: 0;
    padding: 14px 0 0 8px; }
    .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 {
      /* Edge */
      color: transparent; }
    .right-nav .expand-search input:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      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 {
      /* Edge */
      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 {
      /* Internet Explorer 10-11 */
      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: white;
      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: white;
            fill: white; }
          .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: white; }
          .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: white;
          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: #333333; }
        .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: #333333; }

/*================ Site Footer ================*/
.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: #333333; }
    .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: #333333; }
      .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; }

/*================ Home ================*/
.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: white; }
    .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: #333333; }
  .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 and Image Block */
.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: #333333; }
  .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; } }

/* Tiles */
.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: white; }
    @media only screen and (max-width: 739px) {
      .tile:hover a {
        color: white; } }

.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 Block */
.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: #333333; }
  .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: white; }
    .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: #333333; }
      .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; } }

/*================ Filters ================*/
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: #ddddee; }

.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 #bbbbbb; }

.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 white, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb; }

.noUi-marker,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
  position: absolute; }

.noUi-active {
  box-shadow: inset 0 0 1px white, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb; }

.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: #999999; }

.noUi-value-sub {
  color: #ccc; }

.noUi-marker {
  background: #cccccc; }

.noUi-marker-large,
.noUi-marker-sub {
  background: #aaaaaa; }

.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: #333333;
  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: #333333;
  background: #333333;
  color: white !important; }

.bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-option-box li a:hover {
  text-decoration: none;
  border-color: #333333;
  background: #333333;
  color: white; }

.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 #333333 !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; } }
/*================ Search ================*/
/* Font */
@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; }

/* Suggestion */
.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; }

/* Suggestion Loading */
@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%, #eeeeee), color-stop(18%, #e6e6e6), color-stop(33%, #eeeeee));
  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%, #eeeeee), color-stop(18%, #e6e6e6), color-stop(33%, #eeeeee));
  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; }

/* ========= Suggestion on mobile ========= */
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; }

/* Product */
.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; }

/* Top Panel ==================== */
.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; }

/* Top Panel - Close Button */
.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; }

/* Top Panel - Button Search - optional */
.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; }

/* Top Panel - Box Search */
.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; }

/* Top panel - Clear Button */
.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; }

/* Loading */
.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; } }
/* Custom */
.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; } }

/********************* Custom *********************/
/* Pagination */
#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: #333333;
      padding: 4px;
      text-decoration: none; }

/*================ Collection ================*/
.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: #333333; }
  .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: white;
    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: white;
      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: #333333; }
        @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 #333333;
            color: #333333; } }
  .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: #333333; }
    @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 #333333;
          color: #333333; } }
    @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: #333333; } }
  .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: white;
      -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: white;
    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: #333333; }
  .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; }

/*================ Product ================*/
.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: white; }
  @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: #333333; }
  @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: #333333; }
.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: white; }
.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 #eeeeee;
    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; } }
/* Product Upsell */
.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; }

/* Slick Product Page Overrides */
.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 Help Toggles */
.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 #eeeeee;
  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 */
.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 */
.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 #333333;
      border-right: 1px solid #333333;
      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 7.5px; }
.product-upsell .slick-prev,
.product-upsell .slick-next {
  background-color: white;
  height: 35px;
  width: 35px;
  top: 45%;
  border-radius: 0; }
.product-upsell .slick-prev:before,
.product-upsell .slick-next:before {
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  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 Blocks */
.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: white;
      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: white;
    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: white; }

.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 {
  /* region .spr-header */
  /* endregion */ }
  .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 #333333;
    padding: 13px;
    font-size: 10px;
    color: #333333;
    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 #eeeeee;
    background-color: white;
    text-align: left;
    padding: 20px 15px 15px; }
  .product__reviews .spr-reviews::before {
    content: 'PRODUCT REVIEWS';
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    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: #333333;
    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: #333333;
    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: #333333;
    line-height: 1; }
  .product__reviews .spr-pagination a {
    color: #a8123e; }
  .product__reviews .spr-form-title {
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    letter-spacing: 1px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    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: #333333;
    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 #eeeeee;
    border-radius: 0;
    color: #333333; }
    @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 #eeeeee;
    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: #333333;
      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; }

/*================ Cart ================*/
.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: #333333;
    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: #eeeeee;
    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: #eeeeee; }
  @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 #eeeeee; }
  @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 #eeeeee; } }

.js-qty__adjust--minus,
.ajaxcart__qty--minus {
  left: 0;
  border-right: 1px solid #eeeeee; }
  @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 #eeeeee; } }

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

/*================ Search ================*/
.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; }

/*================ Misc CMS Pages ================*/
.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; }

/* Contact Page */
.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: #333333; }
  @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: #333333;
    transition: background-color 0.2s, color 0.2s; }
    .template-contact-landing .tile a:after {
      background-color: #333333; }
    @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: white; }
          .template-contact-landing .tile a:hover h2,
          .template-contact-landing .tile a:hover .bold-text {
            color: white; } }
  .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; }

/*================ Our Story ================*/
.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: #333333; }
.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: white; }
.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: white; }
  @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: white; }
.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: white;
    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: white;
      color: white; }
  .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; } }

/*================ Account ================*/
@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?2553"); } }
@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?2553"); } }
@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?2553"); } }
@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?2553"); } }

.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 ================*/
.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 Override */
.showcase-grid-buttons,
.showcase-viewer-cart-icon {
  display: none !important; }

#showcase-viewer .showcase-viewer-header .showcase-viewer-title {
  text-transform: none !important; }

/*================ Wishlist ================*/
.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: white; }

.wishlist-item__title {
  flex: 0 0 auto;
  text-align: left;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 2px;
  color: #333333; }
  .wishlist-item__title a {
    color: #333333; }
  @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: white;
  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 ================*/
.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; } }

/*================ Tabs ================*/
.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; }

/*================ Homepage Tab Slider ================*/
.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: #333333; }
  .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: #333333; }

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

/*================ Blog ================*/
.template-blog-main .main-content,
.template-article .main-content {
  text-align: center; }
  .template-blog-main .main-content 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: #333333; }
  .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: white; } }

.template-blog-main .main-content {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 38px;
  padding-bottom: 30px; }
  .template-blog-main .main-content .wrapper {
    max-width: 1440px;
    padding-top: 30px;
    padding-bottom: 0; }
  @media only screen and (min-width: 740px) {
    .template-blog-main .main-content {
      padding-top: 58px;
      padding-bottom: 60px; }
      .template-blog-main .main-content .wrapper {
        padding-top: 60px; } }
  @media only screen and (min-width: 1100px) {
    .template-blog-main .main-content .wrapper {
      padding-bottom: 30px; }
    .template-blog-main .main-content .category-page .wrapper {
      padding-top: 30px; } }
  .template-blog-main .main-content .categories {
    margin: 0 0 36px;
    padding: 0;
    list-style: none; }
    .template-blog-main .main-content .categories li {
      display: block;
      margin: 0;
      padding: 0; }
    .template-blog-main .main-content .categories a,
    .template-blog-main .main-content .categories strong {
      display: block;
      padding: 2px 0; }
    @media only screen and (min-width: 740px) {
      .template-blog-main .main-content .categories {
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 0.9; }
        .template-blog-main .main-content .categories li {
          display: inline-block;
          vertical-align: top;
          margin: 10px 0 10px 0;
          border-right: 1px solid #696765; }
          .template-blog-main .main-content .categories li:last-child {
            border-right: 0; }
        .template-blog-main .main-content .categories a,
        .template-blog-main .main-content .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: #333333; }
  .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; } }

/*================ Hypervisual App Overrides ================*/
.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: 24px; } }
.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: white !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; } }

#ingredients .main-content {
  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;
  /* make scrollbar 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 {
  /* grid */
  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: #333333; }
  @media only screen and (min-width: 740px) {
    .value-props__item svg {
      width: 100%; } }

/* home */
.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 10px; }
  @media only screen and (min-width: 740px) {
    .template-index .value-props__item {
      padding: 0 25px; } }

/* cart */
.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; } }

/* product */
.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; } }

/*================ Product Finder App ================*/
.template-find-your-skincare-regime .main-content {
  background-color: #a8123e;
  background-size: cover;
  background-position: center top;
  color: white;
  text-align: center; }
  .template-find-your-skincare-regime .main-content .wrapper {
    max-width: 740px;
    padding-top: 60px;
    padding-bottom: 56px; }
  .template-find-your-skincare-regime .main-content h1 {
    margin-bottom: 6px;
    font-size: 30px; }
  .template-find-your-skincare-regime .main-content .intro {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2; }
  .template-find-your-skincare-regime .main-content .circle {
    overflow: hidden;
    display: flex;
    max-width: 360px;
    margin: 30px auto;
    background: white;
    border-radius: 50%; }
    .template-find-your-skincare-regime .main-content .circle::before {
      content: '';
      width: 1px;
      margin-left: -1px;
      float: left;
      height: 0;
      padding-top: 100%; }
    .template-find-your-skincare-regime .main-content .circle::after {
      content: '';
      display: table;
      clear: both; }
    .template-find-your-skincare-regime .main-content .circle a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      padding: 8.5%;
      color: #333333; }
    .template-find-your-skincare-regime .main-content .circle h6 {
      margin-bottom: 2px; }
    .template-find-your-skincare-regime .main-content .circle h2 {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 18px;
      color: #a8123e; }
    .template-find-your-skincare-regime .main-content .circle .rte {
      line-height: 1.2; }
      .template-find-your-skincare-regime .main-content .circle .rte p:last-child {
        margin-bottom: 0; }
    .template-find-your-skincare-regime .main-content .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) {
  .template-find-your-skincare-regime .main-content .circles-outer {
    padding-left: 27.5px;
    padding-right: 27.5px; } }
@media only screen and (min-width: 740px) {
  .template-find-your-skincare-regime .main-content .wrapper {
    padding-top: 160px;
    padding-bottom: 136px; }
  .template-find-your-skincare-regime .main-content h1 {
    font-size: 40px; }
  .template-find-your-skincare-regime .main-content .intro {
    margin-bottom: 40px;
    font-size: 18px; }
  .template-find-your-skincare-regime .main-content .circles-outer {
    display: flex;
    padding-left: 0;
    padding-right: 0; }
  .template-find-your-skincare-regime .main-content .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; }
    .template-find-your-skincare-regime .main-content .circle a {
      transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
    .template-find-your-skincare-regime .main-content .circle:hover, .template-find-your-skincare-regime .main-content .circle:focus {
      transform: scale(1.14); }
      .template-find-your-skincare-regime .main-content .circle:hover a, .template-find-your-skincare-regime .main-content .circle:focus a {
        transform: scale(0.877); }
    .template-find-your-skincare-regime .main-content .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: white;
  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: white; }
.template-personalised-guide #pf-experience button {
  font-size: 10px;
  line-height: 10px;
  color: white;
  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: white; }
.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: white;
  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 white;
  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: white; }
  .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: #333333; }
  .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: white;
    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: white;
  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: #333333; }
    .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: block;
    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: white; }
    .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: white; }
  .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; } }

/* Currency selector */
#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: #333333; }
    .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; }

/**
 * Home Page Countdown
 */
.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; } }

/**
 * Landing Page
 */
.promotion__wrapper {
  max-width: 1440px;
  margin: 0 auto;
  /** Get the deal btn */ }
  .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; } }