/** Shopify CDN: Minification failed

Line 1583:4 Expected identifier but found "*"
Line 2283:4 Expected identifier but found "*"
Line 15233:51 Expected identifier but found whitespace
Line 17954:24 Expected ":"

**/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/* @font-face {
font-family: 'Pitch Sans';
src: url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Bold.eot?v=1612352554') format('embedded-opentype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Bold.woff2?v=1612352554') format('woff2'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Bold.woff?v=1612352554') format('woff'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Bold.ttf?v=1612352554') format('truetype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Bold.svg?v=1612352555') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Pitch Sans';
src: url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-BoldItalic.eot?v=1612353017') format('embedded-opentype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-BoldItalic.woff2?v=1612353017') format('woff2'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-BoldItalic.woff?v=1612353017') format('woff'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-BoldItalic.ttf?v=1612353017') format('truetype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-BoldItalic.svg?v=1612353019') format('svg');
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: 'Pitch Sans';
src: url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Regular.eot?v=1612353104') format('embedded-opentype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Regular.woff2?v=1612353104') format('woff2'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Regular.woff?v=1612353104') format('woff'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Regular.ttf?v=1612353105') format('truetype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-Regular.svg?v=1612353105') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Pitch Sans';
src: url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-RegularItalic.eot?v=1612353338') format('embedded-opentype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-RegularItalic.woff2?v=1612353338') format('woff2'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-RegularItalic.woff?v=1612353338') format('woff'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-RegularItalic.ttf?v=1612353338') format('truetype'),
url('https://cdn.shopify.com/s/files/1/0521/2123/9719/files/PitchSans-RegularItalic.svg?v=1612353339') format('svg');
font-weight: normal;
font-style: italic;
}
*/


/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
  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
========================================================================== */

/**
* 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
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
  background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
* 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 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
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
  border-style: none;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

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

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

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

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 in Chrome and Safari on macOS.
*/

[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 Edge, IE 10+, and Firefox.
*/

details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
  display: none;
}

.chocolat-zoomable.chocolat-zoomed {
  cursor: zoom-out;
}

.chocolat-open {
  overflow: hidden;
}

.chocolat-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: var(--color-bg);
    display: none;
    opacity: 0.8;
    }

.chocolat-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  z-index: 1000;
  color: var(--color-bg);
    }

.chocolat-zoomable:not(.chocolat-zoomed) .chocolat-img {
  cursor: zoom-in;
}

.chocolat-zoomed .chocolat-img {
  cursor: zoom-out;
}

.chocolat-loader {
  height: 32px;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 11;
  display: none;
}

.chocolat-content {
  position: fixed;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  z-index: 14;
  text-align: left;
}

.chocolat-content .chocolat-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.chocolat-wrapper .chocolat-left {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  z-index: 17;
  display: none;
}

.chocolat-wrapper .chocolat-right {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  z-index: 17;
  display: none;
}

.chocolat-wrapper .chocolat-right.active {
  display: block;
}

.chocolat-wrapper .chocolat-left.active {
  display: block;
}

.chocolat-wrapper .chocolat-top {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 17;
  margin-bottom: 10px;
}

.chocolat-wrapper .chocolat-close {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.chocolat-wrapper .chocolat-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  height: 40px;
  font-size: var(--font-size-body-small);
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: var(--color-bg);
      color: var(--color-text);
        text-align: right;
        margin-top: 10px;
        }

.chocolat-wrapper .chocolat-set-title {
  display: inline-block;
  padding-right: 15px;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
  float: right;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
}

.chocolat-wrapper .chocolat-fullscreen {
  width: 16px;
  height: 40px;
  display: block;
  margin: auto;
  cursor: pointer;
  float: right;
}

.chocolat-wrapper .chocolat-description {
  display: inline-block;
  float: left;
}

/* no container mode*/

body.chocolat-open > .chocolat-overlay {
  z-index: 15;
}

body.chocolat-open > .chocolat-loader {
  z-index: 15;
}

body.chocolat-open > .chocolat-content {
  z-index: 17;
}

/* container mode*/

.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
  position: absolute;
}

.chocolat-in-container {
  position: relative;
}

/* uncomment to hide controls when zoomed-in*/

/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
transition: opacity .3s ease, visibility 0s .3s;
opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
visibility: hidden;
opacity: 0;
}
*/

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  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: none;
}

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

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

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

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

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

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

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

  display: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

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

.slick-initialized .slick-slide {
  display: block;
}

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

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

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

.slick-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  bottom: 20px;
  bottom: var(--spacing-medium);
    text-align: center;
    }

.slick-dots li {
  position: relative;
  list-style: none;
  margin: 0 3px;
  padding: 0;
  display: inline-block;
}

.slick-dots button {
  width: 10px;
  height: 10px;
  background: transparent;
  font-size: 0px;
  outline: none;
  border: 0;
}

.slick-dots button:before {
  content: ' ';
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}

.slick-dots .slick-active button:before {
  border: 2px solid white;
}

:root {
  --line-height-body: 1.5em;
    --line-height-heading: 1.3em;

    --spacing-none: 0px;
    --spacing-extra-small: 5px;
    --spacing-small: 10px;
    --spacing-medium: 20px;
    --spacing-large: 40px;
    --spacing-extra-large: 4rem;
    --spacing-extra-extra-large: 8rem;
    --spacing-extra-extra-extra-large: 16rem;

    --ease: ease-in-out;
    --cubic: cubic-bezier(0.12, 0.67, 0.53, 1);

    --header-icon-width: 24px;
    --size-close-icon: 24px;
    --height-button: 44px;
    --max-width: 1260px;
    --max-width-small: 860px;
    --max-width-centered-copy: 600px;

    --z-index-header: 300;
    --z-index-flyouts-overlay: 399;
    --z-index-flyouts: 400;
    --z-index-exit-intent: 200;
    --z-index-announcement-bar: 100;

    --radius-2: 2px;
    --shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    --shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    --shadow-3: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);

    --grid-medium: 46.85em;
    --grid-large: 61.85em;
    --grid-widescreen: 87.5em;
    --grid-max-width: 73.75em;
    --grid-gutter: 30px;
  }

  html {
    font-size: 62.5%;
  }

  body {
    color: var(--color-text);
      font-family: var(--font-body);
        font-weight: var(--font-body-weight);
          font-size: var(--font-size-body-base);
            font-style: var(--font-body-style);
              -webkit-font-smoothing: antialiased;
              }

  a {
    color: inherit;
    text-decoration: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: inherit;
    font-size: var(--font-size-body-base);
      font-weight: var(--font-body-weight);
        font-style: var(--font-body-style);
          }

  body,
  input,
  textarea,
  button,
  select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  a:focus {
    color: inherit;
  }

  .type-heading-display {
    font-size: var(--font-size-heading-display);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  .type-heading-1 {
    font-size: var(--font-size-heading-1);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  .type-heading-2 {
    font-size: var(--font-size-heading-2);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  .type-heading-2 > a {
    color: inherit;
  }

  .type-heading-3 {
    font-size: var(--font-size-heading-3);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  .g-uppercase .type-heading-display,
  .g-uppercase .type-heading-1,
  .g-uppercase .type-heading-2,
  .g-uppercase .type-heading-3 {
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .type-heading-meta {
    font-size: var(--font-size-body-extra-small);
      text-transform: uppercase;
      letter-spacing: 0.125em;
      }

  .type-body-small {
    font-size: var(--font-size-body-small);
      line-height: 1.5em;
      line-height: var(--line-height-body);
        font-family: var(--font-body);
          }

  .type-body-regular {
    font-size: var(--font-size-body-base);
      line-height: 1.5em;
      line-height: var(--line-height-body);
        font-family: var(--font-body);
          }

  .type-body-large {
    font-size: var(--font-size-body-large);
      line-height: 1.5em;
      line-height: var(--line-height-body);
        font-family: var(--font-body);
          }

  .type-body-extra-large {
    font-size: var(--font-size-body-extra-large);
      line-height: 1.5em;
      line-height: var(--line-height-body);
        font-family: var(--font-body);
          }

  html {
    background-color: var(--color-bg);
      box-sizing: border-box;
      }

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

  body,
  html {
    height: 100%;
  }

  body.preload * {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
  }

  #root {
    transition: opacity 200ms cubic-bezier(0.12, 0.67, 0.53, 1);
    transition: opacity 200ms var(--cubic);
      }

  .is-transitioning #root {
    opacity: 0;
  }

  figure {
    margin: 0;
  }

  img,
  picture {
    margin: 0;
    max-width: 100%;
  }

  .mobile-slider-paging {
    width: 100vw;
    list-style: none;
    padding: 0 calc(40px + 20px);
    padding: 0 calc(var(--spacing-large) + var(--spacing-medium));
      display: flex;
      }

  .mobile-slider-paging li {
    display: block;
    flex-grow: 1;
  }

  .mobile-slider-paging div {
    background-color: var(--color-text-meta);
      height: 2px;
      opacity: 0.25;
      transition: opacity 0.125s;
      }

  .mobile-slider-paging .slick-active div {
    opacity: 1;
    transition: opacity 0.125s;
  }

  form {
    margin: 0;
  }

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

  input,
  textarea,
  select {
    font-size: var(--font-size-body-base);
      max-width: 100%;
      /* border: 1px solid $color-border; */
      border-radius: 0;
      }

  input[disabled], textarea[disabled], select[disabled] {
    border-color: var(--color-disabled-border);
      background-color: var(--color-disabled);
        cursor: default;
        }

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

  textarea {
    min-height: 100px;
  }

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

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

  /* Force option color (affects IE only) */

  option {
    background-color: var(--color-bg);
      color: var(--color-text);
        }

  .input-error {
    border-color: var(--color-error-message);
      color: var(--color-error-message);
        }

  .input {
    background-color: var(--color-input);
      color: var(--color-input-text);
        width: 100%;
        height: 48px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          border: none;
          border-radius: 3px;
          padding: 10px 10px;
          padding: var(--spacing-small) var(--spacing-small);
            font-family: var(--font-body);
              font-weight: var(--font-body-weight);
                font-style: var(--font-body-style);
                  line-height: 1.5em;
                  }

  .input::-moz-placeholder {
    color: inherit;
  }

  .input:-ms-input-placeholder {
    color: inherit;
  }

  .input::-ms-input-placeholder {
    color: inherit;
  }

  .input::placeholder {
    color: inherit;
  }

  .select-wrapper {
    position: relative;
  }

  .select-wrapper:after {
    content: ' ';
    pointer-events: none;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--color-input-text);
      position: absolute;
      top: 50%;
      margin-top: -3px;
      right: 15px;
      }

  .errors {
    color: var(--color-error-message);
      text-align: left;
      line-height: 1.5em;
      line-height: var(--line-height-body);
        }

  .errors ul {
    padding: 0 0 0 20px;
    padding: 0 0 0 var(--spacing-medium);
      }

  .section {
    max-width: 1260px;
    max-width: var(--max-width);
      margin: 20px auto;
      margin: var(--spacing-medium) auto;
        padding-left: 20px;
        padding-left: var(--spacing-medium);
          padding-right: 20px;
          padding-right: var(--spacing-medium);
            overflow-x: hidden;
            }
  @media only screen and (min-width: 1400px) {
    .section {
      max-width: calc(100% - 80px);
    }
  }

  @media (min-width: 38em) {

    .section {
      /*     margin: 4rem auto; */
      /*     margin: var(--spacing-extra-large) auto; */
      margin:60px auto;
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
          }
  }

  .section--standard {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        border: 1px solid transparent;
        }

  .section--standard .meta {
    color: var(--color-contrast-text-meta);
      }

  .section--standard .input {
    background: var(--color-contrast-input);
      color: var(--color-contrast-input-text);
        }

  .section--standard .select-wrapper:after {
    border-top-color: var(--color-contrast-input-text);
      }

  .section--standard .dot {
    background-color: var(--color-contrast-text);
      }

  .section--outline {
    border: 1px solid var(--color-border);
      }

  .section--outline .dot {
    background-color: var(--color-text);
      }

  .accent-link {
    color: var(--color-accent);
      text-decoration: underline;
      transition: opacity 0.25s;
      }

  .accent-link:hover {
    opacity: 0.5;
    transition: opacity 0.25s;
  }

  .centered-content {
    width: 100%;
    max-width: 600px;
    max-width: var(--max-width-centered-copy);
      margin-left: auto;
      margin-right: auto;
      }

  .rte {
    margin-top: 0;
    margin-bottom: 0;
  }

  .rte h1 {
    font-size: 1.8em;
    font-family: var(--font-heading);
      font-weight: var(--font-heading-weight);
        font-style: var(--font-heading-style);
          }

  .rte h2 {
    font-size: 1.8em;
    font-family: var(--font-heading);
      font-weight: var(--font-heading-weight);
        font-style: var(--font-heading-style);
          }

  .rte h3 {
    font-size: 1.4em;
    font-family: var(--font-heading);
      font-weight: var(--font-heading-weight);
        font-style: var(--font-heading-style);
          }

  .rte h4 {
    font-size: 1.2em;
    font-family: var(--font-heading);
      font-weight: var(--font-heading-weight);
        font-style: var(--font-heading-style);
          }

  .rte h5 {
    font-size: 1em;
    font-weight: var(--font-body-bold-weight);
      }

  .rte h6 {
    font-size: 0.8em;
    font-weight: var(--font-body-bold-weight);
      text-transform: uppercase;
      }

  .rte blockquote {
    font-size: var(--font-size-heading-2);
      line-height: 1.5em;
      line-height: var(--line-height-body);
        margin-top: 40px;
        margin-top: var(--spacing-large);
          margin-bottom: 40px;
          margin-bottom: var(--spacing-large);
            margin-left: 20px;
            margin-left: var(--spacing-medium);
              border-left: 1px solid var(--color-border);
                padding-left: 20px;
                padding-left: var(--spacing-medium);
                  }

  .rte a {
    text-decoration: underline;
    color: var(--color-accent);
      }

  .rte a:hover {
    color: var(--color-text);
      }

  .rte img {
    height: auto;
  }

  .rte table {
    table-layout: fixed;
    border-collapse: collapse;
  }

  .rte table,
  .rte th,
  .rte td {
    border: 1px solid var(--color-border);
      }

  .rte td {
    padding: 10px;
    padding: var(--spacing-small);
      }

  .rte ul,
  .rte ol {
    margin: 0 0 calc(30px / 2) 0;
    margin: 0 0 calc(var(--grid-gutter) / 2) 0;
      }

  .rte strong {
    font-weight: var(--font-body-bold-weight);
      }

  /*  Allow table to scroll for tables in the RTE since we don't know
  how many columns they will contain. Class added by JS. */

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

  /*  This class is wrapped around YouTube/Vimeo embeds in the RTE
  to make them responsive and prevent layout breaking */

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

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

  /*  This class is wrapped around tables in the RTE
  to prevent layout breaking with a scrollable parent */

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

  .g-uppercase .rte h1,
  .g-uppercase .rte h2,
  .g-uppercase .rte h3,
  .g-uppercase .rte h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .rte__link {
    display: inline-flex;
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
      }

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

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

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

  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) img,
  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) img {
    max-width: 100%;
  }

  svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
    stroke: inherit;
  }

  /* A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com) */

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

  /* Payment icons */

  .payment-icons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
  }

  .clearfix {

    *zoom: 1;
    /* clearfix mixin above */
  }

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

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

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

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

  /* No placeholders, so force show labels */

  .no-placeholder .label-hidden {
    position: inherit !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    /* visually-shown mixin above */
  }

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

  /* Only show when JS is not supported */

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

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

  /* Only show when JS is supported */

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

  /* Only show when browser cookies are not supported */

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

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

  /* Only show when browser cookies are supported */

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

  /* Skip to content button
  Overrides .visually-hidden when focused */

  .skip-link:focus {
    position: absolute !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    /* visually-shown mixin above */

    z-index: 10000;
    padding: calc(30px / 2);
    padding: calc(var(--grid-gutter) / 2);
      background-color: var(--color-bg);
        color: var(--color-text);
          transition: none;
          }

  .hide {
    /* stylelint-disable declaration-no-important */
    display: none !important;
  }

  .shopify-product-reviews-wrapper {
    width: 100%;
  }

  #shopify-product-reviews {
    width: 100%;
    margin-top: calc(40px + 20px) !important;
    margin-top: calc(var(--spacing-large) + var(--spacing-medium)) !important;
      overflow: visible !important;
      }

  @media (min-width: 38em) {

    #shopify-product-reviews {
      padding: 0;
      padding-right: 20px;
      padding-right: var(--spacing-medium)
        }
  }

  #shopify-product-reviews .spr-container {
    width: 100%;
    border: none;
    padding: 0 0 0 0;
  }

  #shopify-product-reviews .spr-header {
    border-bottom: 1px solid var(--color-border);
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
          }

  #shopify-product-reviews .spr-header-title {
    font-size: var(--font-size-heading-1);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  #shopify-product-reviews .spr-header-title > a {
    color: inherit;
  }

  #shopify-product-reviews .spr-summary {
    display: flex;
    flex-direction: column;
  }

  @media (min-width: 38em) {

    #shopify-product-reviews .spr-summary {
      flex-direction: row;
      align-items: center;
      justify-content: space-between
    }
  }

  #shopify-product-reviews .spr-summary-caption {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }

  @media (min-width: 38em) {

    #shopify-product-reviews .spr-summary-caption {
      margin-right: auto
    }
  }

  #shopify-product-reviews .spr-summary-actions a {
    margin-top: 0;
  }

  #shopify-product-reviews .spr-summary-actions-newreview {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-secondary-button);
              color: var(--color-secondary-button-text);
                border: none;
                /* button mixin above */

                width: 100%;
                margin-top: 20px;
                margin-top: var(--spacing-medium);
                  opacity: 1;
                  transition: opacity 0.25s ease;
                  }

  #shopify-product-reviews .spr-summary-actions-newreview:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
  }

  #shopify-product-reviews .spr-button-primary {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-accent);
              color: var(--color-button-text);
                border: none;
                /* button mixin above */

                width: 100%;
                opacity: 1;
                transition: opacity 0.25s ease;
                }

  #shopify-product-reviews .spr-button-primary:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
  }

  #shopify-product-reviews .spr-form {
    width: 100%;
    border: none;
    padding-top: 0;
    margin: 0 auto 20px auto;
    margin: 0 auto var(--spacing-medium) auto;
      }

  @media (min-width: 38em) and (max-width: 60em) {

    #shopify-product-reviews .spr-form {
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large)
        }
  }

  @media (min-width: 60em) {

    #shopify-product-reviews .spr-form {
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large)
        }
  }

  #shopify-product-reviews .spr-form-title {
    display: none;
  }

  #shopify-product-reviews fieldset > div {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  #shopify-product-reviews .spr-form-label {
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      font-size: var(--font-size-body-base);
        }

  #shopify-product-reviews .spr-form-input {
    /* reset */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* input */
    background-color: var(--color-input);
      color: var(--color-input-text);
        width: 100%;
        height: 48px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          border: none;
          border-radius: 3px;
          padding: 10px 10px;
          padding: var(--spacing-small) var(--spacing-small);
            font-family: var(--font-body);
              font-weight: var(--font-body-weight);
                font-style: var(--font-body-style);
                  line-height: 1.5em;
                  }

  #shopify-product-reviews .spr-form-input::-moz-placeholder {
    color: var(--color-text-meta);
      }

  #shopify-product-reviews .spr-form-input:-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  #shopify-product-reviews .spr-form-input::-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  #shopify-product-reviews .spr-form-input::placeholder {
    color: var(--color-text-meta);
      }

  #shopify-product-reviews .spr-form-review-body > .spr-form-input {
    background-color: none;
    box-shadow: none;
    height: auto;
    padding: 0;
    line-height: 0;
  }

  #shopify-product-reviews .spr-form-review-body > .spr-form-input .spr-form-input-textarea {
    line-height: 1.5em;
    line-height: var(--line-height-body);
      }

  #shopify-product-reviews .spr-form-review-rating .spr-form-input {
    box-shadow: none;
    padding-left: 0;
    background: none;
  }

  #shopify-product-reviews .spr-icon {
    font-size: 100%;
    margin-right: 2px;
  }

  #shopify-product-reviews .spr-icon-star,
  #shopify-product-reviews .spr-icon-star-half-alt,
  #shopify-product-reviews .spr-icon-star-empty {
    color: var(--color-accent);
      }

  #shopify-product-reviews .spr-review {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);

      border: none;
      }

  #shopify-product-reviews .spr-review:first-child {
    margin-top: 0;
  }

  #shopify-product-reviews .spr-review-header-byline {
    font-style: none;
  }

  #shopify-product-reviews .spr-review-header-byline strong {
    font-weight: normal;
  }

  #shopify-product-reviews .spr-review-content-body {
    color: var(--color-text);
      font-size: var(--font-size-body-base);
        line-height: 1.5em;
        line-height: var(--line-height-body);
          }

  #shopify-product-reviews .spr-form-message-error {
    color: var(--color-error-message);
      background: none;
      padding-left: 0;
      }

  #shopify-product-reviews .spr-review-reportreview {
    float: left;
  }

  .spr-pagination {
    width: 100%;
    text-align: left;
    padding-top: 20px !important;
    padding-top: var(--spacing-medium) !important;
      }

  .spr-pagination div {
    text-align: left;
  }

  .spr-pagination-page,
  .spr-pagination-prev,
  .spr-pagination-next {
    position: static !important;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
      margin-right: 8px;
      }

  .spr-pagination-page.is-active, .spr-pagination-prev.is-active, .spr-pagination-next.is-active {
    background-color: var(--color-contrast-bg);
      border: 1px solid var(--color-contrast-border);
        border-radius: 2px;
        color: var(--color-contrast-text-meta);
          box-shadow: none;
          font-weight: var(--font-body-weight) !important;
            }

  .bg-center {
    background-repeat: no-repeat;
    background-position: center center;
  }

  .bg-top {
    background-repeat: no-repeat;
    background-position: top center;
  }

  .bg-right {
    background-repeat: no-repeat;
    background-position: center right;
  }

  .bg-bottom {
    background-repeat: no-repeat;
    background-position: bottom center;
  }

  .bg-left {
    background-repeat: no-repeat;
    background-position: center left;
  }

  @media (min-width: 38em) {
    .bg-center-ns {
      background-repeat: no-repeat;
      background-position: center center;
    }

    .bg-top-ns {
      background-repeat: no-repeat;
      background-position: top center;
    }

    .bg-right-ns {
      background-repeat: no-repeat;
      background-position: center right;
    }

    .bg-bottom-ns {
      background-repeat: no-repeat;
      background-position: bottom center;
    }

    .bg-left-ns {
      background-repeat: no-repeat;
      background-position: center left;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .bg-center-m {
      background-repeat: no-repeat;
      background-position: center center;
    }

    .bg-top-m {
      background-repeat: no-repeat;
      background-position: top center;
    }

    .bg-right-m {
      background-repeat: no-repeat;
      background-position: center right;
    }

    .bg-bottom-m {
      background-repeat: no-repeat;
      background-position: bottom center;
    }

    .bg-left-m {
      background-repeat: no-repeat;
      background-position: center left;
    }
  }

  @media (min-width: 60em) {
    .bg-center-l {
      background-repeat: no-repeat;
      background-position: center center;
    }

    .bg-top-l {
      background-repeat: no-repeat;
      background-position: top center;
    }

    .bg-right-l {
      background-repeat: no-repeat;
      background-position: center right;
    }

    .bg-bottom-l {
      background-repeat: no-repeat;
      background-position: bottom center;
    }

    .bg-left-l {
      background-repeat: no-repeat;
      background-position: center left;
    }
  }

  .cover {
    background-size: cover !important;
  }

  .contain {
    background-size: contain !important;
  }

  @media (min-width: 38em) {
    .cover-ns {
      background-size: cover !important;
    }
    .contain-ns {
      background-size: contain !important;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .cover-m {
      background-size: cover !important;
    }
    .contain-m {
      background-size: contain !important;
    }
  }

  @media (min-width: 60em) {
    .cover-l {
      background-size: cover !important;
    }
    .contain-l {
      background-size: contain !important;
    }
  }

  .b--default {
    border-color: var(--color-border);
      }

  .b--white {
    border-color: #ffffff;
  }

  .b--t {
    border-color: transparent;
  }

  .br0 {
    border-radius: 0;
  }

  .br1 {
    border-radius: 0.125rem;
  }

  .br2 {
    border-radius: 0.25rem;
  }

  .br3 {
    border-radius: 0.5rem;
  }

  .br4 {
    border-radius: 1rem;
  }

  .br-100 {
    border-radius: 100%;
  }

  .br-pill {
    border-radius: 9999px;
  }

  .br--bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .br--top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .br--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .br--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .b--dotted {
    border-style: dotted;
  }

  .b--dashed {
    border-style: dashed;
  }

  .b--solid {
    border-style: solid;
  }

  .b--none {
    border-style: none;
  }

  .ba {
    border-style: solid;
    border-width: 1px;
  }

  .bt {
    border-top-style: solid;
    border-top-width: 1px;
  }

  .br {
    border-right-style: solid;
    border-right-width: 1px;
  }

  .bb {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .bl {
    border-left-style: solid;
    border-left-width: 1px;
  }

  .bn {
    border-style: none;
    border-width: 0;
  }

  .shadow-1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  }

  .shadow-2 {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  }

  .cf:before,
  .cf:after {
    content: ' ';
    display: table;
  }

  .cf:after {
    clear: both;
  }

  .cf {
    *zoom: 1;
  }

  .cl {
    clear: left;
  }

  .cr {
    clear: right;
  }

  .cb {
    clear: both;
  }

  .cn {
    clear: none;
  }

  @media (min-width: 38em) {
    .cl-ns {
      clear: left;
    }
    .cr-ns {
      clear: right;
    }
    .cb-ns {
      clear: both;
    }
    .cn-ns {
      clear: none;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .cl-m {
      clear: left;
    }
    .cr-m {
      clear: right;
    }
    .cb-m {
      clear: both;
    }
    .cn-m {
      clear: none;
    }
  }

  @media (min-width: 60em) {
    .cl-l {
      clear: left;
    }
    .cr-l {
      clear: right;
    }
    .cb-l {
      clear: both;
    }
    .cn-l {
      clear: none;
    }
  }

  .color-inherit {
    color: inherit;
  }

  .white {
    color: #ffffff;
  }

  .default {
    color: var(--color-text);
      }

  .meta {
    color: var(--color-text-meta);
      }

  .sale {
    color: var(--color-sale-badge);
      }

  .bg-base {
    background-color: var(--color-bg);
      }

  .bg-white {
    background-color: var(--color-bg);
      }

  .bg-sale {
    background-color: var(--color-sale-badge);
      }

  .bg-accent {
    background-color: var(--color-accent);
      }

  .bg-container {
    background-color: var(--color-contrast-bg);
      }

  .top-0 {
    top: 0;
  }

  .right-0 {
    right: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .top-1 {
    top: 1rem;
  }

  .right-1 {
    right: 1rem;
  }

  .bottom-1 {
    bottom: 1rem;
  }

  .left-1 {
    left: 1rem;
  }

  .top-2 {
    top: 2rem;
  }

  .right-2 {
    right: 2rem;
  }

  .bottom-2 {
    bottom: 2rem;
  }

  .left-2 {
    left: 2rem;
  }

  .top--1 {
    top: -1rem;
  }

  .right--1 {
    right: -1rem;
  }

  .bottom--1 {
    bottom: -1rem;
  }

  .left--1 {
    left: -1rem;
  }

  .top--2 {
    top: -2rem;
  }

  .right--2 {
    right: -2rem;
  }

  .bottom--2 {
    bottom: -2rem;
  }

  .left--2 {
    left: -2rem;
  }

  .absolute--fill {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* @import 'debug.css'; */

  .dn {
    display: none;
  }

  .di {
    display: inline;
  }

  .db {
    display: block;
  }

  .dib {
    display: inline-block;
  }

  .dit {
    display: inline-table;
  }

  .dt {
    display: table;
  }

  .dtc {
    display: table-cell;
  }

  .dt-row {
    display: table-row;
  }

  .dt-row-group {
    display: table-row-group;
  }

  .dt-column {
    display: table-column;
  }

  .dt-column-group {
    display: table-column-group;
  }

  /*
  This will set table to full width and then
  all cells will be equal width
  */

  .dt--fixed {
    table-layout: fixed;
    width: 100%;
  }

  @media (min-width: 38em) {
    .dn-ns {
      display: none;
    }
    .di-ns {
      display: inline;
    }
    .db-ns {
      display: block;
    }
    .dib-ns {
      display: inline-block;
    }
    .dit-ns {
      display: inline-table;
    }
    .dt-ns {
      display: table;
    }
    .dtc-ns {
      display: table-cell;
    }
    .dt-row-ns {
      display: table-row;
    }
    .dt-row-group-ns {
      display: table-row-group;
    }
    .dt-column-ns {
      display: table-column;
    }
    .dt-column-group-ns {
      display: table-column-group;
    }

    .dt--fixed-ns {
      table-layout: fixed;
      width: 100%;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .dn-m {
      display: none;
    }
    .di-m {
      display: inline;
    }
    .db-m {
      display: block;
    }
    .dib-m {
      display: inline-block;
    }
    .dit-m {
      display: inline-table;
    }
    .dt-m {
      display: table;
    }
    .dtc-m {
      display: table-cell;
    }
    .dt-row-m {
      display: table-row;
    }
    .dt-row-group-m {
      display: table-row-group;
    }
    .dt-column-m {
      display: table-column;
    }
    .dt-column-group-m {
      display: table-column-group;
    }

    .dt--fixed-m {
      table-layout: fixed;
      width: 100%;
    }
  }

  @media (min-width: 60em) {
    .dn-l {
      display: none;
    }
    .di-l {
      display: inline;
    }
    .db-l {
      display: block;
    }
    .dib-l {
      display: inline-block;
    }
    .dit-l {
      display: inline-table;
    }
    .dt-l {
      display: table;
    }
    .dtc-l {
      display: table-cell;
    }
    .dt-row-l {
      display: table-row;
    }
    .dt-row-group-l {
      display: table-row-group;
    }
    .dt-column-l {
      display: table-column;
    }
    .dt-column-group-l {
      display: table-column-group;
    }

    .dt--fixed-l {
      table-layout: fixed;
      width: 100%;
    }
  }

  .flex {
    display: flex;
  }

  .inline-flex {
    display: inline-flex;
  }

  /* 1. Fix for Chrome 44 bug.
  * https://code.google.com/p/chromium/issues/detail?id=506893 */

  .flex-auto {
    flex: 1 1 auto;
    min-width: 0; /* 1 */
    min-height: 0; /* 1 */
  }

  .flex-none {
    flex: none;
  }

  .flex-column {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

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

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

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

  .flex-column-reverse {
    flex-direction: column-reverse;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-center {
    align-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-stretch {
    align-items: stretch;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-center {
    align-self: center;
  }

  .self-baseline {
    align-self: baseline;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-around {
    justify-content: space-around;
  }

  .content-start {
    align-content: flex-start;
  }

  .content-end {
    align-content: flex-end;
  }

  .content-center {
    align-content: center;
  }

  .content-between {
    align-content: space-between;
  }

  .content-around {
    align-content: space-around;
  }

  .content-stretch {
    align-content: stretch;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-6 {
    order: 6;
  }

  .order-7 {
    order: 7;
  }

  .order-8 {
    order: 8;
  }

  .order-last {
    order: 99999;
  }

  .flex-grow-0 {
    flex-grow: 0;
  }

  .flex-grow-1 {
    flex-grow: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .flex-shrink-1 {
    flex-shrink: 1;
  }

  @media (min-width: 38em) {
    .flex-ns {
      display: flex;
    }
    .inline-flex-ns {
      display: inline-flex;
    }
    .flex-auto-ns {
      flex: 1 1 auto;
      min-width: 0; /* 1 */
      min-height: 0; /* 1 */
    }
    .flex-none-ns {
      flex: none;
    }
    .flex-column-ns {
      flex-direction: column;
    }
    .flex-row-ns {
      flex-direction: row;
    }
    .flex-wrap-ns {
      flex-wrap: wrap;
    }
    .flex-nowrap-ns {
      flex-wrap: nowrap;
    }
    .flex-wrap-reverse-ns {
      flex-wrap: wrap-reverse;
    }
    .flex-column-reverse-ns {
      flex-direction: column-reverse;
    }
    .flex-row-reverse-ns {
      flex-direction: row-reverse;
    }
    .items-start-ns {
      align-items: flex-start;
    }
    .items-end-ns {
      align-items: flex-end;
    }
    .items-center-ns {
      align-items: center;
    }
    .items-baseline-ns {
      align-items: baseline;
    }
    .items-stretch-ns {
      align-items: stretch;
    }

    .self-start-ns {
      align-self: flex-start;
    }
    .self-end-ns {
      align-self: flex-end;
    }
    .self-center-ns {
      align-self: center;
    }
    .self-baseline-ns {
      align-self: baseline;
    }
    .self-stretch-ns {
      align-self: stretch;
    }

    .justify-start-ns {
      justify-content: flex-start;
    }
    .justify-end-ns {
      justify-content: flex-end;
    }
    .justify-center-ns {
      justify-content: center;
    }
    .justify-between-ns {
      justify-content: space-between;
    }
    .justify-around-ns {
      justify-content: space-around;
    }

    .content-start-ns {
      align-content: flex-start;
    }
    .content-end-ns {
      align-content: flex-end;
    }
    .content-center-ns {
      align-content: center;
    }
    .content-between-ns {
      align-content: space-between;
    }
    .content-around-ns {
      align-content: space-around;
    }
    .content-stretch-ns {
      align-content: stretch;
    }

    .order-0-ns {
      order: 0;
    }
    .order-1-ns {
      order: 1;
    }
    .order-2-ns {
      order: 2;
    }
    .order-3-ns {
      order: 3;
    }
    .order-4-ns {
      order: 4;
    }
    .order-5-ns {
      order: 5;
    }
    .order-6-ns {
      order: 6;
    }
    .order-7-ns {
      order: 7;
    }
    .order-8-ns {
      order: 8;
    }
    .order-last-ns {
      order: 99999;
    }

    .flex-grow-0-ns {
      flex-grow: 0;
    }
    .flex-grow-1-ns {
      flex-grow: 1;
    }

    .flex-shrink-0-ns {
      flex-shrink: 0;
    }
    .flex-shrink-1-ns {
      flex-shrink: 1;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .flex-m {
      display: flex;
    }
    .inline-flex-m {
      display: inline-flex;
    }
    .flex-auto-m {
      flex: 1 1 auto;
      min-width: 0; /* 1 */
      min-height: 0; /* 1 */
    }
    .flex-none-m {
      flex: none;
    }
    .flex-column-m {
      flex-direction: column;
    }
    .flex-row-m {
      flex-direction: row;
    }
    .flex-wrap-m {
      flex-wrap: wrap;
    }
    .flex-nowrap-m {
      flex-wrap: nowrap;
    }
    .flex-wrap-reverse-m {
      flex-wrap: wrap-reverse;
    }
    .flex-column-reverse-m {
      flex-direction: column-reverse;
    }
    .flex-row-reverse-m {
      flex-direction: row-reverse;
    }
    .items-start-m {
      align-items: flex-start;
    }
    .items-end-m {
      align-items: flex-end;
    }
    .items-center-m {
      align-items: center;
    }
    .items-baseline-m {
      align-items: baseline;
    }
    .items-stretch-m {
      align-items: stretch;
    }

    .self-start-m {
      align-self: flex-start;
    }
    .self-end-m {
      align-self: flex-end;
    }
    .self-center-m {
      align-self: center;
    }
    .self-baseline-m {
      align-self: baseline;
    }
    .self-stretch-m {
      align-self: stretch;
    }

    .justify-start-m {
      justify-content: flex-start;
    }
    .justify-end-m {
      justify-content: flex-end;
    }
    .justify-center-m {
      justify-content: center;
    }
    .justify-between-m {
      justify-content: space-between;
    }
    .justify-around-m {
      justify-content: space-around;
    }

    .content-start-m {
      align-content: flex-start;
    }
    .content-end-m {
      align-content: flex-end;
    }
    .content-center-m {
      align-content: center;
    }
    .content-between-m {
      align-content: space-between;
    }
    .content-around-m {
      align-content: space-around;
    }
    .content-stretch-m {
      align-content: stretch;
    }

    .order-0-m {
      order: 0;
    }
    .order-1-m {
      order: 1;
    }
    .order-2-m {
      order: 2;
    }
    .order-3-m {
      order: 3;
    }
    .order-4-m {
      order: 4;
    }
    .order-5-m {
      order: 5;
    }
    .order-6-m {
      order: 6;
    }
    .order-7-m {
      order: 7;
    }
    .order-8-m {
      order: 8;
    }
    .order-last-m {
      order: 99999;
    }

    .flex-grow-0-m {
      flex-grow: 0;
    }
    .flex-grow-1-m {
      flex-grow: 1;
    }

    .flex-shrink-0-m {
      flex-shrink: 0;
    }
    .flex-shrink-1-m {
      flex-shrink: 1;
    }
  }

  @media (min-width: 60em) {
    .flex-l {
      display: flex;
    }
    .inline-flex-l {
      display: inline-flex;
    }
    .flex-auto-l {
      flex: 1 1 auto;
      min-width: 0; /* 1 */
      min-height: 0; /* 1 */
    }
    .flex-none-l {
      flex: none;
    }
    .flex-column-l {
      flex-direction: column;
    }
    .flex-row-l {
      flex-direction: row;
    }
    .flex-wrap-l {
      flex-wrap: wrap;
    }
    .flex-nowrap-l {
      flex-wrap: nowrap;
    }
    .flex-wrap-reverse-l {
      flex-wrap: wrap-reverse;
    }
    .flex-column-reverse-l {
      flex-direction: column-reverse;
    }
    .flex-row-reverse-l {
      flex-direction: row-reverse;
    }

    .items-start-l {
      align-items: flex-start;
    }
    .items-end-l {
      align-items: flex-end;
    }
    .items-center-l {
      align-items: center;
    }
    .items-baseline-l {
      align-items: baseline;
    }
    .items-stretch-l {
      align-items: stretch;
    }

    .self-start-l {
      align-self: flex-start;
    }
    .self-end-l {
      align-self: flex-end;
    }
    .self-center-l {
      align-self: center;
    }
    .self-baseline-l {
      align-self: baseline;
    }
    .self-stretch-l {
      align-self: stretch;
    }

    .justify-start-l {
      justify-content: flex-start;
    }
    .justify-end-l {
      justify-content: flex-end;
    }
    .justify-center-l {
      justify-content: center;
    }
    .justify-between-l {
      justify-content: space-between;
    }
    .justify-around-l {
      justify-content: space-around;
    }

    .content-start-l {
      align-content: flex-start;
    }
    .content-end-l {
      align-content: flex-end;
    }
    .content-center-l {
      align-content: center;
    }
    .content-between-l {
      align-content: space-between;
    }
    .content-around-l {
      align-content: space-around;
    }
    .content-stretch-l {
      align-content: stretch;
    }

    .order-0-l {
      order: 0;
    }
    .order-1-l {
      order: 1;
    }
    .order-2-l {
      order: 2;
    }
    .order-3-l {
      order: 3;
    }
    .order-4-l {
      order: 4;
    }
    .order-5-l {
      order: 5;
    }
    .order-6-l {
      order: 6;
    }
    .order-7-l {
      order: 7;
    }
    .order-8-l {
      order: 8;
    }
    .order-last-l {
      order: 99999;
    }

    .flex-grow-0-l {
      flex-grow: 0;
    }
    .flex-grow-1-l {
      flex-grow: 1;
    }

    .flex-shrink-0-l {
      flex-shrink: 0;
    }
    .flex-shrink-1-l {
      flex-shrink: 1;
    }
  }

  .fl {
    float: left;
    _display: inline;
  }

  .fr {
    float: right;
    _display: inline;
  }

  .fn {
    float: none;
  }

  @media (min-width: 38em) {
    .fl-ns {
      float: left;
      _display: inline;
    }
    .fr-ns {
      float: right;
      _display: inline;
    }
    .fn-ns {
      float: none;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .fl-m {
      float: left;
      _display: inline;
    }
    .fr-m {
      float: right;
      _display: inline;
    }
    .fn-m {
      float: none;
    }
  }

  @media (min-width: 60em) {
    .fl-l {
      float: left;
      _display: inline;
    }
    .fr-l {
      float: right;
      _display: inline;
    }
    .fn-l {
      float: none;
    }
  }

  .ff-1 {
    font-family: var(--font-body), sans-serif;
      }

  .ff-2 {
    font-family: var(--font-heading), sans-serif;
      }

  .normal {
    font-weight: normal;
  }

  .b {
    font-weight: bold;
  }

  .fw1 {
    font-weight: 100;
  }

  .fw2 {
    font-weight: 200;
  }

  .fw3 {
    font-weight: 300;
  }

  .fw4 {
    font-weight: 400;
  }

  .fw5 {
    font-weight: 500;
  }

  .fw6 {
    font-weight: 600;
  }

  .fw7 {
    font-weight: 700;
  }

  .fw8 {
    font-weight: 800;
  }

  .fw9 {
    font-weight: 900;
  }

  @media (min-width: 38em) {
    .normal-ns {
      font-weight: normal;
    }
    .b-ns {
      font-weight: bold;
    }
    .fw1-ns {
      font-weight: 100;
    }
    .fw2-ns {
      font-weight: 200;
    }
    .fw3-ns {
      font-weight: 300;
    }
    .fw4-ns {
      font-weight: 400;
    }
    .fw5-ns {
      font-weight: 500;
    }
    .fw6-ns {
      font-weight: 600;
    }
    .fw7-ns {
      font-weight: 700;
    }
    .fw8-ns {
      font-weight: 800;
    }
    .fw9-ns {
      font-weight: 900;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .normal-m {
      font-weight: normal;
    }
    .b-m {
      font-weight: bold;
    }
    .fw1-m {
      font-weight: 100;
    }
    .fw2-m {
      font-weight: 200;
    }
    .fw3-m {
      font-weight: 300;
    }
    .fw4-m {
      font-weight: 400;
    }
    .fw5-m {
      font-weight: 500;
    }
    .fw6-m {
      font-weight: 600;
    }
    .fw7-m {
      font-weight: 700;
    }
    .fw8-m {
      font-weight: 800;
    }
    .fw9-m {
      font-weight: 900;
    }
  }

  @media (min-width: 60em) {
    .normal-l {
      font-weight: normal;
    }
    .b-l {
      font-weight: bold;
    }
    .fw1-l {
      font-weight: 100;
    }
    .fw2-l {
      font-weight: 200;
    }
    .fw3-l {
      font-weight: 300;
    }
    .fw4-l {
      font-weight: 400;
    }
    .fw5-l {
      font-weight: 500;
    }
    .fw6-l {
      font-weight: 600;
    }
    .fw7-l {
      font-weight: 700;
    }
    .fw8-l {
      font-weight: 800;
    }
    .fw9-l {
      font-weight: 900;
    }
  }

  .input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  .button-reset::-moz-focus-inner,
  .input-reset::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  .tracked {
    letter-spacing: 0.1em;
  }

  .tracked-tight {
    letter-spacing: -0.05em;
  }

  .tracked-mega {
    letter-spacing: 0.25em;
  }

  @media (min-width: 38em) {
    .tracked-ns {
      letter-spacing: 0.1em;
    }
    .tracked-tight-ns {
      letter-spacing: -0.05em;
    }
    .tracked-mega-ns {
      letter-spacing: 0.25em;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .tracked-m {
      letter-spacing: 0.1em;
    }
    .tracked-tight-m {
      letter-spacing: -0.05em;
    }
    .tracked-mega-m {
      letter-spacing: 0.25em;
    }
  }

  @media (min-width: 60em) {
    .tracked-l {
      letter-spacing: 0.1em;
    }
    .tracked-tight-l {
      letter-spacing: -0.05em;
    }
    .tracked-mega-l {
      letter-spacing: 0.25em;
    }
  }

  .lh-solid {
    line-height: 1;
  }

  .lh-title {
    line-height: 1.25;
  }

  .lh-copy {
    line-height: 1.5;
  }

  .list {
    list-style-type: none;
  }

  .mw-c {
    max-width: 1260px;
    max-width: var(--max-width);
      }

  /* Max Width Percentages */

  .mw-50 {
    max-width: 50%;
  }

  .mw-75 {
    max-width: 75%;
  }

  .mw-100 {
    max-width: 100%;
  }

  /* Max Width Scale */

  .mw1 {
    max-width: 1rem;
  }

  .mw2 {
    max-width: 2rem;
  }

  .mw3 {
    max-width: 4rem;
  }

  .mw4 {
    max-width: 8rem;
  }

  .mw5 {
    max-width: 16rem;
  }

  .mw6 {
    max-width: 32rem;
  }

  .mw7 {
    max-width: 48rem;
  }

  .mw8 {
    max-width: 64rem;
  }

  .mw9 {
    max-width: 96rem;
  }

  /* Max Width String Properties */

  .mw-none {
    max-width: none;
  }

  @media (min-width: 38em) {
    .mw-100-ns {
      max-width: 100%;
    }

    .mw1-ns {
      max-width: 1rem;
    }
    .mw2-ns {
      max-width: 2rem;
    }
    .mw3-ns {
      max-width: 4rem;
    }
    .mw4-ns {
      max-width: 8rem;
    }
    .mw5-ns {
      max-width: 16rem;
    }
    .mw6-ns {
      max-width: 32rem;
    }
    .mw7-ns {
      max-width: 48rem;
    }
    .mw8-ns {
      max-width: 64rem;
    }
    .mw9-ns {
      max-width: 96rem;
    }

    .mw-none-ns {
      max-width: none;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .mw-100-m {
      max-width: 100%;
    }

    .mw1-m {
      max-width: 1rem;
    }
    .mw2-m {
      max-width: 2rem;
    }
    .mw3-m {
      max-width: 4rem;
    }
    .mw4-m {
      max-width: 8rem;
    }
    .mw5-m {
      max-width: 16rem;
    }
    .mw6-m {
      max-width: 32rem;
    }
    .mw7-m {
      max-width: 48rem;
    }
    .mw8-m {
      max-width: 64rem;
    }
    .mw9-m {
      max-width: 96rem;
    }

    .mw-none-m {
      max-width: none;
    }
  }

  @media (min-width: 60em) {
    .mw-100-l {
      max-width: 100%;
    }

    .mw1-l {
      max-width: 1rem;
    }
    .mw2-l {
      max-width: 2rem;
    }
    .mw3-l {
      max-width: 4rem;
    }
    .mw4-l {
      max-width: 8rem;
    }
    .mw5-l {
      max-width: 16rem;
    }
    .mw6-l {
      max-width: 32rem;
    }
    .mw7-l {
      max-width: 48rem;
    }
    .mw8-l {
      max-width: 64rem;
    }
    .mw9-l {
      max-width: 96rem;
    }

    .mw-none-l {
      max-width: none;
    }
  }

  .na1 {
    margin: calc(-1 * 5px);
    margin: calc(-1 * var(--spacing-extra-small));
      }

  .na2 {
    margin: calc(-1 * 10px);
    margin: calc(-1 * var(--spacing-small));
      }

  .na3 {
    margin: calc(-1 * 20px);
    margin: calc(-1 * var(--spacing-medium));
      }

  .na4 {
    margin: calc(-1 * 40px);
    margin: calc(-1 * var(--spacing-large));
      }

  .na5 {
    margin: calc(-1 * 4rem);
    margin: calc(-1 * var(--spacing-extra-large));
      }

  .na6 {
    margin: calc(-1 * 8rem);
    margin: calc(-1 * var(--spacing-extra-extra-large));
      }

  .na7 {
    margin: calc(-1 * 16rem);
    margin: calc(-1 * var(--spacing-extra-extra-extra-large));
      }

  .nl1 {
    margin-left: calc(-1 * 5px);
    margin-left: calc(-1 * var(--spacing-extra-small));
      }

  .nl2 {
    margin-left: calc(-1 * 10px);
    margin-left: calc(-1 * var(--spacing-small));
      }

  .nl3 {
    margin-left: calc(-1 * 20px);
    margin-left: calc(-1 * var(--spacing-medium));
      }

  .nl4 {
    margin-left: calc(-1 * 40px);
    margin-left: calc(-1 * var(--spacing-large));
      }

  .nl5 {
    margin-left: calc(-1 * 4rem);
    margin-left: calc(-1 * var(--spacing-extra-large));
      }

  .nl6 {
    margin-left: calc(-1 * 8rem);
    margin-left: calc(-1 * var(--spacing-extra-extra-large));
      }

  .nl7 {
    margin-left: calc(-1 * 16rem);
    margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
      }

  .nr1 {
    margin-right: calc(-1 * 5px);
    margin-right: calc(-1 * var(--spacing-extra-small));
      }

  .nr2 {
    margin-right: calc(-1 * 10px);
    margin-right: calc(-1 * var(--spacing-small));
      }

  .nr3 {
    margin-right: calc(-1 * 20px);
    margin-right: calc(-1 * var(--spacing-medium));
      }

  .nr4 {
    margin-right: calc(-1 * 40px);
    margin-right: calc(-1 * var(--spacing-large));
      }

  .nr5 {
    margin-right: calc(-1 * 4rem);
    margin-right: calc(-1 * var(--spacing-extra-large));
      }

  .nr6 {
    margin-right: calc(-1 * 8rem);
    margin-right: calc(-1 * var(--spacing-extra-extra-large));
      }

  .nr7 {
    margin-right: calc(-1 * 16rem);
    margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
      }

  .nb1 {
    margin-bottom: calc(-1 * 5px);
    margin-bottom: calc(-1 * var(--spacing-extra-small));
      }

  .nb2 {
    margin-bottom: calc(-1 * 10px);
    margin-bottom: calc(-1 * var(--spacing-small));
      }

  .nb3 {
    margin-bottom: calc(-1 * 20px);
    margin-bottom: calc(-1 * var(--spacing-medium));
      }

  .nb4 {
    margin-bottom: calc(-1 * 40px);
    margin-bottom: calc(-1 * var(--spacing-large));
      }

  .nb5 {
    margin-bottom: calc(-1 * 4rem);
    margin-bottom: calc(-1 * var(--spacing-extra-large));
      }

  .nb6 {
    margin-bottom: calc(-1 * 8rem);
    margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
      }

  .nb7 {
    margin-bottom: calc(-1 * 16rem);
    margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
      }

  .nt1 {
    margin-top: calc(-1 * 5px);
    margin-top: calc(-1 * var(--spacing-extra-small));
      }

  .nt2 {
    margin-top: calc(-1 * 10px);
    margin-top: calc(-1 * var(--spacing-small));
      }

  .nt3 {
    margin-top: calc(-1 * 20px);
    margin-top: calc(-1 * var(--spacing-medium));
      }

  .nt4 {
    margin-top: calc(-1 * 40px);
    margin-top: calc(-1 * var(--spacing-large));
      }

  .nt5 {
    margin-top: calc(-1 * 4rem);
    margin-top: calc(-1 * var(--spacing-extra-large));
      }

  .nt6 {
    margin-top: calc(-1 * 8rem);
    margin-top: calc(-1 * var(--spacing-extra-extra-large));
      }

  .nt7 {
    margin-top: calc(-1 * 16rem);
    margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
      }

  @media (min-width: 38em) {
    .na1-ns {
      margin: calc(-1 * 5px);
      margin: calc(-1 * var(--spacing-extra-small));
        }
    .na2-ns {
      margin: calc(-1 * 10px);
      margin: calc(-1 * var(--spacing-small));
        }
    .na3-ns {
      margin: calc(-1 * 20px);
      margin: calc(-1 * var(--spacing-medium));
        }
    .na4-ns {
      margin: calc(-1 * 40px);
      margin: calc(-1 * var(--spacing-large));
        }
    .na5-ns {
      margin: calc(-1 * 4rem);
      margin: calc(-1 * var(--spacing-extra-large));
        }
    .na6-ns {
      margin: calc(-1 * 8rem);
      margin: calc(-1 * var(--spacing-extra-extra-large));
        }
    .na7-ns {
      margin: calc(-1 * 16rem);
      margin: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nl1-ns {
      margin-left: calc(-1 * 5px);
      margin-left: calc(-1 * var(--spacing-extra-small));
        }
    .nl2-ns {
      margin-left: calc(-1 * 10px);
      margin-left: calc(-1 * var(--spacing-small));
        }
    .nl3-ns {
      margin-left: calc(-1 * 20px);
      margin-left: calc(-1 * var(--spacing-medium));
        }
    .nl4-ns {
      margin-left: calc(-1 * 40px);
      margin-left: calc(-1 * var(--spacing-large));
        }
    .nl5-ns {
      margin-left: calc(-1 * 4rem);
      margin-left: calc(-1 * var(--spacing-extra-large));
        }
    .nl6-ns {
      margin-left: calc(-1 * 8rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nl7-ns {
      margin-left: calc(-1 * 16rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nr1-ns {
      margin-right: calc(-1 * 5px);
      margin-right: calc(-1 * var(--spacing-extra-small));
        }
    .nr2-ns {
      margin-right: calc(-1 * 10px);
      margin-right: calc(-1 * var(--spacing-small));
        }
    .nr3-ns {
      margin-right: calc(-1 * 20px);
      margin-right: calc(-1 * var(--spacing-medium));
        }
    .nr4-ns {
      margin-right: calc(-1 * 40px);
      margin-right: calc(-1 * var(--spacing-large));
        }
    .nr5-ns {
      margin-right: calc(-1 * 4rem);
      margin-right: calc(-1 * var(--spacing-extra-large));
        }
    .nr6-ns {
      margin-right: calc(-1 * 8rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nr7-ns {
      margin-right: calc(-1 * 16rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nb1-ns {
      margin-bottom: calc(-1 * 5px);
      margin-bottom: calc(-1 * var(--spacing-extra-small));
        }
    .nb2-ns {
      margin-bottom: calc(-1 * 10px);
      margin-bottom: calc(-1 * var(--spacing-small));
        }
    .nb3-ns {
      margin-bottom: calc(-1 * 20px);
      margin-bottom: calc(-1 * var(--spacing-medium));
        }
    .nb4-ns {
      margin-bottom: calc(-1 * 40px);
      margin-bottom: calc(-1 * var(--spacing-large));
        }
    .nb5-ns {
      margin-bottom: calc(-1 * 4rem);
      margin-bottom: calc(-1 * var(--spacing-extra-large));
        }
    .nb6-ns {
      margin-bottom: calc(-1 * 8rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nb7-ns {
      margin-bottom: calc(-1 * 16rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nt1-ns {
      margin-top: calc(-1 * 5px);
      margin-top: calc(-1 * var(--spacing-extra-small));
        }
    .nt2-ns {
      margin-top: calc(-1 * 10px);
      margin-top: calc(-1 * var(--spacing-small));
        }
    .nt3-ns {
      margin-top: calc(-1 * 20px);
      margin-top: calc(-1 * var(--spacing-medium));
        }
    .nt4-ns {
      margin-top: calc(-1 * 40px);
      margin-top: calc(-1 * var(--spacing-large));
        }
    .nt5-ns {
      margin-top: calc(-1 * 4rem);
      margin-top: calc(-1 * var(--spacing-extra-large));
        }
    .nt6-ns {
      margin-top: calc(-1 * 8rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nt7-ns {
      margin-top: calc(-1 * 16rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
        }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .na1-m {
      margin: calc(-1 * 5px);
      margin: calc(-1 * var(--spacing-extra-small));
        }
    .na2-m {
      margin: calc(-1 * 10px);
      margin: calc(-1 * var(--spacing-small));
        }
    .na3-m {
      margin: calc(-1 * 20px);
      margin: calc(-1 * var(--spacing-medium));
        }
    .na4-m {
      margin: calc(-1 * 40px);
      margin: calc(-1 * var(--spacing-large));
        }
    .na5-m {
      margin: calc(-1 * 4rem);
      margin: calc(-1 * var(--spacing-extra-large));
        }
    .na6-m {
      margin: calc(-1 * 8rem);
      margin: calc(-1 * var(--spacing-extra-extra-large));
        }
    .na7-m {
      margin: calc(-1 * 16rem);
      margin: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nl1-m {
      margin-left: calc(-1 * 5px);
      margin-left: calc(-1 * var(--spacing-extra-small));
        }
    .nl2-m {
      margin-left: calc(-1 * 10px);
      margin-left: calc(-1 * var(--spacing-small));
        }
    .nl3-m {
      margin-left: calc(-1 * 20px);
      margin-left: calc(-1 * var(--spacing-medium));
        }
    .nl4-m {
      margin-left: calc(-1 * 40px);
      margin-left: calc(-1 * var(--spacing-large));
        }
    .nl5-m {
      margin-left: calc(-1 * 4rem);
      margin-left: calc(-1 * var(--spacing-extra-large));
        }
    .nl6-m {
      margin-left: calc(-1 * 8rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nl7-m {
      margin-left: calc(-1 * 16rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nr1-m {
      margin-right: calc(-1 * 5px);
      margin-right: calc(-1 * var(--spacing-extra-small));
        }
    .nr2-m {
      margin-right: calc(-1 * 10px);
      margin-right: calc(-1 * var(--spacing-small));
        }
    .nr3-m {
      margin-right: calc(-1 * 20px);
      margin-right: calc(-1 * var(--spacing-medium));
        }
    .nr4-m {
      margin-right: calc(-1 * 40px);
      margin-right: calc(-1 * var(--spacing-large));
        }
    .nr5-m {
      margin-right: calc(-1 * 4rem);
      margin-right: calc(-1 * var(--spacing-extra-large));
        }
    .nr6-m {
      margin-right: calc(-1 * 8rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nr7-m {
      margin-right: calc(-1 * 16rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nb1-m {
      margin-bottom: calc(-1 * 5px);
      margin-bottom: calc(-1 * var(--spacing-extra-small));
        }
    .nb2-m {
      margin-bottom: calc(-1 * 10px);
      margin-bottom: calc(-1 * var(--spacing-small));
        }
    .nb3-m {
      margin-bottom: calc(-1 * 20px);
      margin-bottom: calc(-1 * var(--spacing-medium));
        }
    .nb4-m {
      margin-bottom: calc(-1 * 40px);
      margin-bottom: calc(-1 * var(--spacing-large));
        }
    .nb5-m {
      margin-bottom: calc(-1 * 4rem);
      margin-bottom: calc(-1 * var(--spacing-extra-large));
        }
    .nb6-m {
      margin-bottom: calc(-1 * 8rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nb7-m {
      margin-bottom: calc(-1 * 16rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nt1-m {
      margin-top: calc(-1 * 5px);
      margin-top: calc(-1 * var(--spacing-extra-small));
        }
    .nt2-m {
      margin-top: calc(-1 * 10px);
      margin-top: calc(-1 * var(--spacing-small));
        }
    .nt3-m {
      margin-top: calc(-1 * 20px);
      margin-top: calc(-1 * var(--spacing-medium));
        }
    .nt4-m {
      margin-top: calc(-1 * 40px);
      margin-top: calc(-1 * var(--spacing-large));
        }
    .nt5-m {
      margin-top: calc(-1 * 4rem);
      margin-top: calc(-1 * var(--spacing-extra-large));
        }
    .nt6-m {
      margin-top: calc(-1 * 8rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nt7-m {
      margin-top: calc(-1 * 16rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
        }
  }

  @media (min-width: 60em) {
    .na1-l {
      margin: calc(-1 * 5px);
      margin: calc(-1 * var(--spacing-extra-small));
        }
    .na2-l {
      margin: calc(-1 * 10px);
      margin: calc(-1 * var(--spacing-small));
        }
    .na3-l {
      margin: calc(-1 * 20px);
      margin: calc(-1 * var(--spacing-medium));
        }
    .na4-l {
      margin: calc(-1 * 40px);
      margin: calc(-1 * var(--spacing-large));
        }
    .na5-l {
      margin: calc(-1 * 4rem);
      margin: calc(-1 * var(--spacing-extra-large));
        }
    .na6-l {
      margin: calc(-1 * 8rem);
      margin: calc(-1 * var(--spacing-extra-extra-large));
        }
    .na7-l {
      margin: calc(-1 * 16rem);
      margin: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nl1-l {
      margin-left: calc(-1 * 5px);
      margin-left: calc(-1 * var(--spacing-extra-small));
        }
    .nl2-l {
      margin-left: calc(-1 * 10px);
      margin-left: calc(-1 * var(--spacing-small));
        }
    .nl3-l {
      margin-left: calc(-1 * 20px);
      margin-left: calc(-1 * var(--spacing-medium));
        }
    .nl4-l {
      margin-left: calc(-1 * 40px);
      margin-left: calc(-1 * var(--spacing-large));
        }
    .nl5-l {
      margin-left: calc(-1 * 4rem);
      margin-left: calc(-1 * var(--spacing-extra-large));
        }
    .nl6-l {
      margin-left: calc(-1 * 8rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nl7-l {
      margin-left: calc(-1 * 16rem);
      margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nr1-l {
      margin-right: calc(-1 * 5px);
      margin-right: calc(-1 * var(--spacing-extra-small));
        }
    .nr2-l {
      margin-right: calc(-1 * 10px);
      margin-right: calc(-1 * var(--spacing-small));
        }
    .nr3-l {
      margin-right: calc(-1 * 20px);
      margin-right: calc(-1 * var(--spacing-medium));
        }
    .nr4-l {
      margin-right: calc(-1 * 40px);
      margin-right: calc(-1 * var(--spacing-large));
        }
    .nr5-l {
      margin-right: calc(-1 * 4rem);
      margin-right: calc(-1 * var(--spacing-extra-large));
        }
    .nr6-l {
      margin-right: calc(-1 * 8rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nr7-l {
      margin-right: calc(-1 * 16rem);
      margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nb1-l {
      margin-bottom: calc(-1 * 5px);
      margin-bottom: calc(-1 * var(--spacing-extra-small));
        }
    .nb2-l {
      margin-bottom: calc(-1 * 10px);
      margin-bottom: calc(-1 * var(--spacing-small));
        }
    .nb3-l {
      margin-bottom: calc(-1 * 20px);
      margin-bottom: calc(-1 * var(--spacing-medium));
        }
    .nb4-l {
      margin-bottom: calc(-1 * 40px);
      margin-bottom: calc(-1 * var(--spacing-large));
        }
    .nb5-l {
      margin-bottom: calc(-1 * 4rem);
      margin-bottom: calc(-1 * var(--spacing-extra-large));
        }
    .nb6-l {
      margin-bottom: calc(-1 * 8rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nb7-l {
      margin-bottom: calc(-1 * 16rem);
      margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
        }

    .nt1-l {
      margin-top: calc(-1 * 5px);
      margin-top: calc(-1 * var(--spacing-extra-small));
        }
    .nt2-l {
      margin-top: calc(-1 * 10px);
      margin-top: calc(-1 * var(--spacing-small));
        }
    .nt3-l {
      margin-top: calc(-1 * 20px);
      margin-top: calc(-1 * var(--spacing-medium));
        }
    .nt4-l {
      margin-top: calc(-1 * 40px);
      margin-top: calc(-1 * var(--spacing-large));
        }
    .nt5-l {
      margin-top: calc(-1 * 4rem);
      margin-top: calc(-1 * var(--spacing-extra-large));
        }
    .nt6-l {
      margin-top: calc(-1 * 8rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-large));
        }
    .nt7-l {
      margin-top: calc(-1 * 16rem);
      margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
        }
  }

  .o-100 {
    opacity: 1;
  }

  .o-90 {
    opacity: 0.9;
  }

  .o-80 {
    opacity: 0.8;
  }

  .o-70 {
    opacity: 0.7;
  }

  .o-60 {
    opacity: 0.6;
  }

  .o-50 {
    opacity: 0.5;
  }

  .o-40 {
    opacity: 0.4;
  }

  .o-30 {
    opacity: 0.3;
  }

  .o-20 {
    opacity: 0.2;
  }

  .o-10 {
    opacity: 0.1;
  }

  .o-05 {
    opacity: 0.05;
  }

  .o-025 {
    opacity: 0.025;
  }

  .o-0 {
    opacity: 0;
  }

  .static {
    position: static;
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .pa0 {
    padding: 0px;
    padding: var(--spacing-none);
      }

  .pa1 {
    padding: 5px;
    padding: var(--spacing-extra-small);
      }

  .pa2 {
    padding: 10px;
    padding: var(--spacing-small);
      }

  .pa3 {
    padding: 20px;
    padding: var(--spacing-medium);
      }

  .pa4 {
    padding: 40px;
    padding: var(--spacing-large);
      }

  .pa5 {
    padding: 4rem;
    padding: var(--spacing-extra-large);
      }

  .pa6 {
    padding: 8rem;
    padding: var(--spacing-extra-extra-large);
      }

  .pa7 {
    padding: 16rem;
    padding: var(--spacing-extra-extra-extra-large);
      }

  .pl0 {
    padding-left: 0px;
    padding-left: var(--spacing-none);
      }

  .pl1 {
    padding-left: 5px;
    padding-left: var(--spacing-extra-small);
      }

  .pl2 {
    padding-left: 10px;
    padding-left: var(--spacing-small);
      }

  .pl3 {
    padding-left: 20px;
    padding-left: var(--spacing-medium);
      }

  .pl4 {
    padding-left: 40px;
    padding-left: var(--spacing-large);
      }

  .pl5 {
    padding-left: 4rem;
    padding-left: var(--spacing-extra-large);
      }

  .pl6 {
    padding-left: 8rem;
    padding-left: var(--spacing-extra-extra-large);
      }

  .pl7 {
    padding-left: 16rem;
    padding-left: var(--spacing-extra-extra-extra-large);
      }

  .pr0 {
    padding-right: 0px;
    padding-right: var(--spacing-none);
      }

  .pr1 {
    padding-right: 5px;
    padding-right: var(--spacing-extra-small);
      }

  .pr2 {
    padding-right: 10px;
    padding-right: var(--spacing-small);
      }

  .pr3 {
    padding-right: 20px;
    padding-right: var(--spacing-medium);
      }

  .pr4 {
    padding-right: 40px;
    padding-right: var(--spacing-large);
      }

  .pr5 {
    padding-right: 4rem;
    padding-right: var(--spacing-extra-large);
      }

  .pr6 {
    padding-right: 8rem;
    padding-right: var(--spacing-extra-extra-large);
      }

  .pr7 {
    padding-right: 16rem;
    padding-right: var(--spacing-extra-extra-extra-large);
      }

  .pb0 {
    padding-bottom: 0px;
    padding-bottom: var(--spacing-none);
      }

  .pb1 {
    padding-bottom: 5px;
    padding-bottom: var(--spacing-extra-small);
      }

  .pb2 {
    padding-bottom: 10px;
    padding-bottom: var(--spacing-small);
      }

  .pb3 {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
      }

  .pb4 {
    padding-bottom: 40px;
    padding-bottom: var(--spacing-large);
      }

  .pb5 {
    padding-bottom: 4rem;
    padding-bottom: var(--spacing-extra-large);
      }

  .pb6 {
    padding-bottom: 8rem;
    padding-bottom: var(--spacing-extra-extra-large);
      }

  .pb7 {
    padding-bottom: 16rem;
    padding-bottom: var(--spacing-extra-extra-extra-large);
      }

  .pt0 {
    padding-top: 0px;
    padding-top: var(--spacing-none);
      }

  .pt1 {
    padding-top: 5px;
    padding-top: var(--spacing-extra-small);
      }

  .pt2 {
    padding-top: 10px;
    padding-top: var(--spacing-small);
      }

  .pt3 {
    padding-top: 20px;
    padding-top: var(--spacing-medium);
      }

  .pt4 {
    padding-top: 40px;
    padding-top: var(--spacing-large);
      }

  .pt5 {
    padding-top: 4rem;
    padding-top: var(--spacing-extra-large);
      }

  .pt6 {
    padding-top: 8rem;
    padding-top: var(--spacing-extra-extra-large);
      }

  .pt7 {
    padding-top: 16rem;
    padding-top: var(--spacing-extra-extra-extra-large);
      }

  .pv0 {
    padding-top: 0px;
    padding-top: var(--spacing-none);
      padding-bottom: 0px;
      padding-bottom: var(--spacing-none);
        }

  .pv1 {
    padding-top: 5px;
    padding-top: var(--spacing-extra-small);
      padding-bottom: 5px;
      padding-bottom: var(--spacing-extra-small);
        }

  .pv2 {
    padding-top: 10px;
    padding-top: var(--spacing-small);
      padding-bottom: 10px;
      padding-bottom: var(--spacing-small);
        }

  .pv3 {
    padding-top: 20px;
    padding-top: var(--spacing-medium);
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        }

  .pv4 {
    padding-top: 40px;
    padding-top: var(--spacing-large);
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large);
        }

  .pv5 {
    padding-top: 4rem;
    padding-top: var(--spacing-extra-large);
      padding-bottom: 4rem;
      padding-bottom: var(--spacing-extra-large);
        }

  .pv6 {
    padding-top: 8rem;
    padding-top: var(--spacing-extra-extra-large);
      padding-bottom: 8rem;
      padding-bottom: var(--spacing-extra-extra-large);
        }

  .pv7 {
    padding-top: 16rem;
    padding-top: var(--spacing-extra-extra-extra-large);
      padding-bottom: 16rem;
      padding-bottom: var(--spacing-extra-extra-extra-large);
        }

  .ph0 {
    padding-left: 0px;
    padding-left: var(--spacing-none);
      padding-right: 0px;
      padding-right: var(--spacing-none);
        }

  .ph1 {
    padding-left: 5px;
    padding-left: var(--spacing-extra-small);
      padding-right: 5px;
      padding-right: var(--spacing-extra-small);
        }

  .ph2 {
    padding-left: 10px;
    padding-left: var(--spacing-small);
      padding-right: 10px;
      padding-right: var(--spacing-small);
        }

  .ph3 {
    padding-left: 20px;
    padding-left: var(--spacing-medium);
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        }

  .ph4 {
    padding-left: 40px;
    padding-left: var(--spacing-large);
      padding-right: 40px;
      padding-right: var(--spacing-large);
        }

  .ph5 {
    padding-left: 4rem;
    padding-left: var(--spacing-extra-large);
      padding-right: 4rem;
      padding-right: var(--spacing-extra-large);
        }

  .ph6 {
    padding-left: 8rem;
    padding-left: var(--spacing-extra-extra-large);
      padding-right: 8rem;
      padding-right: var(--spacing-extra-extra-large);
        }

  .ph7 {
    padding-left: 16rem;
    padding-left: var(--spacing-extra-extra-extra-large);
      padding-right: 16rem;
      padding-right: var(--spacing-extra-extra-extra-large);
        }

  .ma0 {
    margin: 0px;
    margin: var(--spacing-none);
      }

  .ma1 {
    margin: 5px;
    margin: var(--spacing-extra-small);
      }

  .ma2 {
    margin: 10px;
    margin: var(--spacing-small);
      }

  .ma3 {
    margin: 20px;
    margin: var(--spacing-medium);
      }

  .ma4 {
    margin: 40px;
    margin: var(--spacing-large);
      }

  .ma5 {
    margin: 4rem;
    margin: var(--spacing-extra-large);
      }

  .ma6 {
    margin: 8rem;
    margin: var(--spacing-extra-extra-large);
      }

  .ma7 {
    margin: 16rem;
    margin: var(--spacing-extra-extra-extra-large);
      }

  .ml0 {
    margin-left: 0px;
    margin-left: var(--spacing-none);
      }

  .ml1 {
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
      }

  .ml2 {
    margin-left: 10px;
    margin-left: var(--spacing-small);
      }

  .ml3 {
    margin-left: 20px;
    margin-left: var(--spacing-medium);
      }

  .ml4 {
    margin-left: 40px;
    margin-left: var(--spacing-large);
      }

  .ml5 {
    margin-left: 4rem;
    margin-left: var(--spacing-extra-large);
      }

  .ml6 {
    margin-left: 8rem;
    margin-left: var(--spacing-extra-extra-large);
      }

  .ml7 {
    margin-left: 16rem;
    margin-left: var(--spacing-extra-extra-extra-large);
      }

  .mr0 {
    margin-right: 0px;
    margin-right: var(--spacing-none);
      }

  .mr1 {
    margin-right: 5px;
    margin-right: var(--spacing-extra-small);
      }

  .mr2 {
    margin-right: 10px;
    margin-right: var(--spacing-small);
      }

  .mr3 {
    margin-right: 20px;
    margin-right: var(--spacing-medium);
      }

  .mr4 {
    margin-right: 40px;
    margin-right: var(--spacing-large);
      }

  .mr5 {
    margin-right: 4rem;
    margin-right: var(--spacing-extra-large);
      }

  .mr6 {
    margin-right: 8rem;
    margin-right: var(--spacing-extra-extra-large);
      }

  .mr7 {
    margin-right: 16rem;
    margin-right: var(--spacing-extra-extra-extra-large);
      }

  .mb0 {
    margin-bottom: 0px;
    margin-bottom: var(--spacing-none);
      }

  .mb1 {
    margin-bottom: 5px;
    margin-bottom: var(--spacing-extra-small);
      }

  .mb2 {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      }

  .mb3 {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .mb4 {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
      }

  .mb5 {
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
      }

  .mb6 {
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
      }

  .mb7 {
    margin-bottom: 16rem;
    margin-bottom: var(--spacing-extra-extra-extra-large);
      }

  .mt0 {
    margin-top: 0px;
    margin-top: var(--spacing-none);
      }

  .mt1 {
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
      }

  .mt2 {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      }

  .mt3 {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      }

  .mt4 {
    margin-top: 40px;
    margin-top: var(--spacing-large);
      }

  .mt5 {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
      }

  .mt6 {
    margin-top: 8rem;
    margin-top: var(--spacing-extra-extra-large);
      }

  .mt7 {
    margin-top: 16rem;
    margin-top: var(--spacing-extra-extra-extra-large);
      }

  .mv0 {
    margin-top: 0px;
    margin-top: var(--spacing-none);
      margin-bottom: 0px;
      margin-bottom: var(--spacing-none);
        }

  .mv1 {
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
      margin-bottom: 5px;
      margin-bottom: var(--spacing-extra-small);
        }

  .mv2 {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }

  .mv3 {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }

  .mv4 {
    margin-top: 40px;
    margin-top: var(--spacing-large);
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        }

  .mv5 {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
      margin-bottom: 4rem;
      margin-bottom: var(--spacing-extra-large);
        }

  .mv6 {
    margin-top: 8rem;
    margin-top: var(--spacing-extra-extra-large);
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        }

  .mv7 {
    margin-top: 16rem;
    margin-top: var(--spacing-extra-extra-extra-large);
      margin-bottom: 16rem;
      margin-bottom: var(--spacing-extra-extra-extra-large);
        }

  .mh0 {
    margin-left: 0px;
    margin-left: var(--spacing-none);
      margin-right: 0px;
      margin-right: var(--spacing-none);
        }

  .mh1 {
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
      margin-right: 5px;
      margin-right: var(--spacing-extra-small);
        }

  .mh2 {
    margin-left: 10px;
    margin-left: var(--spacing-small);
      margin-right: 10px;
      margin-right: var(--spacing-small);
        }

  .mh3 {
    margin-left: 20px;
    margin-left: var(--spacing-medium);
      margin-right: 20px;
      margin-right: var(--spacing-medium);
        }

  .mh4 {
    margin-left: 40px;
    margin-left: var(--spacing-large);
      margin-right: 40px;
      margin-right: var(--spacing-large);
        }

  .mh5 {
    margin-left: 4rem;
    margin-left: var(--spacing-extra-large);
      margin-right: 4rem;
      margin-right: var(--spacing-extra-large);
        }

  .mh6 {
    margin-left: 8rem;
    margin-left: var(--spacing-extra-extra-large);
      margin-right: 8rem;
      margin-right: var(--spacing-extra-extra-large);
        }

  .mh7 {
    margin-left: 16rem;
    margin-left: var(--spacing-extra-extra-extra-large);
      margin-right: 16rem;
      margin-right: var(--spacing-extra-extra-extra-large);
        }

  @media (min-width: 38em) {
    .pa0-ns {
      padding: 0px;
      padding: var(--spacing-none);
        }
    .pa1-ns {
      padding: 5px;
      padding: var(--spacing-extra-small);
        }
    .pa2-ns {
      padding: 10px;
      padding: var(--spacing-small);
        }
    .pa3-ns {
      padding: 20px;
      padding: var(--spacing-medium);
        }
    .pa4-ns {
      padding: 40px;
      padding: var(--spacing-large);
        }
    .pa5-ns {
      padding: 4rem;
      padding: var(--spacing-extra-large);
        }
    .pa6-ns {
      padding: 8rem;
      padding: var(--spacing-extra-extra-large);
        }
    .pa7-ns {
      padding: 16rem;
      padding: var(--spacing-extra-extra-extra-large);
        }

    .pl0-ns {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        }
    .pl1-ns {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        }
    .pl2-ns {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        }
    .pl3-ns {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        }
    .pl4-ns {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        }
    .pl5-ns {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        }
    .pl6-ns {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        }
    .pl7-ns {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        }

    .pr0-ns {
      padding-right: 0px;
      padding-right: var(--spacing-none);
        }
    .pr1-ns {
      padding-right: 5px;
      padding-right: var(--spacing-extra-small);
        }
    .pr2-ns {
      padding-right: 10px;
      padding-right: var(--spacing-small);
        }
    .pr3-ns {
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        }
    .pr4-ns {
      padding-right: 40px;
      padding-right: var(--spacing-large);
        }
    .pr5-ns {
      padding-right: 4rem;
      padding-right: var(--spacing-extra-large);
        }
    .pr6-ns {
      padding-right: 8rem;
      padding-right: var(--spacing-extra-extra-large);
        }
    .pr7-ns {
      padding-right: 16rem;
      padding-right: var(--spacing-extra-extra-extra-large);
        }

    .pb0-ns {
      padding-bottom: 0px;
      padding-bottom: var(--spacing-none);
        }
    .pb1-ns {
      padding-bottom: 5px;
      padding-bottom: var(--spacing-extra-small);
        }
    .pb2-ns {
      padding-bottom: 10px;
      padding-bottom: var(--spacing-small);
        }
    .pb3-ns {
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        }
    .pb4-ns {
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large);
        }
    .pb5-ns {
      padding-bottom: 4rem;
      padding-bottom: var(--spacing-extra-large);
        }
    .pb6-ns {
      padding-bottom: 8rem;
      padding-bottom: var(--spacing-extra-extra-large);
        }
    .pb7-ns {
      padding-bottom: 16rem;
      padding-bottom: var(--spacing-extra-extra-extra-large);
        }

    .pt0-ns {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        }
    .pt1-ns {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        }
    .pt2-ns {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        }
    .pt3-ns {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        }
    .pt4-ns {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        }
    .pt5-ns {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        }
    .pt6-ns {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        }
    .pt7-ns {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        }

    .pv0-ns {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
          }
    .pv1-ns {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
          }
    .pv2-ns {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
          }
    .pv3-ns {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
          }
    .pv4-ns {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
          }
    .pv5-ns {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
          }
    .pv6-ns {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
          }
    .pv7-ns {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
          }
    .ph0-ns {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
          }
    .ph1-ns {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
          }
    .ph2-ns {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
          }
    .ph3-ns {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          }
    .ph4-ns {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
          }
    .ph5-ns {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
          }
    .ph6-ns {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
          }
    .ph7-ns {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
          }

    .ma0-ns {
      margin: 0px;
      margin: var(--spacing-none);
        }
    .ma1-ns {
      margin: 5px;
      margin: var(--spacing-extra-small);
        }
    .ma2-ns {
      margin: 10px;
      margin: var(--spacing-small);
        }
    .ma3-ns {
      margin: 20px;
      margin: var(--spacing-medium);
        }
    .ma4-ns {
      margin: 40px;
      margin: var(--spacing-large);
        }
    .ma5-ns {
      margin: 4rem;
      margin: var(--spacing-extra-large);
        }
    .ma6-ns {
      margin: 8rem;
      margin: var(--spacing-extra-extra-large);
        }
    .ma7-ns {
      margin: 16rem;
      margin: var(--spacing-extra-extra-extra-large);
        }

    .ml0-ns {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        }
    .ml1-ns {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        }
    .ml2-ns {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        }
    .ml3-ns {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        }
    .ml4-ns {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        }
    .ml5-ns {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        }
    .ml6-ns {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        }
    .ml7-ns {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        }

    .mr0-ns {
      margin-right: 0px;
      margin-right: var(--spacing-none);
        }
    .mr1-ns {
      margin-right: 5px;
      margin-right: var(--spacing-extra-small);
        }
    .mr2-ns {
      margin-right: 10px;
      margin-right: var(--spacing-small);
        }
    .mr3-ns {
      margin-right: 20px;
      margin-right: var(--spacing-medium);
        }
    .mr4-ns {
      margin-right: 40px;
      margin-right: var(--spacing-large);
        }
    .mr5-ns {
      margin-right: 4rem;
      margin-right: var(--spacing-extra-large);
        }
    .mr6-ns {
      margin-right: 8rem;
      margin-right: var(--spacing-extra-extra-large);
        }
    .mr7-ns {
      margin-right: 16rem;
      margin-right: var(--spacing-extra-extra-extra-large);
        }

    .mb0-ns {
      margin-bottom: 0px;
      margin-bottom: var(--spacing-none);
        }
    .mb1-ns {
      margin-bottom: 5px;
      margin-bottom: var(--spacing-extra-small);
        }
    .mb2-ns {
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }
    .mb3-ns {
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }
    .mb4-ns {
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        }
    .mb5-ns {
      margin-bottom: 4rem;
      margin-bottom: var(--spacing-extra-large);
        }
    .mb6-ns {
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        }
    .mb7-ns {
      margin-bottom: 16rem;
      margin-bottom: var(--spacing-extra-extra-extra-large);
        }

    .mt0-ns {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        }
    .mt1-ns {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        }
    .mt2-ns {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        }
    .mt3-ns {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        }
    .mt4-ns {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        }
    .mt5-ns {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        }
    .mt6-ns {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        }
    .mt7-ns {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        }

    .mv0-ns {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
          }
    .mv1-ns {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
          }
    .mv2-ns {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
          }
    .mv3-ns {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
          }
    .mv4-ns {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
          }
    .mv5-ns {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
          }
    .mv6-ns {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
          }
    .mv7-ns {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
          }

    .mh0-ns {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
          }
    .mh1-ns {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
          }
    .mh2-ns {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
          }
    .mh3-ns {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
          }
    .mh4-ns {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
          }
    .mh5-ns {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
          }
    .mh6-ns {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
          }
    .mh7-ns {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
          }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .pa0-m {
      padding: 0px;
      padding: var(--spacing-none);
        }
    .pa1-m {
      padding: 5px;
      padding: var(--spacing-extra-small);
        }
    .pa2-m {
      padding: 10px;
      padding: var(--spacing-small);
        }
    .pa3-m {
      padding: 20px;
      padding: var(--spacing-medium);
        }
    .pa4-m {
      padding: 40px;
      padding: var(--spacing-large);
        }
    .pa5-m {
      padding: 4rem;
      padding: var(--spacing-extra-large);
        }
    .pa6-m {
      padding: 8rem;
      padding: var(--spacing-extra-extra-large);
        }
    .pa7-m {
      padding: 16rem;
      padding: var(--spacing-extra-extra-extra-large);
        }

    .pl0-m {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        }
    .pl1-m {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        }
    .pl2-m {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        }
    .pl3-m {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        }
    .pl4-m {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        }
    .pl5-m {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        }
    .pl6-m {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        }
    .pl7-m {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        }

    .pr0-m {
      padding-right: 0px;
      padding-right: var(--spacing-none);
        }
    .pr1-m {
      padding-right: 5px;
      padding-right: var(--spacing-extra-small);
        }
    .pr2-m {
      padding-right: 10px;
      padding-right: var(--spacing-small);
        }
    .pr3-m {
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        }
    .pr4-m {
      padding-right: 40px;
      padding-right: var(--spacing-large);
        }
    .pr5-m {
      padding-right: 4rem;
      padding-right: var(--spacing-extra-large);
        }
    .pr6-m {
      padding-right: 8rem;
      padding-right: var(--spacing-extra-extra-large);
        }
    .pr7-m {
      padding-right: 16rem;
      padding-right: var(--spacing-extra-extra-extra-large);
        }

    .pb0-m {
      padding-bottom: 0px;
      padding-bottom: var(--spacing-none);
        }
    .pb1-m {
      padding-bottom: 5px;
      padding-bottom: var(--spacing-extra-small);
        }
    .pb2-m {
      padding-bottom: 10px;
      padding-bottom: var(--spacing-small);
        }
    .pb3-m {
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        }
    .pb4-m {
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large);
        }
    .pb5-m {
      padding-bottom: 4rem;
      padding-bottom: var(--spacing-extra-large);
        }
    .pb6-m {
      padding-bottom: 8rem;
      padding-bottom: var(--spacing-extra-extra-large);
        }
    .pb7-m {
      padding-bottom: 16rem;
      padding-bottom: var(--spacing-extra-extra-extra-large);
        }

    .pt0-m {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        }
    .pt1-m {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        }
    .pt2-m {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        }
    .pt3-m {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        }
    .pt4-m {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        }
    .pt5-m {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        }
    .pt6-m {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        }
    .pt7-m {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        }

    .pv0-m {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
          }
    .pv1-m {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
          }
    .pv2-m {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
          }
    .pv3-m {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
          }
    .pv4-m {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
          }
    .pv5-m {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
          }
    .pv6-m {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
          }
    .pv7-m {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
          }

    .ph0-m {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
          }
    .ph1-m {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
          }
    .ph2-m {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
          }
    .ph3-m {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          }
    .ph4-m {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
          }
    .ph5-m {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
          }
    .ph6-m {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
          }
    .ph7-m {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
          }

    .ma0-m {
      margin: 0px;
      margin: var(--spacing-none);
        }
    .ma1-m {
      margin: 5px;
      margin: var(--spacing-extra-small);
        }
    .ma2-m {
      margin: 10px;
      margin: var(--spacing-small);
        }
    .ma3-m {
      margin: 20px;
      margin: var(--spacing-medium);
        }
    .ma4-m {
      margin: 40px;
      margin: var(--spacing-large);
        }
    .ma5-m {
      margin: 4rem;
      margin: var(--spacing-extra-large);
        }
    .ma6-m {
      margin: 8rem;
      margin: var(--spacing-extra-extra-large);
        }
    .ma7-m {
      margin: 16rem;
      margin: var(--spacing-extra-extra-extra-large);
        }

    .ml0-m {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        }
    .ml1-m {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        }
    .ml2-m {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        }
    .ml3-m {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        }
    .ml4-m {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        }
    .ml5-m {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        }
    .ml6-m {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        }
    .ml7-m {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        }

    .mr0-m {
      margin-right: 0px;
      margin-right: var(--spacing-none);
        }
    .mr1-m {
      margin-right: 5px;
      margin-right: var(--spacing-extra-small);
        }
    .mr2-m {
      margin-right: 10px;
      margin-right: var(--spacing-small);
        }
    .mr3-m {
      margin-right: 20px;
      margin-right: var(--spacing-medium);
        }
    .mr4-m {
      margin-right: 40px;
      margin-right: var(--spacing-large);
        }
    .mr5-m {
      margin-right: 4rem;
      margin-right: var(--spacing-extra-large);
        }
    .mr6-m {
      margin-right: 8rem;
      margin-right: var(--spacing-extra-extra-large);
        }
    .mr7-m {
      margin-right: 16rem;
      margin-right: var(--spacing-extra-extra-extra-large);
        }

    .mb0-m {
      margin-bottom: 0px;
      margin-bottom: var(--spacing-none);
        }
    .mb1-m {
      margin-bottom: 5px;
      margin-bottom: var(--spacing-extra-small);
        }
    .mb2-m {
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }
    .mb3-m {
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }
    .mb4-m {
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        }
    .mb5-m {
      margin-bottom: 4rem;
      margin-bottom: var(--spacing-extra-large);
        }
    .mb6-m {
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        }
    .mb7-m {
      margin-bottom: 16rem;
      margin-bottom: var(--spacing-extra-extra-extra-large);
        }

    .mt0-m {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        }
    .mt1-m {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        }
    .mt2-m {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        }
    .mt3-m {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        }
    .mt4-m {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        }
    .mt5-m {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        }
    .mt6-m {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        }
    .mt7-m {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        }

    .mv0-m {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
          }
    .mv1-m {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
          }
    .mv2-m {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
          }
    .mv3-m {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
          }
    .mv4-m {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
          }
    .mv5-m {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
          }
    .mv6-m {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
          }
    .mv7-m {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
          }

    .mh0-m {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
          }
    .mh1-m {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
          }
    .mh2-m {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
          }
    .mh3-m {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
          }
    .mh4-m {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
          }
    .mh5-m {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
          }
    .mh6-m {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
          }
    .mh7-m {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
          }
  }

  @media (min-width: 60em) {
    .pa0-l {
      padding: 0px;
      padding: var(--spacing-none);
        }
    .pa1-l {
      padding: 5px;
      padding: var(--spacing-extra-small);
        }
    .pa2-l {
      padding: 10px;
      padding: var(--spacing-small);
        }
    .pa3-l {
      padding: 20px;
      padding: var(--spacing-medium);
        }
    .pa4-l {
      padding: 40px;
      padding: var(--spacing-large);
        }
    .pa5-l {
      padding: 4rem;
      padding: var(--spacing-extra-large);
        }
    .pa6-l {
      padding: 8rem;
      padding: var(--spacing-extra-extra-large);
        }
    .pa7-l {
      padding: 16rem;
      padding: var(--spacing-extra-extra-extra-large);
        }

    .pl0-l {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        }
    .pl1-l {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        }
    .pl2-l {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        }
    .pl3-l {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        }
    .pl4-l {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        }
    .pl5-l {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        }
    .pl6-l {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        }
    .pl7-l {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        }

    .pr0-l {
      padding-right: 0px;
      padding-right: var(--spacing-none);
        }
    .pr1-l {
      padding-right: 5px;
      padding-right: var(--spacing-extra-small);
        }
    .pr2-l {
      padding-right: 10px;
      padding-right: var(--spacing-small);
        }
    .pr3-l {
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        }
    .pr4-l {
      padding-right: 40px;
      padding-right: var(--spacing-large);
        }
    .pr5-l {
      padding-right: 4rem;
      padding-right: var(--spacing-extra-large);
        }
    .pr6-l {
      padding-right: 8rem;
      padding-right: var(--spacing-extra-extra-large);
        }
    .pr7-l {
      padding-right: 16rem;
      padding-right: var(--spacing-extra-extra-extra-large);
        }

    .pb0-l {
      padding-bottom: 0px;
      padding-bottom: var(--spacing-none);
        }
    .pb1-l {
      padding-bottom: 5px;
      padding-bottom: var(--spacing-extra-small);
        }
    .pb2-l {
      padding-bottom: 10px;
      padding-bottom: var(--spacing-small);
        }
    .pb3-l {
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        }
    .pb4-l {
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large);
        }
    .pb5-l {
      padding-bottom: 4rem;
      padding-bottom: var(--spacing-extra-large);
        }
    .pb6-l {
      padding-bottom: 8rem;
      padding-bottom: var(--spacing-extra-extra-large);
        }
    .pb7-l {
      padding-bottom: 16rem;
      padding-bottom: var(--spacing-extra-extra-extra-large);
        }

    .pt0-l {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        }
    .pt1-l {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        }
    .pt2-l {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        }
    .pt3-l {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        }
    .pt4-l {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        }
    .pt5-l {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        }
    .pt6-l {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        }
    .pt7-l {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        }

    .pv0-l {
      padding-top: 0px;
      padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
          }
    .pv1-l {
      padding-top: 5px;
      padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
          }
    .pv2-l {
      padding-top: 10px;
      padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
          }
    .pv3-l {
      padding-top: 20px;
      padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
          }
    .pv4-l {
      padding-top: 40px;
      padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
          }
    .pv5-l {
      padding-top: 4rem;
      padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
          }
    .pv6-l {
      padding-top: 8rem;
      padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
          }
    .pv7-l {
      padding-top: 16rem;
      padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
          }

    .ph0-l {
      padding-left: 0px;
      padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
          }
    .ph1-l {
      padding-left: 5px;
      padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
          }
    .ph2-l {
      padding-left: 10px;
      padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
          }
    .ph3-l {
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          }
    .ph4-l {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
          }
    .ph5-l {
      padding-left: 4rem;
      padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
          }
    .ph6-l {
      padding-left: 8rem;
      padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
          }
    .ph7-l {
      padding-left: 16rem;
      padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
          }

    .ma0-l {
      margin: 0px;
      margin: var(--spacing-none);
        }
    .ma1-l {
      margin: 5px;
      margin: var(--spacing-extra-small);
        }
    .ma2-l {
      margin: 10px;
      margin: var(--spacing-small);
        }
    .ma3-l {
      margin: 20px;
      margin: var(--spacing-medium);
        }
    .ma4-l {
      margin: 40px;
      margin: var(--spacing-large);
        }
    .ma5-l {
      margin: 4rem;
      margin: var(--spacing-extra-large);
        }
    .ma6-l {
      margin: 8rem;
      margin: var(--spacing-extra-extra-large);
        }
    .ma7-l {
      margin: 16rem;
      margin: var(--spacing-extra-extra-extra-large);
        }

    .ml0-l {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        }
    .ml1-l {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        }
    .ml2-l {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        }
    .ml3-l {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        }
    .ml4-l {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        }
    .ml5-l {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        }
    .ml6-l {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        }
    .ml7-l {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        }

    .mr0-l {
      margin-right: 0px;
      margin-right: var(--spacing-none);
        }
    .mr1-l {
      margin-right: 5px;
      margin-right: var(--spacing-extra-small);
        }
    .mr2-l {
      margin-right: 10px;
      margin-right: var(--spacing-small);
        }
    .mr3-l {
      margin-right: 20px;
      margin-right: var(--spacing-medium);
        }
    .mr4-l {
      margin-right: 40px;
      margin-right: var(--spacing-large);
        }
    .mr5-l {
      margin-right: 4rem;
      margin-right: var(--spacing-extra-large);
        }
    .mr6-l {
      margin-right: 8rem;
      margin-right: var(--spacing-extra-extra-large);
        }
    .mr7-l {
      margin-right: 16rem;
      margin-right: var(--spacing-extra-extra-extra-large);
        }

    .mb0-l {
      margin-bottom: 0px;
      margin-bottom: var(--spacing-none);
        }
    .mb1-l {
      margin-bottom: 5px;
      margin-bottom: var(--spacing-extra-small);
        }
    .mb2-l {
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }
    .mb3-l {
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }
    .mb4-l {
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        }
    .mb5-l {
      margin-bottom: 4rem;
      margin-bottom: var(--spacing-extra-large);
        }
    .mb6-l {
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        }
    .mb7-l {
      margin-bottom: 16rem;
      margin-bottom: var(--spacing-extra-extra-extra-large);
        }

    .mt0-l {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        }
    .mt1-l {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        }
    .mt2-l {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        }
    .mt3-l {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        }
    .mt4-l {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        }
    .mt5-l {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        }
    .mt6-l {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        }
    .mt7-l {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        }

    .mv0-l {
      margin-top: 0px;
      margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
          }
    .mv1-l {
      margin-top: 5px;
      margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
          }
    .mv2-l {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
          }
    .mv3-l {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
          }
    .mv4-l {
      margin-top: 40px;
      margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
          }
    .mv5-l {
      margin-top: 4rem;
      margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
          }
    .mv6-l {
      margin-top: 8rem;
      margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
          }
    .mv7-l {
      margin-top: 16rem;
      margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
          }

    .mh0-l {
      margin-left: 0px;
      margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
          }
    .mh1-l {
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
          }
    .mh2-l {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
          }
    .mh3-l {
      margin-left: 20px;
      margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
          }
    .mh4-l {
      margin-left: 40px;
      margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
          }
    .mh5-l {
      margin-left: 4rem;
      margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
          }
    .mh6-l {
      margin-left: 8rem;
      margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
          }
    .mh7-l {
      margin-left: 16rem;
      margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
          }
  }

  .tl {
    text-align: left;
  }

  .tr {
    text-align: right;
  }

  .tc {
    text-align: center;
  }

  .tj {
    text-align: justify;
  }

  @media (min-width: 38em) {
    .tl-ns {
      text-align: left;
    }
    .tr-ns {
      text-align: right;
    }
    .tc-ns {
      text-align: center;
    }
    .tj-ns {
      text-align: justify;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .tl-m {
      text-align: left;
    }
    .tr-m {
      text-align: right;
    }
    .tc-m {
      text-align: center;
    }
    .tj-m {
      text-align: justify;
    }
  }

  @media (min-width: 60em) {
    .tl-l {
      text-align: left;
    }
    .tr-l {
      text-align: right;
    }
    .tc-l {
      text-align: center;
    }
    .tj-l {
      text-align: justify;
    }
  }

  .strike {
    text-decoration: line-through;
  }

  .underline {
    text-decoration: underline;
  }

  .no-underline {
    text-decoration: none;
  }

  .ttc {
    text-transform: capitalize;
  }

  .ttl {
    text-transform: lowercase;
  }

  .ttu {
    text-transform: uppercase;
  }

  .ttn {
    text-transform: none;
  }

  /* Measure is limited to ~66 characters */

  .measure {
    max-width: 34em;
  }

  /* Measure is limited to ~80 characters */

  .measure-wide {
    max-width: 40em;
  }

  /* Measure is limited to ~45 characters */

  .measure-narrow {
    max-width: 20em;
  }

  .center {
    margin-right: auto;
    margin-left: auto;
  }

  .ml-auto {
    margin-left: auto;
  }

  .mr-auto {
    margin-right: auto;
  }

  .w1 {
    width: 1rem;
  }

  .w2 {
    width: 2rem;
  }

  .w3 {
    width: 4rem;
  }

  .w4 {
    width: 8rem;
  }

  .w5 {
    width: 16rem;
  }

  .w-10 {
    width: 10%;
  }

  .w-20 {
    width: 20%;
  }

  .w-25 {
    width: 25%;
  }

  .w-30 {
    width: 30%;
  }

  .w-33 {
    width: 33%;
  }

  .w-34 {
    width: 34%;
  }

  .w-40 {
    width: 40%;
  }

  .w-50 {
    width: 50%;
  }

  .w-60 {
    width: 60%;
  }

  .w-70 {
    width: 70%;
  }

  .w-75 {
    width: 75%;
  }

  .w-80 {
    width: 80%;
  }

  .w-90 {
    width: 90%;
  }

  .w-100 {
    width: 100%;
  }

  .w-third {
    width: calc(100% / 3);
  }

  .w-two-thirds {
    width: calc(100% / 1.5);
  }

  .w-auto {
    width: auto;
  }

  @media (min-width: 38em) {
    .w1-ns {
      width: 1rem;
    }
    .w2-ns {
      width: 2rem;
    }
    .w3-ns {
      width: 4rem;
    }
    .w4-ns {
      width: 8rem;
    }
    .w5-ns {
      width: 16rem;
    }
    .w-10-ns {
      width: 10%;
    }
    .w-20-ns {
      width: 20%;
    }
    .w-25-ns {
      width: 25%;
    }
    .w-30-ns {
      width: 30%;
    }
    .w-33-ns {
      width: 33%;
    }
    .w-34-ns {
      width: 34%;
    }
    .w-40-ns {
      width: 40%;
    }
    .w-50-ns {
      width: 50%;
    }
    .w-60-ns {
      width: 60%;
    }
    .w-70-ns {
      width: 70%;
    }
    .w-75-ns {
      width: 75%;
    }
    .w-80-ns {
      width: 80%;
    }
    .w-90-ns {
      width: 90%;
    }
    .w-100-ns {
      width: 100%;
    }
    .w-third-ns {
      width: calc(100% / 3);
    }
    .w-two-thirds-ns {
      width: calc(100% / 1.5);
    }
    .w-auto-ns {
      width: auto;
    }
  }

  @media (min-width: 38em) and (max-width: 60em) {
    .w1-m {
      width: 1rem;
    }
    .w2-m {
      width: 2rem;
    }
    .w3-m {
      width: 4rem;
    }
    .w4-m {
      width: 8rem;
    }
    .w5-m {
      width: 16rem;
    }
    .w-10-m {
      width: 10%;
    }
    .w-20-m {
      width: 20%;
    }
    .w-25-m {
      width: 25%;
    }
    .w-30-m {
      width: 30%;
    }
    .w-33-m {
      width: 33%;
    }
    .w-34-m {
      width: 34%;
    }
    .w-40-m {
      width: 40%;
    }
    .w-50-m {
      width: 50%;
    }
    .w-60-m {
      width: 60%;
    }
    .w-70-m {
      width: 70%;
    }
    .w-75-m {
      width: 75%;
    }
    .w-80-m {
      width: 80%;
    }
    .w-90-m {
      width: 90%;
    }
    .w-100-m {
      width: 100%;
    }
    .w-third-m {
      width: calc(100% / 3);
    }
    .w-two-thirds-m {
      width: calc(100% / 1.5);
    }
    .w-auto-m {
      width: auto;
    }
  }

  @media (min-width: 60em) {
    .w1-l {
      width: 1rem;
    }
    .w2-l {
      width: 2rem;
    }
    .w3-l {
      width: 4rem;
    }
    .w4-l {
      width: 8rem;
    }
    .w5-l {
      width: 16rem;
    }
    .w-10-l {
      width: 10%;
    }
    .w-20-l {
      width: 20%;
    }
    .w-25-l {
      width: 25%;
    }
    .w-30-l {
      width: 30%;
    }
    .w-33-l {
      width: 33%;
    }
    .w-34-l {
      width: 34%;
    }
    .w-40-l {
      width: 40%;
    }
    .w-50-l {
      width: 50%;
    }
    .w-60-l {
      width: 60%;
    }
    .w-70-l {
      width: 70%;
    }
    .w-75-l {
      width: 75%;
    }
    .w-80-l {
      width: 80%;
    }
    .w-90-l {
      width: 90%;
    }
    .w-100-l {
      width: 100%;
    }
    .w-third-l {
      width: calc(100% / 3);
    }
    .w-two-thirds-l {
      width: calc(100% / 1.5);
    }
    .w-auto-l {
      width: auto;
    }
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-3 {
    z-index: 3;
  }

  .z-4 {
    z-index: 4;
  }

  .z-5 {
    z-index: 5;
  }

  .z-999 {
    z-index: 999;
  }

  .z-9999 {
    z-index: 9999;
  }

  .z-max {
    z-index: 2147483647;
  }

  .z-inherit {
    z-index: inherit;
  }

  .z-initial {
    z-index: auto;
    z-index: initial;
  }

  .z-unset {
    z-index: unset;
  }

  model-viewer {
    width: 100%;
    height: 50vh;
  }

  .shopify-model-viewer-ui {
    height: 100%;
    transition: all 0.1s ease-in;
    opacity: 0;
    visibility: hidden;
  }

  .model-active .shopify-model-viewer-ui {
    opacity: 1;
    visibility: visible;
  }

  .shopify-model-viewer-ui__controls-area {
    position: absolute;
    width: 40px;
    bottom: 10px;
    right: 10px;
  }

  @media (min-width: 38em) {

    .shopify-model-viewer-ui__controls-area {
      width: 44px;
      bottom: 20px;
      right: 20px
    }
  }

  .shopify-model-viewer-ui__button {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: no-wrap;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    box-sizing: content-box;
    background: var(--color-bg);
      border-radius: 3px;
      border: 0px;
      color: var(--color-text);
        margin-top: 10px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          }

  .shopify-model-viewer-ui__button svg {
    opacity: 0.6;
    transition: opacity 0.25s;
    display: block;
  }

  @media (min-width: 38em) {

    .shopify-model-viewer-ui__button {
      width: 44px;
      height: 44px
    }

    .shopify-model-viewer-ui__button svg {
      width: 44px;
      height: 44px;
    }
  }

  .shopify-model-viewer-ui__button:hover svg, .shopify-model-viewer-ui__button:focus svg {
    opacity: 0.5;
    transition: opacity 0.25s;
  }

  .shopify-model-viewer-ui__poster-control-icon,
  .shopify-model-viewer-ui__control-icon {
    width: 40px;
    height: 40px;
  }

  @media (min-width: 38em) {

    .shopify-model-viewer-ui__poster-control-icon,
    .shopify-model-viewer-ui__control-icon {
      width: 40px;
      height: 40px
    }
  }

  .shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: none !important;
  }

  .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: none !important;
  }

  .shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block !important;
  }

  .shopify-model-viewer-ui__button--poster {
    position: absolute;
    width: 40px;
    top: 0px;
    right: 10px;
  }

  @media (min-width: 38em) {

    .shopify-model-viewer-ui__button--poster {
      width: 44px;
      top: 20px;
      right: 20px
    }
  }

  .shopify-model-viewer-ui__sr-only {
    visibility: hidden;
    position: absolute;
  }

  .shopify-model-viewer-ui--fullscreen model-viewer {
    height: 100vh;
  }

  .model-poster {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-in;
  }

  .model-active .model-poster {
    opacity: 0;
    visibility: hidden;
  }

  .model-poster .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .model-poster:focus {
    outline: auto;
  }

  .model-poster svg {
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
      }

  .model-poster svg .bg {
    fill: var(--color-bg);
      stroke: var(--color-bg);
        }

  .model-poster svg path {
    opacity: 0.6;
    transition: opacity 0.25s;
  }

  .model-poster svg:hover path {
    opacity: 1;
    transition: opacity 0.25s;
  }

  .shopify-model-viewer-ui__button--poster {
    display: none !important;
  }

  #root .shopify-policy__container {
    max-width: 600px;
    max-width: var(--max-width-centered-copy);
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        font-size: var(--font-size-body-large);
          line-height: 1.5em;
          line-height: var(--line-height-body);
            }

  @media (min-width: 38em) {

    #root .shopify-policy__container {
      padding: 0;
      margin-bottom: 16rem;
      margin-bottom: var(--spacing-extra-extra-extra-large)
        }
  }

  #root .shopify-policy__title {
    margin: 40px auto;
    margin: var(--spacing-large) auto;
      }

  @media (min-width: 38em) {

    #root .shopify-policy__title {
      margin: 8rem auto;
      margin: var(--spacing-extra-extra-large) auto
        }
  }

  #root .shopify-policy__title h1 {
    font-size: var(--font-size-heading-1);
      line-height: 1.3em;
      line-height: var(--line-height-heading);
        font-family: var(--font-heading), sans-serif;
          font-weight: var(--font-heading-weight);
            font-style: var(--font-heading-style);
              }

  @media (min-width: 38em) {

    #root .shopify-policy__title h1 {
      font-size: var(--font-size-heading-display)
        }
  }

  .account__heading {
    text-align: center;
  }

  .account__section-heading {
    text-align: center;
  }

  .account__table {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
      }

  @media (min-width: 38em) {

    .account__table {
      background-color: var(--color-contrast-bg);
        color: var(--color-contrast-text);
          padding: 20px;
          padding: var(--spacing-medium)
            }
  }

  .account__order-meta {
    text-align: center;
    line-height: 1.5em;
    line-height: var(--line-height-body);
      }

  .account__address-list {
    margin-left: calc(20px * -1);
    margin-left: calc(var(--spacing-medium) * -1);
      margin-right: calc(20px * -1);
      margin-right: calc(var(--spacing-medium) * -1);
        }

  .account__address {
    padding: 20px;
    padding: var(--spacing-medium);
      }

  @media (min-width: 38em) and (max-width: 60em) {

    .account__address {
      width: 50%
    }
  }

  @media (min-width: 60em) {

    .account__address {
      width: 25%
    }
  }

  .account__address-inner {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        width: 100%;
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
          padding: 20px;
          padding: var(--spacing-medium);
            line-height: 1.5em;
            line-height: var(--line-height-body);
              }

  .account__logout {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
      font-style: italic;
      text-align: center;
      color: var(--color-text-meta);
        }

  .account .responsive-table {
    width: 100%;
  }

  @media (min-width: 38em) {
    .account .responsive-table th {
      text-align: left;
      padding: 10px 5px;
      padding: var(--spacing-small) var(--spacing-extra-small);
        }

    .account .responsive-table td {
      padding: 10px 5px;
      padding: var(--spacing-small) var(--spacing-extra-small);
        }
  }

  .account label {
    font-size: var(--font-size-body-small);
      text-align: left;
      display: block;
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }

  .account .input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .account select {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      }

  .account__auth-wrapper {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        width: 100%;
        max-width: 460px;
        margin: 40px auto;
        margin: var(--spacing-large) auto;
          padding: 20px;
          padding: var(--spacing-medium);
            text-align: center;
            }

  @media (min-width: 38em) {

    .account__auth-wrapper {
      margin: 8rem auto;
      margin: var(--spacing-extra-extra-large) auto;
        padding: 40px;
        padding: var(--spacing-large)
          }
  }

  .account__auth-wrapper-heading {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .shopify-challenge__container {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        width: 100%;
        max-width: 460px;
        margin: 40px auto;
        margin: var(--spacing-large) auto;
          padding: 20px;
          padding: var(--spacing-medium);
            text-align: center;
            }

  .shopify-challenge__container ul {
    margin: 0;
    padding: 0;
  }

  .shopify-challenge__container .shopify-challenge__button {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-accent);
              color: var(--color-button-text);
                border: none;
                /* button mixin above */
                }

  .account__default-check-wrapper label {
    margin-bottom: 0;
  }

  .login {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        width: 100%;
        max-width: 460px;
        margin: 40px auto;
        margin: var(--spacing-large) auto;
          padding: 20px;
          padding: var(--spacing-medium);
            text-align: center;
            }

  @media (min-width: 38em) {

    .login {
      margin: 8rem auto;
      margin: var(--spacing-extra-extra-large) auto;
        padding: 40px;
        padding: var(--spacing-large)
          }
  }

  .login__heading {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .login__meta {
    line-height: 1.5em;
    line-height: var(--line-height-body);
      }

  .login__links {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      }

  .login input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .login__links a {
    text-decoration: underline;
  }

  .order__item-discount {
    margin: 10px 0 0 0;
    margin: var(--spacing-small) 0 0 0;
      padding: 0;
      text-transform: uppercase;
      font-size: var(--font-size-body-extra-small);
        list-style: none;
        color: var(--color-contrast-text-meta);
          }

  .order__item-discount li {
    line-height: 1.4em;
  }

  @media (min-width: 38em) {

    .order__col--price {
      text-align: right !important
    }
  }

  @media (min-width: 38em) {

    .order__col--quantity {
      text-align: right !important
    }
  }

  @media (min-width: 38em) {

    .order__col--total {
      text-align: right !important
    }
  }

  .fof {
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
      margin: 8rem auto;
      margin: var(--spacing-extra-extra-large) auto;
        padding: 0 20px;
        padding: 0 var(--spacing-medium);
          text-align: center;
          }

  .fof__heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .fof__message {
    margin: 0 auto;
  }

  .article__heading-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: var(--color-text);
      margin-bottom: 4rem;
      margin-bottom: var(--spacing-extra-large);
        min-height: 50vw;
        }

  @media (min-width: 38em) {

    .article__heading-wrapper {
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        min-height: 66vw
        }
  }

  .article__heading-content {
    position: relative;
    z-index: 5;
    padding: 40px 0;
    padding: var(--spacing-large) 0;
      }

  .article__footer,
  .article__pagination,
  .comments {
    font-size: var(--font-size-body-base);
      }

  .comments {
    margin: 8rem auto 4rem auto;
    margin: var(--spacing-extra-extra-large) auto var(--spacing-extra-large) auto;
      }

  .comments .input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  @media (min-width: 38em) {

    .comments {
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large)
        }
  }

  .comments__success-message {
    color: var(--color-success-message);
      }

  .comments__list {
    margin: 0 !important;
    padding: 0;
    list-style: none;
  }

  .comments__comment {
    line-height: 1.5em;
    line-height: var(--line-height-body);
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        padding-top: 20px;
        padding-top: var(--spacing-medium);
          border-top: 1px solid var(--color-border);
            }

  .comments__comment:last-of-type {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
      border-bottom: 1px solid var(--color-border);
        }

  .comments__comment-meta {
    color: var(--color-text-meta);
      }

  .comments__submit {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-accent);
              color: var(--color-button-text);
                border: none;
                /* button mixin above */
                }

  .comments__moderated-message {
    line-height: 1.5em;
    line-height: var(--line-height-body);
      }

  .blog__heading {
    max-width: 1260px;
    max-width: var(--max-width);
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          /* center-content mixin above */

          padding-bottom: 20px;

          padding-bottom: var(--spacing-medium);
            }

  @media (min-width: 38em) {

    .blog__heading {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
          }
  }

  @media (min-width: 38em) {

    .blog__heading {
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large)
        }
  }

  .blog__container {
    max-width: 1260px;
    max-width: var(--max-width);
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          /* center-content mixin above */
          }

  @media (min-width: 38em) {

    .blog__container {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
          }
  }

  .blog__articles {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: calc((20px + 10px) * -1);
    margin-top: calc((var(--spacing-medium) + var(--spacing-small)) * -1);
      margin-bottom: calc(10px * -1);
      margin-bottom: calc(var(--spacing-small) * -1);
        margin-left: calc(5px * -1);
        margin-left: calc(var(--spacing-extra-small) * -1);
          margin-right: calc(5px * -1);
          margin-right: calc(var(--spacing-extra-small) * -1);
            }

  @media (min-width: 38em) {

    .blog__articles {
      margin-left: calc(10px * -1);
      margin-left: calc(var(--spacing-small) * -1);
        margin-right: calc(10px * -1);
        margin-right: calc(var(--spacing-small) * -1)
          }
  }

  .blog__rss {
    font-size: var(--font-size-body-small);
      }

  .blog__article {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        height: 100%;
        display: flex;
        flex-direction: column;
        }

  .blog__article-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 20px;
    padding: var(--spacing-medium);
      }

  .blog__article-content .meta {
    color: var(--color-contrast-text-meta);
      }

  .blog__article-heading {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      }

  .blog__article-heading a:hover {
    color: var(--color-contrast-text-meta);
      }

  .blog__article-excerpt {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
      }

  .blog__article-excerpt p {
    margin: 0;
  }

  .blog__pagination {
    margin-top: 40px;
    margin-top: var(--spacing-large);
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        border-top: 1px solid var(--color-border);
          }

  .blog__pagination p {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
      }

  .article__footer {
    margin-top: 40px;
    margin-top: var(--spacing-large);
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        border-bottom: 1px solid var(--color-border);
          }

  .article__footer p {
    margin-bottom: 0.25em;
  }

  .article__footer a {
    color: var(--color-text);
      text-decoration: underline;
      }

  .article__footer ul {
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  .article__footer li {
    display: inline-block;
  }

  .article__footer li:after {
    content: ',';
  }

  .article__footer li:last-of-type:after {
    content: '';
  }

  .article__pagination {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        }

  .article__pagination a {
    color: var(--color-text);
      }

  .article__pagination-prev {
    float: left;
  }

  .article__pagination-next {
    float: right;
  }

  .cart-template__item {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          }

  .cart-template__item .meta {
    color: var(--color-contrast-text-meta);
      }

  @media (min-width: 38em) {

    .cart-template__item {
      flex-wrap: nowrap
    }
  }

  .cart-template__image {
    width: 100%;
    flex-shrink: 0;
  }

  .cart-template__image img {
    display: block;
  }

  @media (min-width: 38em) {

    .cart-template__image {
      padding: 20px;
      padding: var(--spacing-medium);
        width: 140px
        }
  }

  .cart-template__text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
      }

  @media (min-width: 38em) {

    .cart-template__text {
      padding-left: 0
    }
  }

  .cart-template__details {
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        line-height: 1.5em;
        line-height: var(--line-height-body);
          }

  @media (min-width: 38em) {

    .cart-template__details {
      width: 50%
    }
  }

  @media (min-width: 60em) {

    .cart-template__details {
      margin-bottom: 0
    }
  }

  .cart-template__quantity {
    width: calc((1 / 3) * 100%);
  }

  @media (min-width: 38em) {

    .cart-template__quantity {
      width: 25%
    }
  }

  @media (min-width: 60em) {

    .cart-template__quantity {
      width: calc((1 / 6) * 100%)
    }
  }

  .cart-template__quantity input {
    width: 100%;
  }

  .cart-template__line-price {
    width: calc((1 / 3) * 100%);
    text-align: center;
  }

  @media (min-width: 38em) {

    .cart-template__line-price {
      width: 25%
    }
  }

  @media (min-width: 60em) {

    .cart-template__line-price {
      width: calc((1 / 6) * 100%)
    }
  }

  .cart-template__remove {
    width: auto;
    text-align: left;
  }

  @media (min-width: 38em) {

    .cart-template__remove {
      width: 300px
    }
  }

  @media (min-width: 60em) {

    .cart-template__remove {
      text-align: center;
      width: calc((1 / 6) * 100%)
    }
  }

  .cart-template__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      margin-bottom: 40px;
      margin-bottom: var(--spacing-large);
        }

  .cart-template__footer-details {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  @media (min-width: 38em) {

    .cart-template__footer-details {
      width: 50%
    }
  }

  .cart-template__footer-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
  }

  .cart-template__footer-actions .bttn {
    margin-left: 0;
    margin-right: 10px;
    margin-right: var(--spacing-small);
      margin-bottom: 10px;
      margin-bottom: var(--spacing-small);
        }

  @media (min-width: 38em) {

    .cart-template__footer-actions {
      width: 50%;
      justify-content: flex-end
    }

    .cart-template__footer-actions .bttn {
      margin-left: 10px;
      margin-left: var(--spacing-small);
        margin-right: 0;
        }
  }

  .cart__line-item-discounts {
    font-size: var(--font-size-body-extra-small);
      margin: 10px 0 0 0;
      margin: var(--spacing-small) 0 0 0;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
        }

  .cart__line-item-discounts li {
    line-height: 1.4em;
  }

  .cart__discounts {
    font-size: var(--font-size-body-small);
      color: var(--color-text-meta);
        margin: 10px 0 20px 0;
        margin: var(--spacing-small) 0 var(--spacing-medium) 0;
          padding: 0;
          list-style: none;
          text-transform: uppercase;
          }

  .cart__discounts li {
    line-height: 1.4em;
  }

  .gift-card {
    padding: 20px;
    padding: var(--spacing-medium);
      text-align: center;
      }

  @media (min-width: 38em) {

    .gift-card {
      padding: 40px;
      padding: var(--spacing-large)
        }
  }

  .gift-card__store-name {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .gift-card__title {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      }

  .gift-card__container {
    max-width: 560px;
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        margin: 0 auto;
        padding: 20px;
        padding: var(--spacing-medium);
          }

  @media (min-width: 38em) {

    .gift-card__container {
      padding: 40px;
      padding: var(--spacing-large)
        }
  }

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

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

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

    p {
      orphans: 3;
      widows: 3;
    }

    .print-giftcard,
    .apple-wallet {
      display: none;
    }
  }

  .collections__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
      }

  @media (min-width: 38em) and (max-width: 60em) {

    .collections__list {
      margin: 0 calc(10px * -1);
      margin: 0 calc(var(--spacing-small) * -1);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large)
          }
  }

  @media (min-width: 60em) {

    .collections__list {
      margin: 0 calc(20px * -1);
      margin: 0 calc(var(--spacing-medium) * -1);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large)
          }
  }

  .collections__collection-wrapper {
    width: 100%;
    padding: 0 0 20px 0;
    padding: 0 0 var(--spacing-medium) 0;
      }

  @media (min-width: 38em) and (max-width: 60em) {

    .collections__collection-wrapper {
      width: 50%;
      padding: 10px;
      padding: var(--spacing-small)
        }
  }

  @media (min-width: 60em) {

    .collections__collection-wrapper {
      width: calc((1 / 3) * 100%);
      padding: 20px;
      padding: var(--spacing-medium)
        }
  }

  .collections__collection {
    width: 100%;
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        padding: 0;
        }

  .collections__collection-meta {
    padding: 20px;
    padding: var(--spacing-medium);
      }

  .collections__collection-meta p:last-of-type {
    margin-bottom: 0;
  }

  .password {
    max-width: 460px;
    margin: 8rem auto;
    margin: var(--spacing-extra-extra-large) auto;
      padding: 0 20px;
      padding: 0 var(--spacing-medium);
        text-align: center;
        }

  .password label {
    display: none;
  }

  .password input {
    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: var(--shadow-1);
        font-family: inherit;
        line-height: 1.5em;
        /* input mixin above */

        width: 100%;
        border-radius: 3px;
        padding: 10px;
        padding: var(--spacing-small);
          }

  .password input::-moz-placeholder {
    color: var(--color-text-meta);
      }

  .password input:-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  .password input::-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  .password input::placeholder {
    color: var(--color-text-meta);
      }

  .password .errors ul {
    padding: 0;
    list-style-type: none;
  }

  .password__sharing {
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
      }

  .password__sharing a {
    margin: 0 10px;
    margin: 0 var(--spacing-small);
      }

  .product {
    max-width: 1260px;
    max-width: var(--max-width);
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
          }

  @media (min-width: 38em) {

    .product {
      padding-left: 40px;
      padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
          }
  }

  /* center-content mixin above */

  @media (min-width: 38em) {

    .product {
      display: grid;
      grid-template-columns: calc((2 / 3) * 100%) calc((1 / 3) * 100%);
      margin-top: 40px;
      margin-top: var(--spacing-large)
        }
  }

  .product__heading {
    border-bottom: 1px solid var(--color-border);
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }

  .product__title {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
      }

  .product__vendor {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
      }

  .product__expanded-photos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(10px * -1);
    margin: 0 calc(var(--spacing-small) * -1);
      }

  .product select[name='id'] {
    display: none;
  }

  .product .no-js select[name='id'] {
    display: block;
  }

  .product__details .share {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      }

  .product__image-container {
    width: 100%;
  }

  @media (min-width: 38em) {

    .product__image-container {
      grid-row-start: 1;
      padding-right: 20px;
      padding-right: var(--spacing-medium)
        }
  }

  .product__image-container video {
    width: 100%;
    display: block;
  }

  .product__details-container {
    width: 100%;
    padding-top: 20px;
    padding-top: var(--spacing-medium);
      padding-bottom: 0;
      }

  @media (min-width: 38em) {

    .product__details-container {
      padding-bottom: 20px;
      padding-bottom: var(--spacing-medium);
        padding-left: 20px;
        padding-left: var(--spacing-medium);
          grid-row-start: 1;
          grid-row-end: 3
          }
  }

  .product__description {
    margin-top: calc(20px + 10px);
    margin-top: calc(var(--spacing-medium) + var(--spacing-small));
      word-break: break-word;
      }

  .product__sticky-element {
    display: none;
  }

  @media (min-width: 38em) {

    .product__sticky-element {
      border-radius: 1px;
      border: none;
      background-color: var(--color-input);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          font-family: inherit;
          line-height: 1.5em;
          /* input mixin above */

          background-color: var(--color-contrast-bg);
            color: var(--color-contrast-text);
              display: flex;
              border-radius: 2px;
              height: 50px;
              padding: 0 20px;
              padding: 0 var(--spacing-medium);
                top: 20px;
                top: var(--spacing-medium);
                  right: 20px;
                  right: var(--spacing-medium);
                    left: 20px;
                    left: var(--spacing-medium);
                      position: fixed;
                      z-index: 200;
                      justify-content: space-between;
                      align-items: center;
                      opacity: 0;
                      pointer-events: none;
                      transition: opacity 0.25s
                      }
    .product__sticky-element::-moz-placeholder {
      color: var(--color-text-meta);
        }
    .product__sticky-element:-ms-input-placeholder {
      color: var(--color-text-meta);
        }
    .product__sticky-element::-ms-input-placeholder {
      color: var(--color-text-meta);
        }
    .product__sticky-element::placeholder {
      color: var(--color-text-meta);
        }

    .product__sticky-element.visible {
      opacity: 1;
      pointer-events: auto;
      transition: opacity 0.25s;
    }
  }

  .product__sticky-element-heading {
    font-family: var(--font-logo);
      font-weight: var(--font-logo-weight);
        font-style: var(--font-logo-style);
          }

  .product__sticky-right {
    display: flex;
    align-items: center;
  }

  .product__sticky-image {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border: 1px solid var(--color-contrast-border);
      border-radius: 2px;
      }

  .product__sticky-button {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-accent);
              color: var(--color-button-text);
                border: none;
                /* button mixin above */

                font-size: var(--font-size-body-extra-small);
                  text-transform: uppercase;
                  letter-spacing: 0.125em;
                  /* meta-text mixin above */

                  height: 30px;
                  padding: 0 10px;
                  padding: 0 var(--spacing-small);
                    display: flex;
                    align-items: center;
                    border-radius: 2px;
                    }

  .product__sticky-button span.divider {
    margin: 0 10px;
    font-size: 8px;
  }

  .product__sticky-button span.divider.money {
    margin: 0;
    font-size: var(--font-size-body-extra-small);
      }

  .product__primary-image-wrapper {
    position: relative;
  }

  .product__zoom-arrow {
    width: 30px;
    height: 30px;
    background-color: var(--color-bg);
      border-radius: 100%;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: space-around;
      z-index: 5;
      right: 20px;
      right: var(--spacing-medium);
        bottom: 20px;
        bottom: var(--spacing-medium);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: var(--shadow-1);
            pointer-events: none;
            opacity: 1;
            }

  @media (max-width: 38em) {

    .product__zoom-arrow {
/*       display: none */
      top:10px;
    }
  }

  .product__zoom-arrow svg {
    width: 16px;
    height: 16px;
  }

  @media (min-width: 38em) {

    .product__zoom-arrow {
      top: 20px;
      top: var(--spacing-medium);
        right: 20px;
        right: var(--spacing-medium)
          }
  }

  .product__zoom-arrow.hide {
    opacity: 0;
  }

  .product_thumbnail-list {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      margin-right: calc(20px * -1);
      margin-right: calc(var(--spacing-medium) * -1);
        margin-bottom: 0;
        margin-left: calc(20px * -1);
        margin-left: calc(var(--spacing-medium) * -1);
          padding: 0;
          }

  /* Enable carousel */

  .product_thumbnail-list:after {
    content: 'flickity';
    display: none;
  }

  @media (min-width: 38em) {

    .product_thumbnail-list {
      padding: 0 10px;
      padding: 0 var(--spacing-small);
        display: flex;
        flex-wrap: wrap

        /* Remove carousel on larger screen */
        }
    .product_thumbnail-list:after {
      content: '';
    }
  }

  .product_thumbnail {
    list-style: none;
    padding: 10px 0 0 20px;
    padding: var(--spacing-small) 0 0 var(--spacing-medium);
      width: 28%;
      position: relative;
      }

  @media (min-width: 38em) and (max-width: 60em) {

    .product_thumbnail {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        padding: 0 10px;
        padding: 0 var(--spacing-small);
          width: 25%
          }
  }

  @media (min-width: 60em) {

    .product_thumbnail {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        padding: 0 10px;
        padding: 0 var(--spacing-small);
          width: 20%
          }
  }

  .product_thumbnail__link {
    display: block;
    position: relative;
    padding-top: 100%;
  }

  .product__thumbnail-badge {
    position: absolute;
    top: 10px;
    top: var(--spacing-small);
      right: 10px;
      right: var(--spacing-small);
        z-index: 1;
        width: 24px;
        height: 24px;
        color: var(--color-text);
          }

  .product__thumbnail-badge svg {
    width: 24px;
    height: 24px;
  }

  .product__thumbnail-badge .badge-background {
    fill: var(--color-bg);
      }

  .product-single__thumbnail-image {
    border: 2px solid transparent;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .active-thumbnail .product-single__thumbnail-image {
    border-color: var(--color-border);
      }

  .product__color-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(10px * -1);
    margin-top: calc(var(--spacing-small) * -1);
      }

  .product__color-swatch {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: white;
    margin-top: 10px;
    margin-top: var(--spacing-small);
      margin-right: 10px;
      margin-right: var(--spacing-small);
        box-shadow: 0 0 0 1px var(--color-border);
          border: 6px solid var(--color-bg);
            cursor: pointer;
            background-color: var(--color-bg);
              background-position: center !important;
              background-size: cover !important;
              }

  .product__color-swatch.selected {
    box-shadow: 0 0 0 1px var(--color-accent);
      }

  .product__color-swatch:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--color-accent);
      }

  .shopify-cleanslate {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      }

  .section--standard .product__heading {
    border-bottom: 1px solid var(--color-contrast-border);
      }

  .product__media {
    position: relative;
  }

  .bttn.product__in-space-bttn {
    display: none;
  }

  .bttn.product__in-space-bttn.visible {
    display: flex;
  }

  .bttn.product__in-space-bttn > span {
    display: flex;
    align-items: center;
  }

  .bttn.product__in-space-bttn svg {
    margin-right: 10px;
    margin-right: var(--spacing-small);
      }

  .interactive-media {
    min-height: 200px;
  }

  div[data-media-type='external_video'] {
    padding-top: 57.5%;
    position: relative;
  }

  div[data-media-type='external_video'] iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

  .plyr__controls {
    background-color: var(--color-bg) !important;
      }

  .plyr__control {
    background-color: var(--color-bg) !important;
      }

  .plyr__control.plyr__control--overlaid {
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
      }

  .plyr__control.plyr__control--overlaid svg {
    opacity: 0.6;
    transition: opacity 0.25s;
  }

  .plyr__control.plyr__control--overlaid:hover svg {
    opacity: 1;
    transition: opacity 0.25s;
  }

  .plyr__control,
  .plyr__progress__buffer,
  .plyr__progress input[type='range'] {
    color: var(--color-text) !important;
      }

  .variant-popup__trigger {
    position: absolute;
    right: 4rem;
    right: var(--spacing-extra-large);
      top: 50%;
      transform: translateY(-50%);
      }

  .variant-popup__content {
    display: none;
  }

  .search-template {
    margin: 0 auto 40px auto;
    margin: 0 auto var(--spacing-large) auto;
      width: 100%;
      max-width: 1260px;
      max-width: var(--max-width);
        padding: 0 20px;
        padding: 0 var(--spacing-medium);
          }

  .search-template form {
    position: relative;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .search-template input {
    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: var(--shadow-1);
        font-family: inherit;
        line-height: 1.5em;
        /* input mixin above */
        padding: 10px;
        padding: var(--spacing-small);
          border-radius: 3px;
          width: 100%;
          height: 50px;
          }

  .search-template input::-moz-placeholder {
    color: var(--color-text-meta);
      }

  .search-template input:-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  .search-template input::-ms-input-placeholder {
    color: var(--color-text-meta);
      }

  .search-template input::placeholder {
    color: var(--color-text-meta);
      }

  .search-template__submit-button {
    position: absolute;
    top: 5px;
    top: var(--spacing-extra-small);
      right: 5px;
      right: var(--spacing-extra-small);
        }

  .search-template__heading {
    text-align: center;
    margin-top: 40px;
    margin-top: var(--spacing-large);
      }

  @media (max-width: 38em) {

    .search-template__heading h1 {
      font-size: 24px
    }
  }

  .search-template__no-results {
    text-align: center;
    margin-top: 40px;
    margin-top: var(--spacing-large);
      margin-bottom: 8rem;
      margin-bottom: var(--spacing-extra-extra-large);
        }

  .search-template__results {
    margin: 4rem 0 8rem 0;
    margin: var(--spacing-extra-large) 0 var(--spacing-extra-extra-large) 0;
      padding: 0;
      list-style-type: none;
      }

  .search-template__item {
    background-color: var(--color-contrast-bg);
      color: var(--color-contrast-text);
        width: 100%;
        max-width: 800px;
        margin: 0 auto 20px auto;
        margin: 0 auto var(--spacing-medium) auto;
          display: flex;
          }

  .search-template__image {
    width: 200px;
    padding-right: 20px;
    padding-right: var(--spacing-medium);
      flex-shrink: 0;
      }

  .search-template__image img {
    display: block;
  }

  .search-template__image svg {
    width: calc(200px - 20px);
    width: calc(200px - var(--spacing-medium));
      height: 100%;
      }

  .search-template__pagination {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      max-width: 800px;
      margin-right: auto;
      margin-left: auto;
      }

  .button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    border: 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1px;
  }

  .button:disabled {
    opacity: 0.4;
    cursor: default;
  }

  .bttn {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.5em;
            border-radius: 1px;
            background-color: var(--color-accent);
              color: var(--color-button-text);
                border: none;
                /* button mixin above */

                opacity: 1;
                transition: opacity 0.25s ease;
                }

  .bttn:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
  }

  .bttn:disabled {
    opacity: 0.4;
    cursor: default;
  }

  .bttn--secondary {
    background-color: var(--color-secondary-button);
      color: var(--color-secondary-button-text);
        }

  .bttn--tertiary {
    background-color: transparent;
    border: 1px solid var(--color-secondary-button);
      color: var(--color-secondary-button-text);
        }

  .bttn--full {
    width: 100%;
  }

  .bttn--small {
    height: 40px;
    font-size: var(--font-size-body-extra-small);
      }

  .bttn__spinner {
    display: none;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-right: var(--spacing-small);
      color: inherit;
      }

  .bttn--loading .bttn__spinner {
    display: inline-block;
  }

  .content-overlay__container {
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
      margin: 0 auto;
      padding: 20px;
      padding: var(--spacing-medium);
        }

  @media (min-width: 38em) {

    .content-overlay__container {
      padding: 20px;
      /*       padding: var(--spacing-large) */
    }
  }

  .content-overlay__inner {
    display: flex;
    flex-direction: column;
  }

  .content-overlay__heading {
    margin-top: 0;
    margin-bottom: 0;
  }

  .content-overlay__subheading {
    margin-top: 0;
    margin-bottom: 0;
  }

  .content-overlay * + * {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
      }

  .disclosure {
    position: relative;
  }

  .disclosure__toggle {
    white-space: nowrap;
    height: 22px;
    font-size: var(--font-size-body-extra-small);
      padding: 0 6px 0 8px;
      line-height: 1;
      }

  .disclosure__toggle.input {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
  }

  .disclosure__toggle .arrow {
    margin-left: 2px;
    width: 12px;
    height: 12px;
  }

  .disclosure__toggle .arrow svg {
    width: 100%;
  }

  .disclosure-list {
    background-color: var(--color-navigation-bg);
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: var(--shadow-1);
        bottom: 115%;
        padding: 20px;
        padding: var(--spacing-medium);
          position: absolute;
          display: none;
          min-width: 100px;
          max-height: 300px;
          overflow-y: auto;
          border-radius: 2px;
          }

  .disclosure-list--visible {
    display: block;
  }

  .disclosure-list__item {
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    padding: 0;
    text-align: left;
    list-style: none;
  }

  .disclosure-list__item + .disclosure-list__item {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      }

  .disclosure-list__option {
    color: var(--color-navigation-text);
      }

  .disclosure-list__option:focus {
    color: var(--color-accent);
      }

  .disclosure-list__option:hover {
    color: var(--color-navigation-text-meta);
      }

  .disclosure-list__item--current .disclosure-list__option {
    color: var(--color-navigation-text-meta);
      }

  .disclosure-list__item--current .disclosure-list__option:focus {
    color: var(--color-accent);
      }

  .drawer {
    background-color: var(--color-drawer-bg);
      color: var(--color-drawer-text);
        }

  .shopify-payment-button {
    margin-top: 10px;
    margin-top: var(--spacing-small);
      }

  .shopify-payment-button__button {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
      font-family: inherit;
      text-transform: uppercase;
      font-family: inherit !important;
      font-weight: var(--font-body-weight);
        line-height: 1.5em;
        letter-spacing: 0.025em;
        font-size: var(--font-size-body-small) !important;
          border: none;
          border-radius: 1px !important;
          height: 44px !important;
          height: var(--height-button) !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: opacity 0.25s;
            }

  .shopify-payment-button__button:hover {
    opacity: 0.7 !important;
    transition: opacity 0.25s;
  }

  .shopify-payment-button__button--unbranded {
    text-transform: uppercase;
    font-family: var(--font-body);
      font-weight: var(--font-body-weight);
        font-size: var(--font-size-body-small);
          letter-spacing: 0.05em;
          text-align: center;
          height: 44px;
          height: var(--height-button);
            padding: 0 25px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            line-height: 1.5em;
            border-radius: 1px;
            border: none;
            /* button mixin above */

            background-color: var(--color-accent) !important;
              color: var(--color-button-text) !important;
                }

  .shopify-payment-button__button--unbranded:hover {
    background-color: var(--color-accent) !important;
      }

  .shopify-payment-button__button--branded {
  }

  .shopify-payment-button__more-options {
    margin-top: 20px !important;
    margin-top: var(--spacing-medium) !important;
      font-size: var(--font-size-body-small) !important;
        line-height: 1.5em !important;
        line-height: var(--line-height-body) !important;
          font-family: var(--font-body);
            color: var(--color-accent);
              text-decoration: underline;
              }

  .shopify-payment-button__more-options:hover {
    color: var(--color-text);
      }

  .shopify-payment-button__button--hidden {
    display: none !important;
  }

  @-webkit-keyframes intentOutFromBottom {
    from {
      transform: translateY(0px);
      opacity: 1;
    }
    to {
      transform: translateY(20px);
      transform: translateY(var(--spacing-medium));
        opacity: 0;
        }
  }

  @keyframes intentOutFromBottom {
    from {
      transform: translateY(0px);
      opacity: 1;
    }
    to {
      transform: translateY(20px);
      transform: translateY(var(--spacing-medium));
        opacity: 0;
        }
  }

  @-webkit-keyframes intentInFromBottom {
    from {
      transform: translateY(20px);
      transform: translateY(var(--spacing-medium));
        opacity: 0;
        }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes intentInFromBottom {
    from {
      transform: translateY(20px);
      transform: translateY(var(--spacing-medium));
        opacity: 0;
        }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @-webkit-keyframes intentOutFromTop {
    from {
      transform: translateY(0px);
      opacity: 1;
    }
    to {
      transform: translateY(calc(20px * -1));
      transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
        }
  }

  @keyframes intentOutFromTop {
    from {
      transform: translateY(0px);
      opacity: 1;
    }
    to {
      transform: translateY(calc(20px * -1));
      transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
        }
  }

  @-webkit-keyframes intentInFromTop {
    from {
      transform: translateY(calc(20px * -1));
      transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
        }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes intentInFromTop {
    from {
      transform: translateY(calc(20px * -1));
      transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
        }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  #shopify-section-static-exit-intent {
    position: fixed;
    top: 0;
    z-index: 200;
    z-index: var(--z-index-exit-intent);
      }

  .exit-intent {
    position: fixed;
    top: calc(var(--header-offset-height) - 1px);
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
    z-index: 200;
    z-index: var(--z-index-exit-intent);
      opacity: 0;
      padding: 0;
      }

  @media (min-width: 38em) {

    .exit-intent {
      padding: 20px;
      padding: var(--spacing-medium)
        }
  }

  .exit-intent.visible {
    opacity: 1;
    -webkit-animation: 0.25s ease-in-out intentInFromTop;
    animation: 0.25s ease-in-out intentInFromTop;
    -webkit-animation: 0.25s var(--ease) intentInFromTop;
      animation: 0.25s var(--ease) intentInFromTop;
        }

  .exit-intent.visible .exit-intent__content {
    pointer-events: auto;
  }

  .exit-intent.hidden {
    -webkit-animation: 0.25s ease-in-out intentOutFromTop;
    animation: 0.25s ease-in-out intentOutFromTop;
    -webkit-animation: 0.25s var(--ease) intentOutFromTop;
      animation: 0.25s var(--ease) intentOutFromTop;
        }

  @media (min-width: 38em) {

    .exit-intent--top-right,
    .exit-intent--top-left {
      align-items: flex-start
    }
  }

  @media (min-width: 38em) {

    .exit-intent--bottom-right,
    .exit-intent--bottom-left {
      align-items: flex-end
    }
  }

  @media (min-width: 38em) {

    .exit-intent--bottom-right.hidden, .exit-intent--bottom-left.hidden {
      -webkit-animation: 0.25s ease-in-out intentOutFromBottom;
      animation: 0.25s ease-in-out intentOutFromBottom;
      -webkit-animation: 0.25s var(--ease) intentOutFromBottom;
        animation: 0.25s var(--ease) intentOutFromBottom
          }
  }

  @media (min-width: 38em) {

    .exit-intent--bottom-right.visible, .exit-intent--bottom-left.visible {
      -webkit-animation: 0.25s ease-in-out intentInFromBottom;
      animation: 0.25s ease-in-out intentInFromBottom;
      -webkit-animation: 0.25s var(--ease) intentInFromBottom;
        animation: 0.25s var(--ease) intentInFromBottom
          }
  }

  @media (min-width: 38em) {

    .exit-intent--top-right,
    .exit-intent--bottom-right {
      justify-content: flex-end
    }
  }

  @media (min-width: 38em) {

    .exit-intent--top-left,
    .exit-intent--bottom-left {
      justify-content: flex-start
    }
  }

  .exit-intent__content {
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
      position: relative;
      background-color: var(--color-contrast-bg);
        border-radius: 2px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          overflow: hidden;
          flex-grow: 0;
          }

  @media (min-width: 38em) {

    .exit-intent__content {
      max-width: 335px;
      padding: 0
    }
  }

  .exit-intent__image {
    display: none;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
      pointer-events: none;
      padding-top: 66%;
      background-size: cover;
      background-position: center;
      }

  @media (min-width: 38em) {

    .exit-intent__image {
      display: block
    }
  }

  .exit-intent__image img {
    width: 100%;
  }

  .exit-intent__heading {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: calc(10px + 5px);
    margin-bottom: calc(var(--spacing-small) + var(--spacing-extra-small));
      padding: 0 calc(20px + 10px);
      padding: 0 calc(var(--spacing-medium) + var(--spacing-small));
        }

  @media (min-width: 38em) {

    .exit-intent__heading {
      margin-top: 20px;
      margin-top: var(--spacing-medium)
        }
  }

  .exit-intent__message {
    width: 100%;
    text-align: center;
    font-size: var(--font-size-body-small);
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        padding: 0 calc(20px + 10px);
        padding: 0 calc(var(--spacing-medium) + var(--spacing-small));
          line-height: 1.5em;
          line-height: var(--line-height-body);
            }

  .exit-intent__form {
    width: 100%;
    position: relative;
    padding: 0;
  }

  @media (min-width: 38em) {

    .exit-intent__form {
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
          padding-left: 20px;
          padding-left: var(--spacing-medium)
            }
  }

  .exit-intent__form .input {
    font-size: var(--font-size-body-small);
      height: 42px;
      background: var(--color-contrast-input);
        color: var(--color-contrast-input-text);
          outline: none;
          }

  .exit-intent__form .input::-moz-placeholder {
    color: var(--color-contrast-text-meta);
      }

  .exit-intent__form .input:-ms-input-placeholder {
    color: var(--color-contrast-text-meta);
      }

  .exit-intent__form .input::-ms-input-placeholder {
    color: var(--color-contrast-text-meta);
      }

  .exit-intent__form .input::placeholder {
    color: var(--color-contrast-text-meta);
      }

  .exit-intent__form form {
    width: 100%;
    position: relative;
  }

  .exit-intent__button {
    font-size: var(--font-size-body-small);
      font-family: var(--font-body);
        color: var(--color-accent);
          border: none;
          background: var(--color-contrast-input);
            transition: opacity 0.25s;
            position: absolute;
            right: 10px;
            right: var(--spacing-small);
              height: 42px;
              margin: 0;
              padding: 0 0 0 10px;
              padding: 0 0 0 var(--spacing-small);
                }

  .exit-intent__button span {
    text-decoration: underline;
  }

  .exit-intent__close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: var(--color-accent);
      text-decoration: underline;
      text-align: center;
      font-size: var(--font-size-body-extra-small);
        padding: calc(10px + 5px);
        padding: calc(var(--spacing-small) + var(--spacing-extra-small));
          line-height: 1;
          }

  @media (min-width: 38em) {

    .exit-intent__close {
      position: relative;
      width: 100%;
      border-top: 1px solid var(--color-contrast-border)
        }
  }

  @media (max-width: 38em) {

    .exit-intent__close-text {
      display: none
    }
  }

  @media (min-width: 38em) {

    .exit-intent__close-icon {
      display: none
    }
  }

  .exit-intent__close-icon,
  .exit-intent__close-icon .icon {
    width: 15px;
    color: var(--color-header-icon);
      }

  :root {
    --flyout-width: 335px;
      --checkbox-width: 10px;
    }

    .filter-flyout__drawer {
      width: 355px;
      width: var(--flyout-width);
        position: fixed;
        top: 0;
        right: calc(355px * -1);
        right: calc(var(--flyout-width) * -1);
          bottom: 0;
          z-index: 400;
          z-index: var(--z-index-flyouts);
            display: flex;
            flex-direction: column;
            transition: all 0.25s;
            }

    .is-visible .filter-flyout__drawer {
      right: 0;
      transition: all 0.25s;
    }

    .filter-flyout__overlay {
      z-index: 399;
      z-index: var(--z-index-flyouts-overlay);
        background-color: var(--color-bg-overlay);
          cursor: pointer;
          position: fixed;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          opacity: 0;
          visibility: hidden;
          transition: opacity var(--animation-duration) var(--animation-timing);
            }

    .is-visible .filter-flyout__overlay {
      opacity: 1;
      visibility: visible;
    }

    .filter-flyout__heading {
      padding: 10px 20px;
      padding: var(--spacing-small) var(--spacing-medium);
        font-size: var(--font-size-body-base);
          border-bottom: 1px solid var(--color-drawer-border);
            margin-top: 0;
            margin-bottom: 0.5em;
            text-transform:capitalize;
            }

    .filter-flyout__heading:not(:first-of-type) {
      margin-top: 10px;
      margin-top: var(--spacing-small);
        }

    .filter-flyout__filter {
      display: flex;
      align-items: center;
      line-height: 1.5;
      padding: 5px 20px;
      padding: var(--spacing-extra-small) var(--spacing-medium);
        font-size: var(--font-size-body-base);
          cursor: pointer;
          }

    .filter-flyout__checkbox {
      width: 10px;
      width: var(--checkbox-width);
        height: 10px;
        height: var(--checkbox-width);
          margin-right: 10px;
          margin-right: var(--spacing-small);
            border-radius: 1px;
            line-height: 0;
            pointer-events: none;
            }

    .filter-flyout__checkbox--default {
      background-color: var(--color-drawer-text-meta);
        }

    .filter-flyout__checkbox--selected {
      background-color: var(--color-drawer-text);
        fill: var(--color-drawer-bg);
          }

    .filter-flyout__checkbox svg {
      width: 100%;
      height: 100%;
    }

    .filter-flyout__header {
      padding: 20px;
      padding: var(--spacing-medium);
        display: flex;
        justify-content: space-between;
        align-items: center;
        }

    .filter-flyout__header .icon {
      color: var(--color-drawer-text);
        width: 24px;
        width: var(--size-close-icon);
          height: 24px;
          height: var(--size-close-icon);
            }

    .filter-flyout__filters {
      flex-grow: 1;
      overflow-y: scroll;
      padding-bottom: 40px;
      padding-bottom: var(--spacing-large);
        }

    .filter-flyout__bottom {
      padding: 20px;
      padding: var(--spacing-medium);
        border-top: 1px solid var(--color-drawer-border);
          justify-self: end;
          }

    .mega-navigation {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 0;
      font-size: var(--font-size-body-small);
        background-color: var(--color-navigation-bg);
          border-radius: 2px;
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: var(--shadow-1);
            }

    .mega-navigation__list {
      flex-grow: 1;
      padding: 10px 20px 40px
        20px;
      padding: var(--spacing-small) var(--spacing-medium) var(--spacing-large)
        var(--spacing-medium);
          }

    .mega-navigation__list-heading {
      color: var(--color-navigation-text-meta);
        font-size: inherit;
        margin: 0;
        margin-bottom: 0.5em;
        }

    .mega-navigation__list-heading a {
      color: inherit !important;
    }

    .mega-navigation__list--border {
      border-right: 1px solid var(--color-navigation-border);
        }

    .mega-navigation__list > ul {
      line-height: 2;
    }

    .mega-navigation__featured {
      width: 30%;
      padding: 20px;
      padding: var(--spacing-medium);
        }

    .mega-navigation__featured-wrapper {
      background-color: var(--color-navigation-feature);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
          }

    .mega-navigation__featured-content {
      padding: 20px;
      padding: var(--spacing-medium);
        line-height: 1;
        }

    .mega-navigation__featured-heading {
      margin: 0;
      color: var(--color-navigation-text);
        }

    .mega-navigation__featured-link {
      color: var(--color-accent) !important;
        text-decoration: underline;
        transition: opacity 0.25s;
        }

    .mega-navigation__featured-link:hover {
      opacity: 0;
      transition: opacity 0.25s;
    }

    .mega-navigation .nav__item {
      color: var(--color-navigation-text);
        }

    .page-header {
      max-width: 1260px;
      max-width: var(--max-width);
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-left: var(--spacing-medium);
          padding-right: 20px;
          padding-right: var(--spacing-medium);
            /* center-content mixin above */

            margin: 40px auto;

            margin: var(--spacing-large) auto;
              text-align: center;
              line-height: 1.8;
              }

    @media (min-width: 38em) {

      .page-header {
        padding-left: 40px;
        padding-left: var(--spacing-large);
          padding-right: 40px;
          padding-right: var(--spacing-large)
            }
    }

    @media (min-width: 38em) {

      .page-header {
        margin: 5rem auto;
        margin: var(--spacing-extra-extra-large) auto
          }
    }

    .page-header__crumbs {
      color: var(--color-text-meta);
        font-size: var(--font-size-body-small);
          margin: 0;
          }

    .page-header__title {
      margin: 10px auto 0 auto;
      margin: var(--spacing-small) auto 0 auto;
        }

    @media (max-width: 38em) {

      .page-header__title {
        font-size: var(--font-size-heading-1)
          }
    }

    .page-header__subheading {
      margin: 20px auto 0 auto;
      margin: var(--spacing-medium) auto 0 auto;
        padding: 0 20px;
        padding: 0 var(--spacing-medium);
          }

    @media (max-width: 38em) {

      .page-header__subheading {
        font-size: var(--font-size-body-large)
          }
    }

    .pagination__item {
      display: inline-block;
      padding: 8px 15px;
      border-radius: 2px;
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: var(--shadow-1);
        margin-right: 8px;
        margin-bottom: 8px;
        }

    .pagination__item--active {
      background-color: var(--color-contrast-bg);
        border: 1px solid var(--color-contrast-border);
          border-radius: 2px;
          color: var(--color-contrast-text-meta);
            box-shadow: none;
            }

    .pagination__ellip {
      display: inline-block;
      margin-right: 8px;
      color: var(--color-text-meta);
        }

    .pagination a {
      color: inherit;
      text-decoration: none;
    }

    .placeholder-svg {
      display: block;
      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
      border: 1px solid var(--color-border);
        fill: var(--color-border);
          }

    .section--standard .placeholder-svg {
      border: 1px solid var(--color-contrast-border);
        fill: var(--color-contrast-border);
          }

    .placeholder-svg--small {
      width: 480px;
    }

    .placeholder-noblocks {
      padding: 40px;
      text-align: center;
    }

    /* Mimic a background image by wrapping the placeholder svg with this class */

    .placeholder-background {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .placeholder-background .icon {
      border: 0;
    }

    .product-tile {
      position: relative;
    }

    .product-tile .badge {
      pointer-events: none;
    }

    .product-tile .first {
      position: absolute;
      opacity: 1;
      transition: opacity 0.35s;
      top: 0;
    }

    .product-tile .not-first {
      position: absolute;
      top: 0;
      z-index: 0;
      opacity: 0;
      transition: opacity 0.35s;
    }

    .product-tile .flickity-button {
      color: var(--color-text-meta);
        }

    .product-tile .flickity-prev-next-button {
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 28px;
      height: 28px;
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: var(--shadow-1);
        opacity: 0;
        transition: opacity 0.25s;
        }

    .product-tile .flickity-prev-next-button .flickity-button-icon {
      position: static;
      width: 14px;
      height: 14px;
    }

    @media (min-width: 38em) {
      .product-tile:hover .product-tile__swatches {
        opacity: 1;
        transition: opacity 0.25;
        pointer-events: none;
      }
    }

    .product-tile .quick-shop {
      display: none;
    }

    .product-tile__image-wrapper {
      position: relative;
    }

    .product-tile__image-wrapper:hover .product-tile__quick-shop-button, .product-tile__image-wrapper:focus .product-tile__quick-shop-button {
      opacity: 1;
    }

    .product-tile__sizer {
      opacity: 0;
      pointer-events: none;
    }

    .product-tile__images {
      width: 100%;
      position: relative;
      overflow: hidden;
    }

    .product-tile__images .product-tile__image {
      pointer-events: none;
    }

    .product-tile__images .visible {
      opacity: 1;
      transition: opacity 0.35s;
    }

    .product-tile__images .hidden {
      opacity: 0;
      transition: opacity 0.35s;
    }

    .product-tile__image {
      width: 100%;
    }

    .product-tile__images .product-tile__image {
      position: absolute;
    }

    .product-tile__swatches {
      display: flex;
      justify-content: flex-end;
      position: absolute;
      width: 60%;
      top: 10px;
      top: var(--spacing-small);
        right: 10px;
        right: var(--spacing-small);
          opacity: 0;
          transition: opacity 0.25s;
          }

    .product-tile__swatch {
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin-left: 5px;
      margin-left: var(--spacing-extra-small);
        border: 4px solid var(--color-bg);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
          box-shadow: var(--shadow-2);
            background-color: var(--color-bg);
              background-size: cover !important;
              background-position: center !important;
              }

    .product-tile__quick-shop-button {
      z-index: 1;
      position: absolute;
      bottom: 0;
      padding: 0 10px;
      margin: 20px;
      margin: var(--spacing-medium);
        width: calc(100% - (20px * 2));
        width: calc(100% - (var(--spacing-medium) * 2));
          opacity: 0;
          transition: opacity 0.35s;
          }

    .is-mobile .product-tile__quick-shop-button {
      display: none;
    }

    .quick-cart {
      display: none;
      position: relative;
      z-index: 90;
    }

    .quick-cart.is-active {
      display: block;
    }

    .quick-cart.is-visible .quick-cart__overlay {
      opacity: 1;
      transition: opacity 0.5s;
    }

    @media (max-width: 60em) {

      .quick-cart.is-visible .quick-cart__popup {
        right: 0
      }
    }

    @media (min-width: 60em) {

      .quick-cart.is-visible .quick-cart__popup {
        opacity: 1
      }
    }

    .quick-cart__icon {
      position: relative;
    }

    .quick-cart.has-quick-shop-product {
      color: var(--color-navigation-text);
        }

    .quick-cart.has-quick-shop-product .quick-cart__quick-shop-product {
      display: block;
    }

    .quick-cart__quick-shop-product {
      display: none;
    }

    @media (min-width: 60em) {

      .quick-cart__quick-shop-product {
        position: absolute;
        top: 20px;
        top: var(--spacing-medium);
          right: 20px;
          right: var(--spacing-medium)
            }
    }

    .quick-cart__indicator {
      background-color: var(--color-accent);
        color: var(--color-button-text);
          position: absolute;
          bottom: -6px;
          right: -4px;
          border-radius: 2px;
          font-size: var(--font-size-body-extra-small);
            padding: 3px 5px;
            border: 1px solid var(--color-bg);
              line-height: 1;
              }

    .quick-cart__overlay {
      background-color: var(--color-bg-overlay);
        position: fixed;
        z-index: 4;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.5s;
        }

    .quick-cart__popup {
      font-size: var(--font-size-body-small);
        line-height: 1.5em;
        line-height: var(--line-height-body);
          width: 375px;
          max-width: 95vw;
          position: fixed;
          top: 0;
          right: -375px;
          bottom: 0;
          z-index: 5;
          border-radius: 2px;
          border-radius: var(--radius-2);
            background: var(--color-drawer-bg);
              color: var(--color-drawer-text);
                box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
                box-shadow: var(--shadow-1);
                  display: flex;
                  flex-direction: column;
                  justify-content: space-between;
                  opacity: 1;
                  transition: all 0.25s;
                  }

    .quick-cart__popup img {
      display: block;
    }

    @media (min-width: 60em) {

      .quick-cart__popup {
        background: var(--color-navigation-bg);
          color: var(--color-navigation-text);
            right: 20px;
            right: var(--spacing-medium);
              position: absolute;
              top: auto;
              bottom: auto;
              margin-top: 10px;
              margin-top: var(--spacing-small);
                opacity: 0
                }
    }

    .quick-cart__items {
      padding: 10px;
      padding: var(--spacing-small);
        flex-grow: 1;
        overflow-y: scroll;
        }

    @media (min-width: 60em) {

      .quick-cart__items {
        max-height: min(500px, 35vh)
      }
    }

    .quick-cart__item-discounts {
      margin: 5px 0 0 0;
      margin: var(--spacing-extra-small) 0 0 0;
        padding: 0;
        font-size: var(--font-size-body-extra-small);
          color: var(--color-navigation-text-meta);
            text-transform: uppercase;
            }

    .quick-cart__item-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .quick-cart__quantity {
      display: flex;
    }

    .quick-cart__quantity-button {
      border-radius: 1px;
      background-color: var(--color-input);
        color: var(--color-input-text);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: var(--shadow-1);
            width: 21px;
            height: 21px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            }

    .quick-cart__item-total {
      width: 32px;
      height: 21px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .quick-cart__footer {
      border-top: 1px solid var(--color-drawer-border);
        padding: 20px;
        padding: var(--spacing-medium);
          display: none;
          }

    @media (min-width: 60em) {

      .quick-cart__footer {
        border-top: 1px solid var(--color-navigation-border)
          }
    }

    .quick-cart__footer.active {
      display: block;
    }

    .quick-cart__discounts {
      padding: 0;
      font-size: var(--font-size-body-extra-small);
        color: var(--color-navigation-text-meta);
          text-transform: uppercase;
          display: none;
          }

    .quick-cart__discounts.active {
      display: block;
    }

    .quick-cart__empty-state {
      padding: 0 10px;
      padding: 0 var(--spacing-small);
        color: var(--color-drawer-text);
          }

    @media (min-width: 60em) {

      .quick-cart__empty-state {
        color: var(--color-navigation-text-meta)
          }
    }

    @-webkit-keyframes fadeOutItemNav {
      from {
        background-color: var(--color-navigation-bg-meta);
          }
      to {
        background-color: transparent;
      }
    }

    @keyframes fadeOutItemNav {
      from {
        background-color: var(--color-navigation-bg-meta);
          }
      to {
        background-color: transparent;
      }
    }

    @-webkit-keyframes fadeOutItemDrawer {
      from {
        background-color: var(--color-drawer-bg-meta);
          }
      to {
        background-color: transparent;
      }
    }

    @keyframes fadeOutItemDrawer {
      from {
        background-color: var(--color-drawer-bg-meta);
          }
      to {
        background-color: transparent;
      }
    }

    .cart__item {
      display: flex;
      width: 100%;
    }

    .cart__item--highlight {
      -webkit-animation: fadeOutItemDrawer 2s linear;
      animation: fadeOutItemDrawer 2s linear;
    }

    @media (min-width: 60em) {

      .cart__item--highlight {
        -webkit-animation: fadeOutItemNav 2s linear;
        animation: fadeOutItemNav 2s linear
      }
    }

    .quick-cart__tabs {
      margin: 0;
      padding: 10px;
      padding: var(--spacing-small);
        border-bottom: 1px solid var(--color-drawer-border);
          position: relative;
          }

    @media (min-width: 60em) {

      .quick-cart__tabs {
        border-bottom: 1px solid var(--color-navigation-border)
          }
    }

    .quick-cart__tabs > li {
      display: inline-block;
      padding: 10px;
      padding: var(--spacing-small);
        color: var(--color-drawer-text-meta);
          }

    @media (min-width: 60em) {

      .quick-cart__tabs > li {
        color: var(--color-navigation-text-meta)
          }
    }

    .quick-cart__tabs > li a {
      color: inherit;
    }

    .quick-cart__tabs > li a.active {
      color: var(--color-drawer-text);
        }

    @media (min-width: 60em) {

      .quick-cart__tabs > li a.active {
        color: var(--color-navigation-text)
          }
    }

    .quick-cart__close {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 10px;
      right: var(--spacing-small);
        display: flex !important;
        align-items: center;
        display: block;
        cursor: pointer;
        }

    .quick-cart__close svg {
      width: 14px;
      height: 14px;
    }

    @media (min-width: 60em) {

      .quick-cart__close {
        display: none !important
      }
    }

    .quick-cart__image {
      width: 150px;
      flex-shrink: 0;
      padding: 10px;
      padding: var(--spacing-small);
        }

    .quick-cart__image .placeholder {
      padding-top: 75%;
    }

    .quick-cart__product-details {
      flex-grow: 1;
      width: 100%;
      padding: 10px;
      padding: var(--spacing-small);
        display: flex;
        flex-direction: column;
        }

    .quick-cart__product-details a {
      color: var(--color-drawer-text);
        }

    @media (min-width: 60em) {

      .quick-cart__product-details a {
        color: var(--color-navigation-text)
          }
    }

    .quick-cart__checkout-button {
      margin-top: 20px;
      margin-top: var(--spacing-medium);
        }

    .quick-shop {
      top: 0;
      width: 100%;
      padding: 10px;
      padding: var(--spacing-small);
        overflow: auto;
        background-color: var(--color-drawer-bg-meta);
          }

    @media (min-width: 60em) {

      .quick-shop {
        background-color: var(--color-navigation-bg-meta)
          }
    }

    .quick-shop select[name='id'] {
      display: none;
    }

    .quick-shop .no-js select[name='id'] {
      display: block;
    }

    .quick-shop input,
    .quick-shop select,
    .quick-shop textarea {
      font-size: var(--font-size-body-small);
        }

    .quick-shop input,
    .quick-shop select {
      height: 40px;
    }

    .quick-shop .select-wrapper::after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid var(--color-input-text);
        right: 13px;
        margin-top: -1px;
        }

    .quick-shop__product-title,
    .quick-shop__option,
    .quick-shop__input {
      color: var(--color-navigation-text);
        }

    .quick-shop__option {
      margin-bottom: 16px;
    }

    .quick-shop__input {
      margin-bottom: 20px;
      margin-bottom: var(--spacing-medium);
        }

    .quick-shop__heading {
      display: flex;
      margin-bottom: 16px;
    }

    .quick-shop__image {
      height: 100%;
      width: 130px;
      flex-shrink: 0;
    }

    .quick-shop__product-details {
      padding-right: 20px;
      padding-right: var(--spacing-medium);
        padding-left: 20px;
        padding-left: var(--spacing-medium);
          }

    .quick-shop__add-to-cart-button {
      width: 100%;
    }

    .quick-search__container {
      position: relative;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .quick-search__header {
      padding: 0 10px;
      padding: 0 var(--spacing-small);
        padding-top: 10px;
        padding-top: var(--spacing-small);
          padding-bottom: 5px;
          padding-bottom: var(--spacing-extra-small);
            opacity: 0.5;
            }

    .quick-search__result {
      display: block;
      padding: 10px;
      padding: var(--spacing-small);
        display: flex;
        align-items: center;
        border-radius: 4px;
        transition: background-color 0.25s;
        border: 1px solid transparent;
        }

    .quick-search__result:focus {
      outline: none;
      border: 1px dotted var(--color-drawer-text);
        }

    .quick-search__result:hover {
      background-color: var(--qs-background-hover);
        }

    .quick-search__result .hl {
      background-color: var(--color-accent);
        color: var(--color-button-text);
          font-weight: bold;
          }

    .quick-search__result-image {
      position: relative;
      width: 60px;
      height: 60px;
      margin-right: 20px;
      margin-right: var(--spacing-medium);
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
        overflow: hidden;
        background-color: var(--qs-background-hover);
          }

    .quick-search__result-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
    }

    .quick-search__result-image svg {
      opacity: 0.8;
    }

    .quick-search__result-details {
      width: 100%;
      overflow: hidden;
    }

    .quick-search__result-heading {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 80%;
    }

    .quick-search__result-subheading {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 80%;
      opacity: 0.5;
    }

    .quick-search__view-all {
      border-top: 1px solid var(--color-border);
        margin: 10px;
        margin: var(--spacing-small);
          margin-bottom: 0;
          padding: 10px 0;
          padding: var(--spacing-small) 0;
            }

    .quick-search__view-all > button {
      text-decoration: underline;
      outline: none;
      background-color: transparent;
      border: none;
      color: inherit;
      padding: 0;
    }

    .quick-search__view-all > button:focus {
      color: var(--color-text-link);
        }

    .responsive-image__wrapper {
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 0 auto;
    }

    .responsive-image__wrapper--align-right {
      margin: 0 0 0 auto;
    }

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

    .responsive-image__wrapper::before {
      content: '';
      position: relative;
      display: block;
    }

    .responsive-image__wrapper img {
      display: block;
      width: 100%;
    }

    .responsive-image__wrapper--full-height {
      height: 100%;
    }

    .responsive-image__image {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
    }

    .responsive-image__image:focus {
      outline-offset: -4px;
    }

    .search {
      --input-height: 50px;

        display: none;
        z-index: 11;
        position: absolute;
        right: 0;
        left: 0;
        margin-top: calc(var(--input-height) * -1);
          pointer-events: none;
          }

      .is-active .search {
        display: flex;
        align-items: flex-end;
      }

      .search__container {
        max-width: 1260px;
        max-width: var(--max-width);
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-left: 20px;
          padding-left: var(--spacing-medium);
            padding-right: 20px;
            padding-right: var(--spacing-medium);
              /* center-content mixin above */

              margin: 10px auto;

              margin: var(--spacing-small) auto;
                position: relative;
                pointer-events: all;
                }

      @media (min-width: 38em) {

        .search__container {
          padding-left: 40px;
          padding-left: var(--spacing-large);
            padding-right: 40px;
            padding-right: var(--spacing-large);
              }
      }

      .search__input-container {
        position: relative;
      }

      .search__input-actions {
        position: absolute;
        top: 10px;
        right: 10px;
        height: 30px;
        display: flex;
        align-items: center;
      }

      .search__input {
        border-radius: 1px;
        border: none;
        background-color: var(--color-input);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: var(--shadow-1);
            font-family: inherit;
            line-height: 1.5em;
            border-bottom: 1px solid transparent;

            width: 100%;
            height: var(--input-height);
              padding: 0 20px;
              padding: 0 var(--spacing-medium);
                }

      /* clears the 'X' from Internet Explorer */

      .search__input[type='search']::-ms-clear {
        display: none;
        width: 0;
        height: 0;
      }

      .search__input[type='search']::-ms-reveal {
        display: none;
        width: 0;
        height: 0;
      }

      /* clears the 'X' from Chrome */

      .search__input[type='search']::-webkit-search-decoration,
      .search__input[type='search']::-webkit-search-cancel-button,
      .search__input[type='search']::-webkit-search-results-button,
      .search__input[type='search']::-webkit-search-results-decoration {
        display: none;
      }

      .search__input::-moz-placeholder {
        color: var(--color-text-meta);
          }

      .search__input:-ms-input-placeholder {
        color: var(--color-text-meta);
          }

      .search__input::-ms-input-placeholder {
        color: var(--color-text-meta);
          }

      .search__input::placeholder {
        color: var(--color-text-meta);
          }

      .has-suggestions .search__input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 1px solid var(--color-border);
          box-shadow: none;
          }

      .search__input-clear {
        display: none;
        margin-right: 10px;
        margin-right: var(--spacing-small);
          color: var(--color-text-meta);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-size: var(--font-size-body-extra-small);
              text-decoration: none;
              }

      .has-active-query .search__input-clear {
        display: block;
      }

      .search__input-clear:hover {
        opacity: 0.5;
      }

      .search__input-close {
        margin-left: 10px;
        margin-left: var(--spacing-small);
          margin-right: 20px;
          margin-right: var(--spacing-medium);
            color: var(--color-text-meta);
              }

      .search__input-close:hover {
        opacity: 0.5;
      }

      .search__results {
        --qs-background-hover: var(--color-input-bg-hover);

          border-radius: 1px;
          border: none;
          background-color: var(--color-input);
            box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: var(--shadow-1);
              font-family: inherit;
              line-height: 1.5em;
              /* input mixin above */

              padding: 10px;

              padding: var(--spacing-small);
                color: var(--color-text);
                  display: none;
                  border-top-right-radius: 0;
                  border-top-left-radius: 0;
                  }

        .search__results::-moz-placeholder {
          color: var(--color-text-meta);
            }

        .search__results:-ms-input-placeholder {
          color: var(--color-text-meta);
            }

        .search__results::-ms-input-placeholder {
          color: var(--color-text-meta);
            }

        .search__results::placeholder {
          color: var(--color-text-meta);
            }

        @media (min-width: 38em) {

          .search__results {
            overflow: auto;
            max-height: calc(100vh - var(--header-offset-height))
              }
        }

        .has-suggestions .search__results {
          display: block;
        }

        .search__overlay {
          position: fixed;
          display: none;
          background-color: var(--color-bg-overlay);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            /* overlay mixin above */

            z-index: 8;
            }

        .is-active .search__overlay {
          display: block;
        }

        .share {
          color: var(--color-text-meta);
            }

        .share__icon {
          display: inline-block;
          width: 16px;
          margin-right: 10px;
          margin-right: var(--spacing-small);
            transition: color 0.08s;
            }

        .share__icon svg {
          width: 100%;
        }

        .share__icon:hover {
          color: var(--color-text);
            transition: color 0.08s;
            }

        .unit-price {
          display: none;
          margin-left: 5px;
          margin-left: var(--spacing-extra-small);
            }

        .unit-price--available {
          display: inline-block;
        }

        .unit-price__price {
          margin-left: 0;
        }

        .store-availability {
          position: relative;
          display: flex;
          margin-top: 20px;
          margin-top: var(--spacing-medium);
            padding: 20px;
            padding: var(--spacing-medium);
              background-color: var(--color-contrast-bg);
                }

        .store-availability.store-availability--available .store-availability__information-stock svg {
          color: var(--color-success-message);
            }

        .store-availability__information-title,
        .store-availability__information-stock {
          margin-top: 0;
          margin-bottom: 0;
        }

        .store-availability__information-stores {
          margin-top: 0;
          margin-bottom: 0;
        }

        .store-availability__information-stock {
          margin-top: 2px;
        }

        .store-availability__information-stock svg {
          color: var(--color-error-message);
            margin-right: 4px;
            }

        .store-availability__information-link {
          text-decoration: underline;
          color: var(--color-accent);
            }

        .store-availability__information-link:hover {
          opacity: 0.5;
        }

        .store-availability__information-link:active,
        .store-availability__information-link:focus {
          color: var(--color-accent);
            }

        .store-availability__store-list-wrapper {
          display: none;
        }

        .store-availability__store-list {
          padding-right: 20px;
          padding-right: var(--spacing-medium);
            padding-left: 20px;
            padding-left: var(--spacing-medium);
              }

        .store-availability-list__item {
          padding-top: 20px;
          padding-top: var(--spacing-medium);
            }

        .store-availability-list__item p {
          color: var(--color-drawer-text-meta);
            }

        .store-availability-list__item p:last-of-type {
          margin-bottom: 0;
        }

        .store-availability-list__item--available .store-availability-list__stock svg {
          color: var(--color-success-message);
            }

        .store-availability-list__stock {
          display: flex;
          align-items: center;
        }

        .store-availability-list__stock svg {
          color: var(--color-error-message);
            margin-right: 4px;
            }

        .store-availability__store-list-title {
          padding: 0 20px
            calc(10px + 5px);
          padding: 0 var(--spacing-medium)
            calc(var(--spacing-small) + var(--spacing-extra-small));
              border-bottom: 1px solid var(--color-drawer-border);
                }

        :root {
          --flyout-width: 355px;
            --availability-image-width: 100px;
          }

          .store-availability-flyout__drawer {
            width: 355px;
            width: var(--flyout-width);
              position: fixed;
              top: 0;
              right: calc(355px * -1);
              right: calc(var(--flyout-width) * -1);
                bottom: 0;
                z-index: 400;
                z-index: var(--z-index-flyouts);
                  display: flex;
                  flex-direction: column;
                  transition: all 0.25s;
                  }

          .is-visible .store-availability-flyout__drawer {
            right: 0;
            transition: all 0.25s;
          }

          .store-availability-flyout__overlay {
            z-index: 399;
            z-index: var(--z-index-flyouts-overlay);
              background-color: var(--color-bg-overlay);
                cursor: pointer;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                opacity: 0;
                visibility: hidden;
                transition: opacity var(--animation-duration) var(--animation-timing);
                  }

          .is-visible .store-availability-flyout__overlay {
            opacity: 1;
            visibility: visible;
          }

          .store-availability-flyout__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-right: 20px;
            padding-right: var(--spacing-medium);
              padding-left: 20px;
              padding-left: var(--spacing-medium);
                }

          .store-availability-flyout__header .icon {
            color: var(--color-drawer-text);
              width: 24px;
              width: var(--size-close-icon);
                height: 24px;
                height: var(--size-close-icon);
                  }

          .store-availability-flyout__inner {
            position: relative;
            padding-top: 20px;
            padding-top: var(--spacing-medium);
              padding-bottom: 20px;
              padding-bottom: var(--spacing-medium);
                width: 100%;
                display: none;
                overflow: auto;
                }

          .is-visible .store-availability-flyout__inner {
            display: flex;
            flex-direction: column;
          }

          .store-availability-flyout__close {
            position: absolute;
            top: 20px;
            top: var(--spacing-medium);
              right: 20px;
              right: var(--spacing-medium);
                }

          .store-availbility-flyout__content .store-availability__store-list-wrapper {
            display: block;
          }

          .store-availbility-flyout__product {
            padding-right: 20px;
            padding-right: var(--spacing-medium);
              padding-left: 20px;
              padding-left: var(--spacing-medium);
                }

          .store-availbility-flyout__product-card {
            display: flex;
            margin-top: 10px;
            margin-top: var(--spacing-small);
              margin-bottom: 20px;
              margin-bottom: var(--spacing-medium);
                }

          .store-availbility-flyout__product-card-image {
            width: 100px;
            width: var(--availability-image-width);
              flex-shrink: 0;
              }

          .store-availbility-flyout__product-card-image img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
          }

          .store-availbility-flyout__product-card-details {
            padding-right: 20px;
            padding-right: var(--spacing-medium);
              padding-left: 20px;
              padding-left: var(--spacing-medium);
                }

          .store-availbility-flyout__product-price {
            margin-right: 8px;
          }

          .store-availbility-flyout__product-price-wrapper,
          .store-availbility-flyout__product-card-options {
            color: var(--color-drawer-text-meta);
              }

          .modal {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 400;
            z-index: var(--z-index-flyouts);
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 20px;
              padding: var(--spacing-medium);
                visibility: hidden;
                transition: opacity 0.25s ease-in-out;
                }

          @media (min-width: 38em) {

            .modal {
              padding-top: 40px;
              padding-top: var(--spacing-large);
                padding-bottom: 40px;
                padding-bottom: var(--spacing-large)
                  }
          }

          @media (min-width: 38em) and (max-width: 60em) {

            .modal {
              padding-right: 4rem;
              padding-right: var(--spacing-extra-large);
                padding-left: 4rem;
                padding-left: var(--spacing-extra-large)
                  }
          }

          @media (min-width: 60em) {

            .modal {
              padding-right: 8rem;
              padding-right: var(--spacing-extra-extra-large);
                padding-left: 8rem;
                padding-left: var(--spacing-extra-extra-large)
                  }
          }

          .modal.is-visible {
            opacity: 1;
            visibility: visible;
          }

          .modal.is-active .modal-content {
            display: block;
          }

          .modal.is-active .modal__overlay {
            opacity: 1;
            transition: opacity 0.4s;
          }

          .modal__close-icon {
            position: absolute;
            right: 20px;
            right: var(--spacing-medium);
              top: 20px;
              top: var(--spacing-medium);
                }

          .modal__inner {
            position: relative;
            width: calc(600px + (20px * 2));
            width: calc(var(--max-width-centered-copy) + (var(--spacing-medium) * 2));
              max-height: calc(100vh - (20px * 2));
              max-height: calc(100vh - (var(--spacing-medium) * 2));
                margin: auto;
                background-color: var(--color-bg);
                  pointer-events: all;
                  padding: 20px;
                  padding: var(--spacing-medium);
                    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
                    box-shadow: var(--shadow-3);
                      overflow: auto;
                      opacity: 0;
                      transform: translateY(50px);
                      }

          @media (min-width: 38em) {

            .modal__inner {
              width: calc(
                600px + (4rem * 2)
              );
              width: calc(
                var(--max-width-centered-copy) + (var(--spacing-extra-large) * 2)
                );
                  padding: 4rem;
                  padding: var(--spacing-extra-large);
                    max-height: calc(100vh - (40px * 2));
                    max-height: calc(100vh - (var(--spacing-large) * 2))
                      }
          }

          .is-active .modal__inner {
            opacity: 1;
            transform: translateY(0);
            transition: transform 0.25s ease-in-out, opacity 0.15s ease-in-out;
          }

          .modal__overlay {
            background-color: var(--color-bg-overlay);
              position: fixed;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              opacity: 0;
              transition: opacity 0.4s;
              }

          .collage-section {
            overflow-y: hidden;
          }

          .collage {
            margin: 0 calc(10px * -1);
            margin: 0 calc(var(--spacing-small) * -1);
              /* Compensate for padding around individual collage items */
              margin-top: calc(10px * -1);
              margin-top: calc(var(--spacing-small) * -1);
                margin-bottom: calc(10px * -1);
                margin-bottom: calc(var(--spacing-small) * -1);
                  }

          .collage .content-overlay {
            padding: 20px;
            padding: var(--spacing-medium);
              }

          .collage__item {
            float: left;
            width: 50%;
            padding: 10px;
            padding: var(--spacing-small);
              overflow: hidden;
              }

          .collage__item-inner {
            background-color: var(--color-contrast-bg);
              position: relative;
              background-size: cover;
              background-position: center;
              overflow: hidden;
              padding-top: calc(70% - 10px);
              padding-top: calc(70% - var(--spacing-small));
                }

          .collage__item-inner--large {
            padding-top: 140%;
          }

          .collage__placeholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
          }

          .collage__video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
          }

          .section--dynamic-collage + .section--dynamic-collage > .section {
            margin-top: calc(20px * -1);
            margin-top: calc(var(--spacing-medium) * -1);
              }

          @media (min-width: 38em) {

            .section--dynamic-collage + .section--dynamic-collage > .section {
              margin-top: calc(40px * -1);
              margin-top: calc(var(--spacing-large) * -1)
                }
          }

          .featured-product {
            padding: 20px;
            padding: var(--spacing-medium);
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              flex-direction: column-reverse;
              }

          @media (min-width: 38em) {

            .featured-product {
              margin-top: 0
            }
          }

          @media (min-width: 60em) {

            .featured-product {
              flex-direction: row;
              flex-wrap: nowrap
            }
          }

          .featured-product__details {
            width: 100%;
            margin-top: 20px;
            margin-top: var(--spacing-medium);
              }

          @media (min-width: 60em) {

            .featured-product__details {
              width: 50%;
              padding: 20px;
              padding: var(--spacing-medium);
                padding-right: 20px;
                padding-right: var(--spacing-medium);
                  margin-top: 0;
                  max-width: 400px;
                  flex-shrink: 0
                  }
          }

          .featured-product__images {
            width: 100%;
          }

          @media (min-width: 60em) {

            .featured-product__images {
              padding: 20px;
              padding: var(--spacing-medium);
                max-width: 600px
                }
          }

          @media (max-width: 38em) {
            .featured-product__images a {
              display: block;
              line-height: 0;
            }

            .featured-product__images .product_thumbnail-list {
              margin-top: 0;
              margin-right: calc(20px * -1);
              margin-right: calc(var(--spacing-medium) * -1);
                margin-bottom: 10px;
                margin-bottom: var(--spacing-small);
                  margin-left: calc(20px * -1);
                  margin-left: calc(var(--spacing-medium) * -1);
                    padding-top: 10px;
                    padding-top: var(--spacing-small);
                      padding-right: 0;
                      padding-bottom: 0;
                      padding-left: calc(20px - 5px);
                      padding-left: calc(var(--spacing-medium) - var(--spacing-extra-small));
                        }

            .featured-product__images .product_thumbnail-list .product_thumbnail {
              margin: 0;
              padding: 5px;
              padding: var(--spacing-extra-small);
                }

            .featured-product__images .product_thumbnail-list .flickity-viewport {
              overflow: visible;
            }
          }

          .full-width-image {
            position: relative;
            overflow: hidden;
          }

          .full-width-image__placeholder {
            width: 100%;
            height: 100%;
          }

          .full-width-image__video {
            width: 100%;
            display: block;
          }

          .full-width-image--3_2 {
            padding-top: calc((2 / 3) * 100%);
          }

          .full-width-image--3_2 .full-width-image__placeholder {
            position: absolute;
            top: 0;
          }

          .full-width-image--3_2 .full-width-image__video {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            -o-object-fit: cover;
            object-fit: cover;
          }

          .full-width-image--3_2 .full-width-image__image {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
          }

          .full-width-image--3_2 .full-width-image__image img {
            position: absolute;
            -o-object-fit: cover;
            object-fit: cover;
          }

          .full-width-image--3_2 .full-width-image__image .responsive-image__image {
            position: absolute;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100% !important;
          }

          .full-width-image .responsive-image__wrapper,
          .full-width-image .responsive-image__image {
            max-width: 100% !important;
            max-height: 100% !important;
            width: 100% !important;
            height: auto !important;
          }

          .images-with-text {
            color: var(--color-contrast-text);
              }

          .images-with-text__container {
            display: flex;
            flex-wrap: wrap;
            margin: 0 calc(10px * -1);
            margin: 0 calc(var(--spacing-small) * -1);
              margin-top: 0;
              margin-bottom: calc(20px * -1);
              margin-bottom: calc(var(--spacing-medium) * -1);
                }

          @media (min-width: 38em) {

            .images-with-text__container {
              margin-bottom: calc(
                (20px + 5px) * -1
              );
              margin-bottom: calc(
                (var(--spacing-medium) + var(--spacing-extra-small)) * -1
                )
                  }
          }

          .images-with-text__item {
            width: 100%;
            padding-right: 10px;
            padding-right: var(--spacing-small);
              padding-bottom: 20px;
              padding-bottom: var(--spacing-medium);
                padding-left: 10px;
                padding-left: var(--spacing-small);
                  }

          @media (min-width: 38em) {

            .images-with-text__item {
              width: 50%
            }
          }

          .images-with-text__item-inner {
            background-color: var(--color-contrast-bg);
              }

          .images-with-text__heading {
            margin: 0;
          }

          .images-with-text__subheading {
            margin-top: 20px;
            margin-top: var(--spacing-medium);
              margin-bottom: 0;
              line-height: 1.5em;
              line-height: var(--line-height-body);
                }

          .images-with-text__placeholder {
            height: 300px;
          }

          .map__placeholder {
            width: 100%;
            height: 600px;
          }

          .map p {
            margin: 0;
          }

          .parallax {
            position: relative;
            overflow: hidden;
          }

          .parallax__placeholder {
            width: 100%;
            height: 100%;
          }

          .parallax .simpleParallax {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
          }

          .parallax-slideshow .simpleParallax {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
          }

          .slideshow {
            transition: opacity 0.5s;
            width: 100%;
          }

          .slideshow.hidden {
            opacity: 0;
            transition: opacity 0s;
          }

          .slideshow > ul {
            margin: 0;
            padding: 0;
          }

          .slideshow__slide-link {
            display: block !important;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: transparent;
          }

          .slideshow__slide {
            display: block !important;
            width: 100%;
            position: relative;
            margin: 0;
            padding: 0;
          }

          .slideshow__slide--full_height {
            padding-top: 100vh;
          }

          .slideshow__slide--3_2 {
            padding-top: calc((2 / 3) * 100%);
          }

          .slideshow__slide--full_height .slideshow__video, .slideshow__slide--3_2 .slideshow__video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
          }

          .slideshow__slide--full_height .slideshow__image, .slideshow__slide--3_2 .slideshow__image {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
          }

          .slideshow__slide--full_height .slideshow__image .responsive-image__image, .slideshow__slide--3_2 .slideshow__image .responsive-image__image {
            position: absolute;
            -o-object-fit: cover;
            object-fit: cover;
            height: 100% !important;
          }

          .slideshow__slide--full_height .slideshow__placeholder, .slideshow__slide--3_2 .slideshow__placeholder {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
          }

          .slideshow__video {
            width: 100%;
            display: block;
          }

          .slideshow__placeholder {
            width: 100%;
            height: 60vh;
          }

          .slideshow__overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 9;
          }

          .slideshow__content-wrap {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            z-index: 10;
            display: flex;
            flex-direction: column;
          }

          .slideshow__content-wrap--middle {
            justify-content: center;
          }

          .slideshow__content-wrap--bottom {
            justify-content: flex-end;
          }

          .slideshow__content {
            width: 100%;
            max-width: 1260px;
            max-width: var(--max-width);
              margin: 0 auto;
              padding: calc(40px + 20px)
              20px;
              padding: calc(var(--spacing-large) + var(--spacing-medium))
                var(--spacing-medium);
                  }

          @media (min-width: 38em) {

            .slideshow__content {
              padding: calc(40px + 20px)
                40px;
              padding: calc(var(--spacing-large) + var(--spacing-medium))
                var(--spacing-large)
                  }
          }

          .slideshow__content-inner {
            display: flex;
            flex-direction: column;
            padding: 20px 0;
            padding: var(--spacing-medium) 0;
              transition: opacity 0.25s ease;
              opacity: 0;
              }

          .header-transparent .slideshow__content-inner,
          .header-sticky .slideshow__content-inner {
            opacity: 1;
          }

          .header-transparent .transparent-section .slideshow__content-inner {
            margin-top: calc(var(--header-height) - var(--announcement-height));
              }

          .slideshow__content-inner--left > * {
            margin-right: auto;
          }

          .slideshow__content-inner--center {
            text-align: center;
          }

          .slideshow__content-inner--center > * {
            margin-left: auto;
            margin-right: auto;
          }

          .slideshow__content-inner--right {
            text-align: right;
          }

          .slideshow__content-inner--right > * {
            margin-left: auto;
          }

          .slideshow__content-inner * + * {
            margin-top: 20px !important;
            margin-top: var(--spacing-medium) !important;
              }

          .slideshow .slideshow__heading {
            margin-top: 0;
            margin-bottom: 0;
            font-weight: var(--font-heading-bold-weight);
              }

          .slideshow .slideshow__subheading {
            margin-top: 0;
            margin-bottom: 0;
          }

          .slideshow .slideshow__link {
            margin-top: 0;
            margin-bottom: 0;
          }

          .slideshow .responsive-image__wrapper,
          .slideshow .responsive-image__image {
            max-width: 100% !important;
            max-height: 100% !important;
            width: 100% !important;
            height: auto !important;
          }

          .slideshow .is-single .flickity-page-dots {
            display: none;
          }

          .slideshow .flickity-page-dots {
            bottom: calc(20px + 5px);
            bottom: calc(var(--spacing-medium) + var(--spacing-extra-small));
              }

          .slideshow .flickity-page-dots .dot {
            opacity: 1;
            background-color: rgba(255, 255, 255, 0.4);
          }

          .slideshow .flickity-page-dots .dot.is-selected {
            border: 2px solid white;
          }

          .no-js .slideshow.hidden {
            opacity: 1 !important;
          }

          .text-columns.text-columns--standard {
            border: 1px solid transparent;
            color: var(--color-contrast-text);
              }

          .text-columns.text-columns--standard .text-columns__feature {
            background-color: var(--color-contrast-bg);
              border: 1px solid transparent;
              }

          @media (min-width: 38em) {

            .text-columns.text-columns--standard {
              background-color: var(--color-contrast-bg)
                }
          }

          .text-columns.text-columns--outline .text-columns__feature {
            border: 1px solid var(--color-border);
              }

          @media (min-width: 38em) {

            .text-columns.text-columns--outline .text-columns__feature {
              border-color: transparent
            }
          }

          @media (min-width: 38em) {

            .text-columns.text-columns--outline {
              border: 1px solid var(--color-border)
                }
          }

          @media (min-width: 38em) {

            .text-columns {
              padding: 20px;
              padding: var(--spacing-medium)
                }
          }

          .text-columns .responsive-image__wrapper {
            margin: 0;
          }

          @media (max-width: 38em) {

            .text-columns__heading {
              margin: 0 0 20px 0;
              margin: 0 0 var(--spacing-medium) 0
                }
          }

          @media (min-width: 38em) {

            .text-columns__heading {
              padding-top: 10px;
              padding-top: var(--spacing-small);
                padding-left: 20px;
                padding-left: var(--spacing-medium);
                  padding-right: 20px;
                  padding-right: var(--spacing-medium)
                    }
          }

          .text-columns__content {
            display: flex;
            flex-wrap: wrap;
          }

          .text-columns__feature {
            width: 100%;
            margin-bottom: 20px;
            margin-bottom: var(--spacing-medium);
              padding: 20px;
              padding: var(--spacing-medium);
                }

          @media (max-width: 38em) {

            .text-columns__feature:last-of-type {
              margin-bottom: 0
            }
          }

          @media (min-width: 38em) {

            .text-columns__feature {
              margin: 0
            }
          }

          @media (min-width: 38em) {

            .text-columns__feature--1,
            .text-columns__feature--2 {
              width: 50%
            }
          }

          @media (min-width: 38em) and (max-width: 60em) {

            .text-columns__feature--3,
            .text-columns__feature--4,
            .text-columns__feature--5,
            .text-columns__feature--6 {
              width: 50%
            }
          }

          @media (min-width: 60em) {

            .text-columns__feature--3,
            .text-columns__feature--4,
            .text-columns__feature--5,
            .text-columns__feature--6 {
              width: calc((1 / 3) * 100%)
            }
          }

          .video {
            background-color: var(--color-contrast-bg);
              color: var(--color-contrast-text);
                }

          .video__heading {
            margin: 0 auto;
          }

          .video__heading + .video__subheading {
            margin-top: 10px;
            margin-top: var(--spacing-small);
              }

          .video__subheading {
            margin: 0 auto;
          }

          .video__wrapper {
            position: relative !important;
            max-width: 100%;
            padding-top: 56.25%;
          }

          .video__meta-text {
            position: absolute;
            z-index: 5;
            left: 0;
            right: 0;
            padding: 20px;
            padding: var(--spacing-medium);
              max-width: 30em;
              }

          .video .video__play-button {
            background: var(--color-bg);
              width: 76px;
              height: 76px;
              border-radius: 100%;
              box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
              box-shadow: var(--shadow-1);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                }

          .video .video__play-button svg {
            width: 46px;
            height: 46px;
            fill: var(--color-text-meta);
              }

          .video .video__container {
            position: absolute;
            top: 0;
            width: 100%;
            min-height: 100px;
          }

          .video .video__container iframe {
            display: block;
            position: absolute;
            top: 0;
          }

          .video .video__player {
            width: 100%;
          }

          .video__overlay {
            opacity: 0;
            transition: opacity 0.25s;
            pointer-events: none;
            z-index: 1;
          }

          .video__overlay.visible {
            opacity: 1;
            transition: opacity 0.25s;
            pointer-events: all;
          }

          .video__wash {
            z-index: 2;
          }

          .video__image {
            background-size: cover;
            z-index: 2;
          }

          .video__placeholder,
          .video__placeholder-image {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
          }

          .blog-posts__list {
            list-style-type: none;
            padding: 0;
          }

          .blog-posts__post {
            width: 100%;
            display: flex;
            flex-wrap: wrap-reverse;
            flex-direction: row-reverse;
          }

          .blog-posts__content {
            width: 100%;
            padding: 20px;
            padding: var(--spacing-medium);
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              }

          @media (min-width: 38em) and (max-width: 60em) {

            .blog-posts__content {
              width: 50%
            }
          }

          @media (min-width: 60em) {

            .blog-posts__content {
              width: calc((1 / 3) * 100%);
              padding: 40px;
              padding: var(--spacing-large)
                }
          }

          .blog-posts__image {
            width: 100%;
          }

          @media (min-width: 38em) and (max-width: 60em) {

            .blog-posts__image {
              width: 50%
            }
          }

          @media (min-width: 60em) {

            .blog-posts__image {
              width: calc((2 / 3) * 100%)
            }
          }

          .featured-collection {
            display: flex;
            flex-wrap: wrap;
            padding: 20px 20px 10px
              20px;
            padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small)
              var(--spacing-medium);
                }

          .featured-collection__subheading {
            max-width: 32em;
            margin-left: auto;
            margin-right: auto;
          }

          @media (min-width: 38em) {

            .featured-collection {
              padding: calc(40px - 10px);
              padding: calc(var(--spacing-large) - var(--spacing-small))
                }
          }

          @media (min-width: 38em) {

            .featured-collection--left .featured-collection__details {
              width: 25%;
              text-align: left
            }
          }

          @media (min-width: 38em) {

            .featured-collection--left .featured-collection__content {
              width: 75% !important
            }
          }

          @media (min-width: 38em) {

            .featured-collection--right {
              flex-direction: row-reverse
            }
          }

          @media (min-width: 38em) {

            .featured-collection--right .featured-collection__details {
              width: 25%;
              text-align: left
            }
          }

          @media (min-width: 38em) {

            .featured-collection--right .featured-collection__content {
              width: 75% !important
            }
          }

          .featured-collection--center .featured-collection__details > h2 {
            margin-left: auto;
            margin-right: auto;
          }

          .featured-collection--center .featured-collection__content {
            width: 100%;
          }

          .featured-collection__details {
            text-align: center;
            margin: 0 auto;
            padding: 0 10px 20px 10px;
            padding: 0 var(--spacing-small) var(--spacing-medium) var(--spacing-small);
              }

          .featured-collection__content {
            display: flex;
            flex-wrap: wrap;
            width: 100vw !important;
            margin-left: -40px;
          }

          @media (min-width: 38em) {

            .featured-collection__content {
              width: 100%;
              margin-left: auto
            }
          }

          .featured-collection__item {
            padding: 10px;
            padding: var(--spacing-small);
              }

          .featured-collection__item--1 {
            width: 100%;
          }

          .featured-collection__item--2 {
            width: 50%;
          }

          .featured-collection__item--3 {
            width: calc((1 / 3) * 100%);
          }

          @media (min-width: 38em) and (max-width: 60em) {

            .featured-collection__item--4 {
              width: calc((1 / 3) * 100%)
            }
          }

          @media (min-width: 60em) {

            .featured-collection__item--4 {
              width: 25%
            }
          }

          .newsletter__container {
            text-align: center;
            padding: 20px;
            padding: var(--spacing-medium);
              }

          @media (min-width: 38em) {

            .newsletter__container {
              padding: 60px 40px;
              padding: 60px var(--spacing-large)
                }
          }

          .newsletter__heading {
            margin: 0 auto 20px auto;
            margin: 0 auto var(--spacing-medium) auto;
              max-width: 500px;
              display: block;
              }

          .newsletter__subheading {
            margin: 0 auto 40px auto;
            margin: 0 auto var(--spacing-large) auto;
              max-width: 500px;
              }

          @media (max-width: 38em) {

            .newsletter__subheading {
              margin-bottom: 20px;
              margin-bottom: var(--spacing-medium)
                }
          }

          .newsletter__input-container {
            width: 100%;
            max-width: 500px;
            position: relative;
            margin: 0 auto;
          }

          .newsletter__input {
            width: 100%;
            height: 48px;
            padding-left: 16px;
            padding-right: 16px;
            border-radius: 3px;
          }

          .newsletter__submit-button {
            position: absolute;
            right: 10px;
            right: var(--spacing-small);
              top: 2px;
              bottom: 2px;
              font-size: var(--font-size-body-base);
                font-family: var(--font-body);
                  color: var(--color-accent);
                    border: none;
                    background: none;
                    transition: opacity 0.25s;
                    }

          .newsletter__submit-button:hover {
            opacity: 0.5;
            transition: opacity 0.25s;
          }

          .newsletter__submit-button > span {
            text-decoration: underline;
          }

          .social-icons__wrapper {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
          }

          .social-icons__icon {
            display: flex;
            align-items: center;
            justify-content: space-around;
            width: 60px;
            height: 60px;
            background-color: var(--color-bg);
              border-radius: 100%;
              box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
              box-shadow: var(--shadow-1);
                margin: 6px;
                }

          .social-icons__icon svg {
            fill: var(--color-text-meta);
              }

          .testimonials__quote-mark {
            text-align: center;
            opacity: 0.25;
            padding-top: calc(20px + 40px);
            padding-top: calc(var(--spacing-medium) + var(--spacing-large));
              }

          .testimonials__pagination {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin-bottom: calc(20px + 40px);
            margin-bottom: calc(var(--spacing-medium) + var(--spacing-large));
              }

          @media (max-width: 38em) {
            .testimonials__pagination > * {
              display: none;
            }
          }

          .testimonials__icon {
            opacity: 0.25;
            transition: opacity 1s ease;
            cursor: pointer;
            margin-top: 20px;
            margin-top: var(--spacing-medium);
              margin-bottom: 5px;
              margin-bottom: var(--spacing-extra-small);
                }

          .testimonials__icon.active {
            opacity: 1;
          }

          .testimonials .flickity-viewport {
            transition: height 0.4s;
          }

          .testimonials .flickity-page-dots {
            position: relative;
            bottom: 0;
            padding-top: 20px;
            padding-top: var(--spacing-medium);
              }

          .testimonials .dot {
            width: 8px;
            height: 8px;
          }

          @media (min-width: 38em) {
            .testimonials--has-images .flickity-page-dots {
              display: none;
            }
          }

          .testimonials--single .flickity-page-dots {
            display: none;
          }

          /* https://github.com/metafizzy/flickity-fade/issues/1#issuecomment-486778382 */

          .testimonials__slide {
            display: none;
            width: 100%;
            padding: 0 20px;
            padding: 0 var(--spacing-medium);
              }

          .testimonials__slide:first-of-type {
            display: block;
          }

          .flickity-enabled .testimonials__slide {
            display: block;
          }

          @media (min-width: 38em) {
            .testimonials__slide .testimonials__icon {
              display: none;
            }
          }

          .about__featured-wrapper {
            min-height: 100vh;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-bottom: 8rem;
            margin-bottom: var(--spacing-extra-extra-large);
              background-size: cover;
              background-position: center center;
              opacity: 0;
              transition: opacity 0.25s ease;
              }

          .header-transparent .about__featured-wrapper {
            margin-top: calc(var(--announcement-height) * -1);
              }

          .header-transparent .about__featured-wrapper,
          .header-sticky .about__featured-wrapper {
            opacity: 1;
          }

          .about__image-overlay {
            position: relative;
            z-index: 5;
            color: var(--color-text);
              padding: 40px 0;
              padding: var(--spacing-large) 0;
                }

          .about__image-overlay .about__subheading {
            margin-bottom: 0;
          }

          .about__image-overlay-content {
            z-index: 5;
            opacity: 0;
            transition: opacity 0.25s ease;
          }

          .header-transparent .about__image-overlay-content,
          .header-sticky .about__image-overlay-content {
            opacity: 1;
          }

          .header-transparent .about__image-overlay-content {
            padding-top: calc(var(--header-height) - 24px);
          }

          .about__breadcrumbs {
            font-size: var(--font-size-body-small);
              }

          .about__heading {
            margin-bottom: 20px;
            margin-bottom: var(--spacing-medium);
              }

          .about__subheading {
            padding: 0 20px;
            padding: 0 var(--spacing-medium);
              max-width: 600px;
              margin: 0 auto 40px auto;
              margin: 0 auto var(--spacing-large) auto;
                }

          @media (min-width: 38em) {

            .about__subheading {
              margin-bottom: 8rem;
              margin-bottom: var(--spacing-extra-extra-large)
                }
          }

          .about__copy {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 8rem;
            margin-bottom: var(--spacing-extra-extra-large);
              padding: 0 20px;
              padding: 0 var(--spacing-medium);
                }

          @media (min-width: 38em) {

            .about__copy {
              margin-bottom: 8rem;
              margin-bottom: var(--spacing-extra-extra-large);
                padding: 0 40px;
                padding: 0 var(--spacing-large)
                  }
          }

          .about__copy .grid {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            width: calc(100vw - 30px);
            margin: 40px calc(5px * -1);
            margin: var(--spacing-large) calc(var(--spacing-extra-small) * -1);
              }

          @media (min-width: 38em) {

            .about__copy .grid {
              width: calc(100vw - 60px);
              margin: calc(4rem + 20px)
                calc(10px * -1);
              margin: calc(var(--spacing-extra-large) + var(--spacing-medium))
                calc(var(--spacing-small) * -1)
                  }
          }

          @media (min-width: 680px) {

            .about__copy .grid {
              width: calc(100vw - 60px);
              margin-left: calc(-100vw / 2 + 660px / 2);
              margin-right: calc(-100vw / 2 + 660px / 2)
            }
          }

          @media (min-width: 1260px) {

            .about__copy .grid {
              width: 1200px;
              margin-left: calc(-1180px / 2 + 580px / 2);
              margin-right: calc(-1180px / 2 + 580px / 2)
            }
          }

          .about__copy .grid img {
            width: 100%;
            height: auto;
            display: block;
          }

          .about__copy .grid > div,
          .about__copy .grid > img,
          .about__copy .grid > p {
            padding: 5px;
            padding: var(--spacing-extra-small);
              width: 100%;
              margin: 0;
              }

          @media (min-width: 38em) {

            .about__copy .grid > div,
            .about__copy .grid > img,
            .about__copy .grid > p {
              padding: 10px;
              padding: var(--spacing-small)
                }
          }

          .about__copy .grid .small {
            width: 50%;
          }

          :root {
            --collection-element-height: 38px;
            }

            .collection__container {
              max-width: 1260px;
              max-width: var(--max-width);
                margin-left: auto;
                margin-right: auto;
                padding-left: 20px;
                padding-left: var(--spacing-medium);
                  padding-right: 20px;
                  padding-right: var(--spacing-medium);
                    /* center-content mixin above */
                    }

            @media (min-width: 38em) {

              .collection__container {
                padding-left: 40px;
                padding-left: var(--spacing-large);
                  padding-right: 40px;
                  padding-right: var(--spacing-large)
                    }
            }

            .collection__bar {
              background-color: var(--color-contrast-bg);
                color: var(--color-contrast-text);
                  padding: 0 10px;
                  padding: 0 var(--spacing-small);
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: space-between;
                    }

            .collection__bar-view {
              font-size: var(--font-size-body-small);
                padding-right: 10px;
                padding-right: var(--spacing-small);
                  }

            @media (max-width: 38em) {

              .collection__bar-view {
                width: 100%;
                padding: 10px 0;
                padding: var(--spacing-small) 0;
                  border-top: 1px solid var(--color-contrast-border)
                    }
            }

            .collection__bar-view a {
              text-decoration: underline;
              margin-left: 10px;
              margin-left: var(--spacing-small);
                }

            .collection__bar-view a.active {
              text-decoration: none;
              pointer-events: none;
            }

            .collection__products {
              display: flex;
              flex-wrap: wrap;
              margin-top: 20px;
              margin-top: var(--spacing-medium);
                margin-left: calc(5px * -1);
                margin-left: calc(var(--spacing-extra-small) * -1);
                  margin-right: calc(5px * -1);
                  margin-right: calc(var(--spacing-extra-small) * -1);
                    }

            @media (min-width: 38em) {

              .collection__products {
                margin-left: calc(10px * -1);
                margin-left: calc(var(--spacing-small) * -1);
                  margin-right: calc(10px * -1);
                  margin-right: calc(var(--spacing-small) * -1)
                    }
            }

            .collection__button {
              display: inline-flex;
              align-items: center;
              border: 1px solid var(--color-bg);
                background-color: var(--color-bg);
                  color: var(--color-text);
                    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: var(--shadow-1);
                      height: 38px;
                      height: var(--collection-element-height);
                        font-family: var(--font-body);
                          font-weight: var(--font-body-weight);
                            font-style: var(--font-body-style);
                              padding: 0 10px;
                              padding: 0 var(--spacing-small);
                                margin-top: 10px;
                                margin-top: var(--spacing-small);
                                  margin-bottom: 10px;
                                  margin-bottom: var(--spacing-small);
                                    margin-right: 10px;
                                    margin-right: var(--spacing-small);
                                      border-radius: 1px;
                                      }

            .collection__button svg {
              color: var(--color-text-meta);
                width: 20px;
                height: 20px;
                margin-left: 5px;
                margin-left: var(--spacing-extra-small);
                  }

            .collection__tags {
              display: inline-flex;
              flex-wrap: wrap;
              margin: 0;
              padding: 0;
            }

            .collection__tag {
              display: flex;
              border-radius: 2px;
              border-radius: var(--radius-2);
                border: 1px solid var(--color-contrast-border);
                  padding-left: 10px;
                  padding-left: var(--spacing-small);
                    padding-right: 10px;
                    padding-right: var(--spacing-small);
                      margin: 0 10px 10px 0;
                      margin: 0 var(--spacing-small) var(--spacing-small) 0;
                        align-items: center;
                        height: 38px;
                        height: var(--collection-element-height);
                          }

            .collection__tag strong {
              margin-right: 5px;
            }

            .collection__tag span {
              width: 12px;
              height: 12px;
              margin-left: 10px;
              margin-left: var(--spacing-small);
                line-height: 0;
                cursor: pointer;
                color: var(--color-contrast-text-meta);
                  }

            .collection__tag span svg {
              width: 100%;
              height: 100%;
            }

            .collection__details {
              flex-grow: 1;
              width: 100%;
              padding: 20px;
              padding: var(--spacing-medium);
                }

            @media (min-width: 38em) {

              .collection__details {
                width: calc(100% / 3);
                padding: 40px;
                padding: var(--spacing-large)
                  }

              .collection__details--no-image {
                padding: 8rem 40px;
                padding: var(--spacing-extra-extra-large) var(--spacing-large);
                  }
            }

            .collection__details .measure {
              max-width: 32em;
            }

            .collection__image {
              width: 100%;
              background-size: cover;
              background-position: center;
              padding-top: 90%;
            }

            @media (min-width: 38em) {

              .collection__image {
                width: 50%;
                padding-top: 50%
              }
            }

            @media (min-width: 60em) {

              .collection__image {
                width: calc((2 / 3) * 100%)
              }
            }

            .contact {
              max-width: 1260px;
              max-width: var(--max-width);
                margin-left: auto;
                margin-right: auto;
                padding-left: 20px;
                padding-left: var(--spacing-medium);
                  padding-right: 20px;
                  padding-right: var(--spacing-medium);
                    /* center-content mixin above */

                    margin-bottom: 40px;

                    margin-bottom: var(--spacing-large);
                      max-width: 860px;
                      max-width: var(--max-width-small);
                        }

            @media (min-width: 38em) {

              .contact {
                padding-left: 40px;
                padding-left: var(--spacing-large);
                  padding-right: 40px;
                  padding-right: var(--spacing-large);
                    }
            }

            .contact__container {
              display: flex;
              flex-wrap: wrap;
            }

            @media (min-width: 38em) {

              .contact__container {
                padding: 20px;
                padding: var(--spacing-medium)
                  }
            }

            .contact__details {
              padding: 20px;
              padding: var(--spacing-medium);
                width: 100%;
                }

            .contact__details p {
              margin: 0;
            }

            @media (min-width: 38em) and (max-width: 60em) {

              .contact__details {
                width: 50%
              }
            }

            @media (min-width: 60em) {

              .contact__details {
                width: calc((1 / 3) * 100%)
              }
            }

            .contact__social {
              margin-top: 20px;
              margin-top: var(--spacing-medium);
                }

            .contact__social li {
              margin-bottom: 10px;
              margin-bottom: var(--spacing-small);
                padding: 0 10px 0 0;
                padding: 0 var(--spacing-small) 0 0;
                  }

            .contact__social svg {
              fill: var(--color-contrast-text-meta);
                width: 20px;
                height: 20px;
                }

            .contact__form {
              padding: 20px;
              padding: var(--spacing-medium);
                width: 100%;
                }

            @media (min-width: 38em) and (max-width: 60em) {

              .contact__form {
                width: 50%
              }
            }

            @media (min-width: 60em) {

              .contact__form {
                width: calc((2 / 3) * 100%)
              }
            }

            .contact__form .rte {
              margin-bottom: 40px;
              margin-bottom: var(--spacing-large);
                }

            .contact__form label {
              display: none;
            }

            .contact__form input,
            .contact__form textarea {
              margin-bottom: 20px;
              margin-bottom: var(--spacing-medium);
                }

            .contact__form .errors ul {
              margin: 20px;
              margin: var(--spacing-medium);
                padding: 0;
                }

            .drawer-menu {
              --menu-width: 355px;
                --menu-max-width: calc(100vw - 50px);
                --header-height: 84px;
                --item-height: 48px;
                --animation-duration: 0.35s;
                --animation-timing: ease-in-out;

                display: none;
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1000;
              }

              .drawer-menu.active {
                display: block;
              }

              .drawer-menu.visible .drawer-menu__overlay {
                opacity: 1;
              }

              .drawer-menu.visible .drawer-menu__panel {
                transform: translateX(0);
              }

              .drawer-menu__overlay {
                background-color: var(--color-bg-overlay);
                  cursor: pointer;
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  opacity: 0;
                  transition: opacity var(--animation-duration) var(--animation-timing);
                    }

              .drawer-menu__panel {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                z-index: 100;
                color: var(--color-drawer-text);
                  background-color: var(--color-drawer-bg);
                    width: 335px;
                    width: var(--menu-width);
                      max-width: var(--menu-max-width);
                        transform: translateX(-100%);
                        transition: transform var(--animation-duration) var(--animation-timing);
                          display: flex;
                          flex-direction: column;
                          }

              .drawer-menu__header {
                padding-top: 20px;
                padding-top: var(--spacing-medium);
                  padding-right: 20px;
                  padding-right: var(--spacing-medium);
                    padding-bottom: 40px;
                    padding-bottom: var(--spacing-large);
                      padding-left: 20px;
                      padding-left: var(--spacing-medium);
                        font-family: var(--font-logo);
                          font-weight: var(--font-logo-weight);
                            font-style: var(--font-logo-style);
                              font-size: 24px;
                              display: flex;
                              justify-content: space-between;
                              align-items: flex-start;
                              }

              .drawer-menu__logo {
                width: 100%;
                max-width: 85%;
                max-height: 250px;
              }

              .drawer-menu__close {
                height: 24px;
                width: 24px;
              }

              .drawer-menu__close .icon {
                display: flex;
              }

              .drawer-menu__bottom {
                width: 100%;
                height: 100%;
                overflow: hidden;
              }

              .drawer-menu__all-links {
                position: relative;
                display: flex;
                flex-direction: column;
                /* justify-content: flex-end; */
                transition: transform 0.5s;
                height: 100%;
              }

              .drawer-menu__all-links[data-depth='0'] {
                transform: translateX(0);
              }

              .drawer-menu__all-links[data-depth='1'] {
                transform: translateX(-100%);
              }

              .drawer-menu__all-links ul {
                margin: 0;
                padding: 0;
              }

              .drawer-menu__contents {
                flex-shrink: 1;
                overflow-y: scroll;
              }

              /* This one gets dynamic sizing */

              .drawer-menu__main {
                transition: height 0.35s;
                overflow: hidden;
              }

              /* This one gets shifted over */

              .drawer-menu__primary-links {
                position: relative;
                transition: transform 0.5s;
              }

              .drawer-menu__primary-links[data-depth='0'] {
                transform: translateX(0);
              }

              .drawer-menu__primary-links[data-depth='1'] {
                transform: translateX(-100%);
              }

              .drawer-menu__primary-links[data-depth='2'] {
                transform: translateX(-200%);
              }

              .drawer-menu__primary-links[data-depth='3'] {
                transform: translateX(-300%);
              }

              .drawer-menu__primary-links[data-depth='4'] {
                transform: translateX(-400%);
              }

              .drawer-menu__list {
                width: 335px;
                width: var(--menu-width);
                  max-width: var(--menu-max-width);
                    }

              .drawer-menu__list--sub {
                position: absolute;
                top: 0;
                left: 100%;

                opacity: 0;
                pointer-events: none;
                visibility: hidden;
                transition: visibility 1s, opacity 0.35s;
              }

              .drawer-menu__list--sub.visible {
                opacity: 1;
                transition: visibility 0s, opacity 0.35s;
                pointer-events: all;
                visibility: visible;
              }

              .drawer-menu__item {
                list-style: none;
                margin: 0;
                padding: 0;
              }

              .drawer-menu__item .icon {
                /* background-color: orange; */
                width: 16px;
                height: 16px;
              }

              .drawer-menu__item.drawer-menu__item--heading {
                padding-bottom: 16px;
              }

              .drawer-menu__item.drawer-menu__item--heading:after {
                content: '';
                height: 1px;
                background-color: var(--color-drawer-border);
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin-top: 5px;
                  margin-top: var(--spacing-extra-small);
                    }

              .drawer-menu__link {
                height: var(--item-height);
                  min-width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  padding: 0 20px;
                  padding: 0 var(--spacing-medium);
                    font-family: inherit;
                    font-size: inherit;
                    border-radius: 2px;

                    background-color: transparent;
                    color: inherit;
                    border: none;
                    outline: none;
                    }

              .drawer-menu__link:hover {
                opacity: 0.75;
              }

              .drawer-menu__link--cb {
                justify-content: flex-start;
              }

              .drawer-menu__footer {
                flex-shrink: 0;
                margin-top: 5px;
                margin-top: var(--spacing-extra-small);
                  padding-top: 5px;
                  padding-top: var(--spacing-extra-small);
                    padding-bottom: 5px;
                    padding-bottom: var(--spacing-extra-small);
                      }

              .drawer-menu__footer:before {
                content: '';
                height: 1px;
                background-color: var(--color-drawer-border);
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin-top: calc(5px * -1);
                  margin-top: calc(var(--spacing-extra-small) * -1);
                    }

              .drawer-menu__footer > .drawer-menu__item + .drawer-menu__item--search,
              .drawer-menu__footer > form + .drawer-menu__item--search {
                margin-top: 12px;
              }

              .drawer-menu__footer > .drawer-menu__item + .drawer-menu__item--search:before, .drawer-menu__footer > form + .drawer-menu__item--search:before {
                content: '';
                height: 1px;
                background-color: var(--color-drawer-border);
                  position: absolute;
                  left: 0;
                  right: 0;
                  margin-top: -6px;
                  }

              .drawer-menu__radio {
                width: 12px;
                height: 12px;
                margin-right: 10px;
                margin-right: var(--spacing-small);
                  background-color: var(--color-drawer-text);
                    border-radius: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    }

              .drawer-menu__radio > div {
                width: 6px;
                height: 6px;
                background-color: var(--color-drawer-bg);
                  border-radius: 100%;
                  }

              .drawer-menu__search-overlay {
                --qs-background-hover: var(--color-drawer-bg-hover);

                  background-color: var(--color-drawer-bg);
                    display: none;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 2;
                    }

                .drawer-menu__search-overlay.visible {
                  display: block;
                }

                /* Overwrites for drawer specific styling */

                .drawer-menu__search-overlay .quick-search__view-all {
                  border-top: 1px solid var(--color-drawer-border);
                    padding-top: 15px;
                    }

                .drawer-menu__search-bar {
                  display: flex;
                  align-items: center;
                  flex-shrink: 0;
                  border-bottom: 1px solid var(--color-drawer-border);
                    padding: 20px;
                    padding: var(--spacing-medium);
                      }

                .drawer-menu__search-submit {
                  background-color: transparent;
                  border: none;
                  color: inherit;
                  padding: 0;
                }

                .drawer-menu__search-submit:hover {
                  opacity: 0.5;
                }

                .drawer-menu__search-input {
                  width: 100%;
                  background-color: var(--color-background-input-drawer);
                    color: var(--color-text-input-drawer);
                      padding: 0 20px 0 10px;
                      padding: 0 var(--spacing-medium) 0 var(--spacing-small);
                        border-radius: var(--item-height);
                          border: none;
                          outline: none;
                          }

                .drawer-menu__search-input::-moz-placeholder {
                  color: var(--color-drawer-text-meta);
                    }

                .drawer-menu__search-input:-ms-input-placeholder {
                  color: var(--color-drawer-text-meta);
                    }

                .drawer-menu__search-input::-ms-input-placeholder {
                  color: var(--color-drawer-text-meta);
                    }

                .drawer-menu__search-input::placeholder {
                  color: var(--color-drawer-text-meta);
                    }

                .drawer-menu__search-clear {
                  font-size: var(--font-size-body-extra-small);
                    text-transform: uppercase;
                    padding-right: 10px;
                    padding-right: var(--spacing-small);
                      letter-spacing: 0.5px;
                      display: none;
                      }

                .drawer-menu__search-clear.visible {
                  display: block;
                }

                .drawer-menu__search-clear:hover {
                  opacity: 0.5;
                }

                .drawer-menu__search-close:hover {
                  opacity: 0.5;
                }

                .drawer-menu__search-results {
                  padding: 10px;
                  padding: var(--spacing-small);
                    opacity: 0;
                    pointer-events: none;
                    }

                .drawer-menu__search-results.visible {
                  opacity: 1;
                  pointer-events: all;
                  overflow-y: scroll;
                }

                .features.features--standard {
                  border: 1px solid transparent;
                  color: var(--color-contrast-text);
                    }

                .features.features--standard .features__feature {
                  background-color: var(--color-contrast-bg);
                    border: 1px solid transparent;
                    }

                @media (min-width: 38em) {

                  .features.features--standard {
                    background-color: var(--color-contrast-bg)
                      }
                }

                .features.features--outline .features__feature {
                  border: 1px solid var(--color-border);
                    }

                @media (min-width: 38em) {

                  .features.features--outline .features__feature {
                    border-color: transparent
                  }
                }

                @media (min-width: 38em) {

                  .features.features--outline {
                    border: 1px solid var(--color-border)
                      }
                }

                @media (min-width: 38em) {

                  .features {
                    padding: 20px;
                    padding: var(--spacing-medium)
                      }
                }

                .features .responsive-image__wrapper {
                  margin: 0;
                }

                .features__content {
                  display: flex;
                  flex-wrap: wrap;
                }

                .features__feature {
                  width: 100%;
                  margin-bottom: 20px;
                  margin-bottom: var(--spacing-medium);
                    padding: 20px;
                    padding: var(--spacing-medium);
                      }

                @media (min-width: 38em) {

                  .features__feature {
                    margin: 0
                  }
                }

                @media (min-width: 38em) {

                  .features__feature--1,
                  .features__feature--2 {
                    width: 50%
                  }
                }

                @media (min-width: 38em) and (max-width: 60em) {

                  .features__feature--3,
                  .features__feature--4,
                  .features__feature--5,
                  .features__feature--6 {
                    width: 50%
                  }
                }

                @media (min-width: 60em) {

                  .features__feature--3,
                  .features__feature--4,
                  .features__feature--5,
                  .features__feature--6 {
                    width: calc((1 / 3) * 100%)
                  }
                }

                .footer {
                  background-color: var(--color-footer-bg);
                    color: var(--color-footer-text);
                      padding-bottom: 20px;
                      padding-bottom: var(--spacing-medium);
                        }

                @media (min-width: 38em) {

                  .footer {
                    padding-top: 20px;
                    padding-top: var(--spacing-medium)
                      }
                }

                .footer .input {
                  background-color: var(--color-footer-input);
                    color: var(--color-footer-input-text);
                      }

                .footer__container {
                  max-width: 1260px;
                  max-width: var(--max-width);
                    margin: 0 auto;
                    }

                @media (min-width: 38em) {

                  .footer__container {
                    padding: 0 20px;
                    padding: 0 var(--spacing-medium)
                      }
                }

                .footer__payment-icon {
                  display: inline-block;
                  width: 36px;
                  margin-top: 3px;
                  margin-right: 2px;
                  margin-bottom: 3px;
                  border-radius: 3px;
                }

                .footer__payment-icon:last-of-type {
                  margin-right: 0;
                }

                .footer__payment-icon svg {
                  width: 100%;
                  margin-top: -1px;
                  margin-bottom: -1px;
                }

                .footer__bottom {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-between;
                }

                @media (min-width: 38em) {

                  .footer__bottom {
                    flex-wrap: nowrap
                  }
                }

                .footer__bottom-left {
                  display: flex;
                  flex-wrap: wrap;
                  width: 100%;
                  flex-grow: 1;
                }

                .footer__bottom-left .footer__internal-copyright {
                  display: none !important;
                  font-size: var(--font-size-body-extra-small);
                    }

                @media (min-width: 38em) {

                  .footer__bottom-left .footer__internal-copyright {
                    display: block !important;
                    color: var(--color-footer-text-meta);
                      width: 100%;
                      margin-top: 10px;
                      margin-top: var(--spacing-small);
                        padding: 0 20px;
                        padding: 0 var(--spacing-medium)
                          }

                  .footer__bottom-left .footer__internal-copyright p {
                    margin: 8px 0;
                  }

                  .footer__bottom-left .footer__internal-copyright > p:first-of-type {
                    margin-top: 0;
                  }
                }

                .footer__bottom-right {
                  padding: 10px 20px 0 20px;
                  padding: var(--spacing-small) var(--spacing-medium) 0 var(--spacing-medium);
                    text-align: left;
                    }

                @media (min-width: 38em) {

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

                .footer__bottom-right ul li {
                  line-height: 25px;
                  height: 30px;
                }

                .footer__bottom-right svg {
                  fill: var(--color-footer-text-meta);
                    width: 16px;
                    height: 16px;
                    }

                .footer__bottom-right .all-social-icons {
                  display: flex;
                }

                @media (min-width: 38em) {
                  .footer__bottom[data-show-payment-icons='true'][data-show-locale-selector='true'] .footer__selectors:after, .footer__bottom[data-show-payment-icons='true'][data-show-currency-selector='true'] .footer__selectors:after {
                    width: 1px;
                    height: 14px;
                    content: '';
                    background-color: var(--color-footer-border);
                      margin-top: 7px;
                      margin-left: 20px;
                      margin-left: var(--spacing-medium);
                        }
                }

                .footer__currency-payments {
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center;
                  min-height: 30px;
                  margin-bottom: 10px;
                  margin-bottom: var(--spacing-small);
                    }

                @media (min-width: 38em) {

                  .footer__currency-payments {
                    flex-wrap: nowrap
                  }
                }

                .footer__payment-icons {
                  width: 100%;
                  padding: 0 0 0 20px;
                  padding: 0 0 0 var(--spacing-medium);
                    flex-grow: 1;
                    }

                .footer__newsletter {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-between;
                  align-items: center;
                  margin-bottom: 20px;
                  margin-bottom: var(--spacing-medium);
                    padding: 20px 20px 0 20px;
                    padding: var(--spacing-medium) var(--spacing-medium) 0 var(--spacing-medium);
                      }

                @media (min-width: 38em) {

                  .footer__newsletter {
                    margin-bottom: 40px;
                    margin-bottom: var(--spacing-large)
                      }
                }

                .footer__signup-text {
                  margin-bottom: 20px;
                  margin-bottom: var(--spacing-medium);
                    width: 100%;
                    }

                @media (min-width: 38em) {

                  .footer__signup-text {
                    width: 50%;
                    margin-bottom: 0
                  }
                }

                .footer__input-wrap {
                  width: 100%;
                }

                @media (min-width: 38em) {

                  .footer__input-wrap {
                    padding-left: 20px;
                    padding-left: var(--spacing-medium);
                      width: 50%
                      }
                }

                .footer__input-wrap .newsletter__input-container {
                  max-width: 100%;
                }

                .footer__cols {
                  display: flex;
                  flex-wrap: wrap;
                  margin-bottom: 20px;
                  margin-bottom: var(--spacing-medium);
                    }

                .footer__col-text {
                  padding: 0 20px;
                  padding: 0 var(--spacing-medium);
                    width: 100%;
                    }

                @media (min-width: 38em) {

                  .footer__col-text {
                    width: 50%
                  }
                }

                .footer__col-list {
                  flex-grow: 1;
                  padding: 0 20px;
                  padding: 0 var(--spacing-medium);
                    margin-bottom: 20px;
                    margin-bottom: var(--spacing-medium);
                      width: 50%;
                      }

                @media (min-width: 38em) {

                  .footer__col-list {
                    width: auto
                  }
                }

                .footer__divider {
                  border-bottom: 1px solid var(--color-footer-border);
                    }

                .footer__copyright {
                  color: var(--color-footer-text-meta);
                    font-size: var(--font-size-body-extra-small);
                      display: block;
                      margin-top: 20px;
                      margin-top: var(--spacing-medium);
                        padding: 0 20px;
                        padding: 0 var(--spacing-medium);
                          }

                @media (min-width: 38em) {

                  .footer__copyright {
                    display: none
                  }
                }

                .footer__copyright a {
                  transition: opacity 0.25s;
                }

                .footer__copyright p {
                  margin: 8px 0;
                }

                .footer__copyright a:hover {
                  opacity: 0.5;
                  transition: opacity 0.25s;
                }

                .selectors-form {
                  width: 100%;
                }

                @media (min-width: 38em) {

                  .selectors-form {
                    width: auto
                  }
                }

                .footer__selectors {
                  display: flex;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  width: 100%;
                  margin-top: -3px;
                  margin-bottom: calc(20px - 3px);
                  margin-bottom: calc(var(--spacing-medium) - 3px);
                  margin-left: -3px;
                  padding-left: 20px;
                  padding-left: var(--spacing-medium);
                    }

                @media (min-width: 38em) {

                  .footer__selectors {
                    flex-wrap: nowrap;
                    width: auto;
                    margin-bottom: 0
                  }
                }

                .selectors-form__item {
                  margin: 3px;
                }

                .full-width-feature {
                  height: 80vh;
                  position: relative;
                  background-size: cover;
                  background-position: center;
                }

                .full-width-feature__video {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                  object-fit: cover;
                }

                :root {
                  --submenu-width: 200px;
                  }

                  .header {
                    padding: 10px 0;
                    padding: var(--spacing-small) 0;
                      position: relative;
                      z-index: 300;
                      z-index: var(--z-index-header);
                        color: var(--color-header-text);
                          /*   border-bottom: 1px solid; */
                          border-color: var(--color-header-border);
                            }

                  .header:not(.header--transparent) {
                    color: var(--color-header-text);
                      background-color: var(--color-header-bg);
                        }

                  .header--no-border:not(.header--transparent) {
                    border-bottom: 0;
                  }

                  .header .header__logo-wrapper {
                    text-align: center;
                    flex-grow: 1;
                  }

                  .header__logo-image {
                    margin: 0 auto;
                  }

                  @media (min-width: 60em) {

                    .header:not(.header--always-mobile) .header__logo-image {
                      margin: 0
                    }
                  }

                  .header__logo-image img {
                    max-height: 250px;
                  }

                  @media (min-width: 60em) {

                    .header--default {
                      padding: 20px 0 0;
                        }
                    .header .header__nav .nav__item{
                     padding-bottom:20px; 
                    }
                    .header .header__nav .nav__item .nav__item{
                     padding-bottom:0; 
                    }
                    .header .header__icon-wrapper{
                     padding-bottom:20px; 
                    }
                  }

                  @media (min-width: 60em) {

                    .header--default .header__logo-wrapper {
                      text-align: left
                    }
                  }

                  @media (min-width: 60em) {

                    .header--always-mobile .header__logo-wrapper {
                      text-align: center
                    }
                  }

                  .header__content {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    max-width: 1260px;
                    max-width: var(--max-width);
                      margin: 0 auto;
                      padding: 0 20px;
                      padding: 0 var(--spacing-medium);
                        }
                  @media only screen and (min-width: 1400px) {
                    .header__content {
                      max-width: calc(100% - 80px);
                    }
                  }

                  @media (min-width: 38em) {

                    .header__content {
                      padding: 0 40px;
                      padding: 0 var(--spacing-large)
                        }
                  }

                  @media (min-width: 60em) {

                    .header--default .header__content {
                      display: block
                    }
                  }

                  @media (min-width: 60em) {

                    .header__content--centered .header__logo-wrapper {
                      display: flex;
                      justify-content: center
                    }
                  }

                  @media (min-width: 60em) {
                    .header__content--centered [data-primary-navigation]::before {
                      content: '';
                      display: block;
                      width: calc((24px + 10px) * 3);
                      width: calc((var(--header-icon-width) + var(--spacing-small)) * 3);
                        }
                  }

                  @media (min-width: 60em) {

                    .header__content--centered [data-primary-navigation] .nav--depth-1 .nav__item:last-child {
                      margin-right: 0
                    }
                  }

                  @media (min-width: 60em) {
                    .header__content--centered:not(.header__content--has-customer-accounts) [data-primary-navigation]::before {
                      width: calc((24px + 10px) * 2);
                      width: calc((var(--header-icon-width) + var(--spacing-small)) * 2);
                        }
                  }

                  @media (min-width: 60em) {
                    .header--always-mobile .header__content [data-primary-navigation]::before {
                      display: none;
                    }
                  }

                  .header__logo-text {
                    font-family: var(--font-logo);
                      font-weight: var(--font-logo-weight);
                        font-style: var(--font-logo-style);
                          }

                  @media (min-width: 60em) {

                    .header--default .header__menu-icon {
                      display: none
                    }
                  }

                  .header__nav {
                    display: none;
                  }

                  @media (min-width: 60em) {

                    .header--default .header__nav {
                      display: block
                    }
                  }

                  .header__icon-wrapper {
                    flex-shrink: 0;
                    align-self: flex-end;
                    color: var(--color-header-icon);
                      }

                  .header__icon-list {
                    padding: 0;
                    margin: 0;
                  }

                  .header__icon-list li {
                    list-style: none;
                  }

                  .header__icon {
                    color: inherit;
                    display: inline-block;
                  }

                  @media (min-width: 60em) {

                    .header__icon {
                      margin-left: 10px;
                      margin-left: var(--spacing-small)
                        }
                  }

/*                   .header__icon--search, */
                  .header__icon--account {
                    display: none;
                  }

                  @media (min-width: 60em) {

                    .header--default .header__icon--search, .header--default .header__icon--account {
                      display: inline-block;
                      width: 24px;
                      width: var(--header-icon-width)
                        }
                  }

                  .nav .nav__submenu {
                    width: 200px;
                    position: absolute;
                    padding: 20px;
                    padding: var(--spacing-medium);
                      display: none;

                      border-radius: 2px;

                      border-radius: var(--radius-2);
                        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
                        box-shadow: var(--shadow-1);
                          z-index: 5;
                          line-height: 2em;
                          background-color: var(--color-navigation-bg);
                            }

                  .nav .nav__submenu.visible {
                    display: block;
                  }

                  .nav .nav__submenu a {
                    color: var(--color-navigation-text);
                      }

                  .nav .nav__submenu.nav__meganav {
                    background-color: transparent;
                    width: 100%;
                    box-shadow: none;
                    padding-top: 10px;
                    padding-top: var(--spacing-small);
                      }

                  .nav .nav__submenu.nav__meganav .nav {
                    width: auto;
                  }

                  .nav a:hover {
                    opacity: 0.6;
                  }

                  .nav a:focus {
                    border-bottom: 1px dotted;
                  }

                  .nav .active {
/*                     opacity: 0.6; */
                    opacity:1;
                  }

                  .nav.nav--depth-1 > li {
                    display: inline-block;
                    margin-right: 20px;
                    margin-right: var(--spacing-medium);
                      }

                  .nav.nav--depth-2 {
                    width: 175px;
                    /*     width: var(--submenu-width); */
                    left: auto;
                  }

                  .nav.nav--depth-3 {
                    left: 200px;
                    left: var(--submenu-width);
                      }

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

                  .no-js .header .header__logo-wrapper {
                    text-align: left;
                  }

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

                  .no-js .no-js-menu {
                    line-height: 1.5em;
                    line-height: var(--line-height-body);
                      }

                  .no-js .no-js-menu--mobile {
                    display: block;
                    width: 100%;
                    padding: 10px 20px 0
                      20px;
                    padding: var(--spacing-small) var(--spacing-medium) 0
                      var(--spacing-medium);
                        }

                  @media (min-width: 38em) and (max-width: 60em) {

                    .no-js .no-js-menu--mobile {
                      padding: 10px 40px 0
                        40px;
                      padding: var(--spacing-small) var(--spacing-large) 0
                        var(--spacing-large)
                          }
                  }

                  @media (min-width: 60em) {

                    .no-js .no-js-menu--mobile {
                      display: none
                    }
                  }

                  @media (min-width: 60em) {

                    .no-js .no-js-menu--desktop {
                      display: block;
                      width: 80%
                    }
                  }

                  .no-js .no-js-menu a:hover {
                    text-decoration: underline;
                  }

                  .no-js .no-js-menu ul {
                    margin: 0;
                    padding: 0;
                    width: 100%;
                  }

                  .no-js .no-js-menu li {
                    display: inline-block;
                    margin-right: 20px;
                    margin-right: var(--spacing-medium);
                      }

                  #mobile-nav {
                    cursor: pointer;
                    color: var(--color-header-icon);
                      width: 24px;
                      flex-shrink: 0;
                      }

                  .header-section {
                    width: 100%;
                  }

                  .header-container {
                    top: 0;
                    right: 0;
                    left: 0;
                    z-index: 300;
                    z-index: var(--z-index-header);
                      }

                  .header-transparent .header-container,
                  .header-sticky .header-container {
                    position: relative;
                  }

                  .header-container .header__sticky-logo-wrapper {
                    position: absolute;
                    visibility: hidden;
                    opacity: 0;
                  }

                  .header-container.is-sticky {
                    position: -webkit-sticky;
                    position: sticky;
                  }

                  .header-container.is-sticky .header {
                    background-color: var(--color-header-bg);
                      transition: background-color 0.25s ease-in-out;
                      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
                      box-shadow: var(--shadow-3);
                        border-bottom: 0;
                        }

                  @media (min-width: 60em) {

                    .header-container.is-sticky .header.header--always-mobile #mobile-nav {
                      margin-bottom: 10px
                    }
                  }

                  @media (min-width: 60em) {

                    .header-container.is-sticky .header.header--always-mobile [data-primary-navigation] {
                      margin-bottom: 10px
                    }
                  }

                  .header-container.is-sticky .header__content {
                    align-items: flex-end;
                  }

                  .header-container.is-sticky .header__logo-image {
                    opacity: 0;
                  }

                  .header-container.is-sticky .header__sticky-logo-wrapper {
                    display: flex;
                    align-items: center;
                    bottom: 0;
                    height: 62px;
                    left: 50%;
                    transform: translate(-50%, 0);
                    visibility: visible;
                    opacity: 1;
                    transition: opacity 0.5s ease-in-out;
                  }

                  @media (min-width: 60em) {

                    .header-container.is-sticky .header__sticky-logo-wrapper {
                      height: 65px
                    }
                  }

                  @media (max-width: 60em) {

                    .header-container.is-sticky #mobile-nav {
                      margin-bottom: 10px
                    }
                  }

                  @media (max-width: 60em) {

                    .header-container.is-sticky [data-primary-navigation] {
                      margin-bottom: 10px
                    }
                  }

                  @media (min-width: 60em) {

                    .header-container.is-sticky [data-primary-navigation]::before {
                      display: none
                    }
                  }

                  .header-container.is-sticky .header__sticky-logo-image {
                    display: flex;
                    align-items: center;
                  }

                  .header-container.is-sticky .header__sticky-logo-image img {
                    max-height: 23px;
                  }

                  .header-container.is-sticky .search__container {
                    margin: 10px auto;
                    margin: var(--spacing-small) auto;
                      }

                  .announcement-bar-section {
                    z-index: 300;
                    z-index: var(--z-index-header);
                      position: relative;
                      }

                  .announcement-bar {
                    font-size: var(--font-size-body-extra-small);
                      text-transform: uppercase;
                      text-align: center;
                      letter-spacing: 0.1em;
                      padding: 10px;
                      padding: var(--spacing-small);
                        width: 100%;
                        min-height: 100%;
                        display: none;
                        overflow: hidden;
                        /* background-color: var(--color-accent); */
                    background-color: #9a9a9a;
                          }

                  .flickity-enabled .announcement-bar {
                    display: flex;
                  }

                  .announcement-bar:first-of-type {
                    display: flex;
                  }

                  @-webkit-keyframes inFromBottom {
                    from {
                      transform: translateY(40px);
                      transform: translateY(var(--spacing-large));
                        opacity: 0;
                        }
                    to {
                      transform: translateY(0px);
                      opacity: 1;
                    }
                  }

                  @keyframes inFromBottom {
                    from {
                      transform: translateY(40px);
                      transform: translateY(var(--spacing-large));
                        opacity: 0;
                        }
                    to {
                      transform: translateY(0px);
                      opacity: 1;
                    }
                  }

                  .is-active .announcement-bar__content {
                    -webkit-animation: 0.5s ease-in-out inFromBottom;
                    animation: 0.5s ease-in-out inFromBottom;
                    -webkit-animation: 0.5s var(--ease) inFromBottom;
                      animation: 0.5s var(--ease) inFromBottom;
                        }

                  .product-recommendations {
                  }

                  .product-recommendations__wrapper {
                    padding-bottom: 10px;
                    padding-bottom: var(--spacing-small);
                      }

                  @media (min-width: 38em) {

                    .product-recommendations__wrapper {
                      display: flex;
                      flex-wrap: wrap;
                      padding: calc(40px - 10px);
                      padding: calc(var(--spacing-large) - var(--spacing-small));
                        padding-bottom: 10px;
                        padding-bottom: var(--spacing-small)
                          }
                  }

                  @media (min-width: 38em) {
                    .product-recommendations__wrapper--left .product-recommendations__side {
                      width: 25%;
                      text-align: left;
                      padding: 10px;
                      padding: var(--spacing-small);
                        }

                    .product-recommendations__wrapper--left .product-recommendations__products {
                      width: 75%;
                    }
                  }

                  .product-recommendations__wrapper--right {
                    flex-direction: row-reverse;
                  }

                  @media (min-width: 38em) {
                    .product-recommendations__wrapper--right .product-recommendations__side {
                      width: 25%;
                      text-align: left;
                      padding: 10px;
                      padding: var(--spacing-small);
                        }

                    .product-recommendations__wrapper--right .product-recommendations__products {
                      width: 75%;
                    }
                  }

                  .product-recommendations__wrapper--above .product-recommendations__side {
                    width: 100%;
                  }

                  @media (max-width: 38em) {

                    .product-recommendations__wrapper--above .product-recommendations__side {
                      padding-bottom: 0
                    }
                  }

                  .product-recommendations__side {
                    text-align: center;
                    padding-bottom: 0;
                  }

                  @media (min-width: 38em) {

                    .product-recommendations__side {
                      padding-bottom: 20px;
                      padding-bottom: var(--spacing-medium)
                        }
                  }

                  .product-recommendations__products {
                    width: 100vw;
                    margin-left: calc(20px * -1);
                    margin-left: calc(var(--spacing-medium) * -1);
                      }

                  @media (min-width: 38em) {

                    .product-recommendations__products {
                      width: 100%;
                      margin-left: auto;
                      display: flex;
                      flex-wrap: wrap
                    }
                  }

                  .product-recommendations__products .type-body-regular {
                    margin-bottom: 0;
                  }

                  .product-recommendations__product {
                    padding: 10px;
                    padding: var(--spacing-small);
                      }

                  @media (min-width: 38em) {

                    .product-recommendations__product {
                      margin-bottom: 20px;
                      margin-bottom: var(--spacing-medium)
                        }
                  }

                  .recently-viewed {
                    display: none;
                  }

                  .recently-viewed.visible {
                    display: block;
                  }

                  .recently-viewed__wrapper {
                    padding-bottom: 10px;
                    padding-bottom: var(--spacing-small);
                      }

                  @media (min-width: 38em) {

                    .recently-viewed__wrapper {
                      display: flex;
                      flex-wrap: wrap;
                      padding: calc(40px - 10px);
                      padding: calc(var(--spacing-large) - var(--spacing-small));
                        padding-bottom: 10px;
                        padding-bottom: var(--spacing-small)
                          }
                  }

                  @media (min-width: 38em) {
                    .recently-viewed__wrapper--left .recently-viewed__side {
                      width: 25%;
                      text-align: left;
                      padding: 10px;
                      padding: var(--spacing-small);
                        }

                    .recently-viewed__wrapper--left .recently-viewed__products {
                      width: 75%;
                    }
                  }

                  .recently-viewed__wrapper--right {
                    flex-direction: row-reverse;
                  }

                  @media (min-width: 38em) {
                    .recently-viewed__wrapper--right .recently-viewed__side {
                      width: 25%;
                      text-align: left;
                      padding: 10px;
                      padding: var(--spacing-small);
                        }

                    .recently-viewed__wrapper--right .recently-viewed__products {
                      width: 75%;
                    }
                  }

                  .recently-viewed__wrapper--above .recently-viewed__side {
                    width: 100%;
                  }

                  @media (max-width: 38em) {

                    .recently-viewed__wrapper--above .recently-viewed__side {
                      padding-bottom: 0
                    }
                  }

                  .recently-viewed__side {
                    text-align: center;
                    padding-bottom: 20px;
                    padding-bottom: var(--spacing-medium);
                      }

                  .recently-viewed__products {
                    width: 100vw;
                    margin-left: calc(20px * -1);
                    margin-left: calc(var(--spacing-medium) * -1);
                      }

                  @media (min-width: 38em) {

                    .recently-viewed__products {
                      width: 100%;
                      margin-left: auto;
                      display: flex;
                      flex-wrap: wrap
                    }
                  }

                  .recently-viewed__products .type-body-regular {
                    margin-bottom: 0;
                  }

                  .recently-viewed__product {
                    padding: 10px;
                    padding: var(--spacing-small);
                      }

                  @media (min-width: 38em) {

                    .recently-viewed__product {
                      margin-bottom: 20px;
                      margin-bottom: var(--spacing-medium)
                        }
                  }

                  :root {
                    --menu-width: 335px;
                    }

                    /* Slide in from left */

                    .slide-in-from-left-enter {
                      left: calc(335px * -1);
                      left: calc(var(--menu-width) * -1);
                        }

                    .slide-in-from-left-enter.slide-in-from-left-enter-active {
                      left: 0;
                      transition: left 250ms ease-in-out;
                    }

                    .slide-in-from-left-leave {
                      left: 0;
                    }

                    .slide-in-from-left-leave.slide-in-from-left-leave-active {
                      left: calc(335px * -1);
                      left: calc(var(--menu-width) * -1);
                        transition: left 250ms ease-in-out;
                        }

                    /* Fade in */

                    .fade-in-enter {
                      opacity: 0.01;
                    }

                    .fade-in-enter.fade-in-enter-active {
                      opacity: 1;
                      transition: opacity 250ms ease-in-out;
                    }

                    .fade-in-leave {
                      opacity: 1;
                    }

                    .fade-in-leave.fade-in-leave-active {
                      opacity: 0.01;
                      transition: opacity 250ms ease-in-out;
                    }

                    /* Slide in from right */

                    .slide-in-from-right-enter {
                      right: calc(335px * -1);
                      right: calc(var(--menu-width) * -1);
                        }

                    .slide-in-from-right-enter.slide-in-from-right-enter-active {
                      right: 0;
                      transition: right 250ms ease-in-out;
                    }

                    .slide-in-from-right-leave {
                      right: 0;
                    }

                    .slide-in-from-right-leave.slide-in-from-right-leave-active {
                      right: calc(335px * -1);
                      right: calc(var(--menu-width) * -1);
                        transition: right 250ms ease-in-out;
                        }


                    /*  ******************************************** */
                    .visible-desktop{
                      display:block;  
                    }
                    .visible-mobile{
                      display:none; 
                    }
                    @media only screen and (max-width: 767px) {
                      .visible-desktop{
                        display:none;  
                      }
                      .visible-mobile{
                        display:block; 
                      }
                    }

                    /*  */
                    .set__text__bg{
                      /*     background: #edede5;  */
/*                       background:#f5f2eb; */
                      background:rgb(255 253 249);
                      padding:15px;
                    }

                    /*    */
                    .modal .modal__inner{
                      max-width: 100%;
                      width: 100%; 
                      padding:20px;
                    }
                    .variant-popup__trigger{
                      position:unset;
                      display:inline-block;
                      margin:10px 0 5px;
                    }
                    .variant-popup__content{
                      text-align:center; 
                    }
                    .variant-popup__content h2.type-heading-1{
                      margin-bottom:5px; 
                    }
                    .variant-popup__content p{
                      margin-top:0; 
                    }
                    .variant-popup__content .table__div table{
                      width:100%; 
                      table-layout: auto; 
                    }
                    .size__table_content_div{
                      display:flex; 
                      flex-wrap:wrap;
                      justify-content:space-between;
                      align-items:center;
                    }
                    .variant-popup__content .table__div{
                      width:56%; 
                    }
                    .variant-popup__content .right__img{
                      width:40%; 
                    }
                    .size__table_content_div.full__width___table{
                       align-items:flex-start;
                    }
                    .size__table_content_div.full__width___table .table__div{
					  width:100%;  
                    }
                    .size__table_content_div.full__width___table .left___contentDiv{
                      width:70%;
                      padding: 50px 0 0;
                      text-align: left;
                      text-transform:uppercase;
                    }
                    .size__table_content_div.full__width___table .right___contentDiv{
                      width: 25%;
                      padding: 50px 0 0;
                    }
                     .size__table_content_div.full__width___table .right___contentDiv img{
                      width:auto;
                       margin:0 auto;
                     }
                    @media only screen and (max-width: 767px) {
                      .variant-popup__content .table__div{
                        width:100%;
                        overflow-x:scroll;
                        margin-bottom:20px;
                      }
                      .variant-popup__content .right__img{
                        width:100%; 
                      }
                      .variant-popup__content .table__div table{
                        table-layout: auto; 
                      }
                      .size__table_content_div.full__width___table .left___contentDiv{
                        width: 100%;
                        padding: 20px 0 0;
                      }
                      .size__table_content_div.full__width___table .right___contentDiv{
                        width: 100%;
                        padding: 20px 0 0;
                      }
                    }

                    /*    */
                    /*   #shopify-section-dynamic-rich-text-for-landing-page .set__text__bg{
                    width:100%;
                    float:left;
                  } */


                    .product-tile h2.type-body-regular{
                      /*     font-weight:700; */
                      font-size:15px;
                      margin-top:15px;
                    }
                    .product-tile .short_description_div p{
                      margin-top:0;
                      font-size:14px;
                    }
                    .product-tile .type-body-regular.price-div{
                      font-style:italic; 
                    }
                    @media only screen and (max-width: 767px) {
                       .product-tile h2.type-body-regular{
                         font-size:14px;
                       }
                      .product-tile .type-body-regular.price-div{
                        font-size:15px;
                      }
                    }
                    /*    */

                    /* Collection Page css start */
                    @media only screen and (max-width: 767px) {
                      .collection header.section, .collection .collection__container #filters{
                        padding-left: var(--spacing-medium);
                          padding-right: var(--spacing-medium);
                            }
                      .collection .collection__container{
                        padding-left: 0;
                        padding-right:0;
                        margin-left:0;
                        margin-right:0;
                      }
                      /*                       .collection .collection__container .collection__products{
                      margin-left:0;
                      margin-right:0;
                    } */
                      /*                       .collection .collection__container .collection-product-divs{
                      padding-left:0;
                      padding-right:0;
                    } */
                      .collection .collection__container .product__btm{
                        padding:0 15px 0; 
                      }
                      .collection .product-tile h2.type-body-regular{
                        margin-top:10px; 
                      }
                      .collection .product-tile .short_description_div p{
                        margin-bottom:5px; 
                      }
                    }
                    /* Collection Page css end */

                    /*    */
                    .collage-section .content-overlay__heading, .full-width-image .content-overlay__heading{
                      font-size: 14px;
                      font-weight: 300;
                    }
                    .collage-section .content-overlay__subheading, .full-width-image .content-overlay__subheading{
                      margin-top: 0;
                      font-size: 14px;
                    }
                    .collage-section .accent-link, .full-width-image .accent-link{
                      color:#fff; 
                    }
                    .testimonials .type-heading-1{
                      font-weight:400;
                      font-size:16px;
                    }
                    .testimonials .type-body-regular{
                      font-size:14px; 
                    }
                    .collage-section .accent-link, .full-width-image .accent-link{
                      font-size:14px;
                      margin-top:5px;
                    }
                    /*    */
                    @media only screen and (min-width: 1024px) {
                      .is-active .search{
                        margin-top:0; 
                      }
                    }

                    .footer .input:focus, 
                    .footer .input:hover,
                    .newsletter__input:focus{
                      outline:none; 
                    }
                    .type-body-large p{
                      font-size:16px;
                      line-height: 1.15;
                    }

                    /*    */
                    .visible-xs{
                      display:none !important; 
                    }
                    .hidden-xs{
                      display:block !important; 
                    }
                    @media only screen and (max-width: 767px) {
                      .visible-xs{
                        display:block !important; 
                      }
                      .hidden-xs{
                        display:none !important; 
                      }
                    }
                    /*    */

                    /*    */
                    footer{
                      padding:15px 0 11px !important; 
                    }
                    footer .footer__col-list, footer .footer__cols{
                      margin:0; 
                    }
                    footer .list{
                      display:flex;
                      justify-content:center;
                      align-items:center;
                      flex-wrap:wrap;
                    }
                    footer .list li{
                      margin:0 15px; 
                    }
                    footer .list a{
                      text-transform:uppercase; 
                      text-decoration:none;
                      font-size:16px;
                    }
                    @media only screen and (max-width: 767px) {
                      footer .list a{
                        font-size:14px;
                      }
                      footer .list li{
                        margin:0 13px;
                      }
                      /*     footer .list{
                      justify-content:space-between; 
                    }
                      footer .list li{
                      width:48%;
                      margin:0 0;
                      padding:0 5px;
                    } */
                    }

                    #shopify-section-dynamic-full-width-image-3 .full-width-image{
                      z-index:-1;
                    }
                    .template-index main,
                    .Collection_landing_page main{
                      position:relative; 
                    }
                    .Collection_landing_page footer{
                      position: absolute;
                      bottom: 0;
                      z-index: 9;
                      display: block;
                      top: auto;
                      width:100%;
                      background:transparent;
                    }
                    .Collection_landing_page footer .list a{
                      color:#fff; 
                    }
                    @media only screen and (max-width: 767px) {

                      /*      .template-index footer .list a{
                      color:#333; 
                    } */
                    }
                    /*    */
                    .full-width-image-2 .full-width-image__image{
                      width:80% !important;
                      margin:0 auto;
                      left: 0;
                      right: 0;
                    }
                    .full-width-image-2  .content-overlay{
                      width:80%;
                      margin:0 auto;
                    }
                    #shopify-section-16148522728ec10772 .full-width-image-2 .full-width-image__image{
                      width:85% !important;
                    }

                    @media only screen and (max-width: 767px) {
                      .full-width-image-2 .full-width-image__image{
                        width:100% !important;
                      }
                      .full-width-image-2  .content-overlay{
                        width:100%;
                      }
                      #shopify-section-16148522728ec10772 .full-width-image-2  .content-overlay{
                        width:90%;
                      }
                      #shopify-section-16148522728ec10772 .full-width-image-2 .full-width-image__image{
                        width:100% !important;
                      }
                    }


                    /*    */
                    @media only screen and (min-width: 992px) {
                      #shopify-section-dynamic-collage-2 .collage__item:last-child,
                      #shopify-section-dynamic-collage-landing-page-1 .collage__item:last-child,
                      #shopify-section-dynamic-collage-landing-page-01 .collage__item:last-child{
                        width: calc(46% - 1px) !important;
                        left:calc(50% + 4%) !important;
                        top:50% !important;
                        transform: translate(0, -50%) !important;
                      }
                      #shopify-section-1614745407309467d3 .collage__item:first-child,
                      #shopify-section-dynamic-collage-landing-page-2 .collage__item:first-child{
                        width: calc(46% - 1px) !important;
                        top:50% !important;
                        transform: translate(0, -50%) !important;
                      }
                    }
                    /*    */


                    /* Explore page css start */
                    .page-explore .section, .landing__collection_page .section{
                      margin-top: 40px;
                      margin-bottom: 40px;
                    }
                      @media only screen and (min-width: 768px) {
                    .page-collaboration.page-explore .section{
                      margin-top: 70px;
                      margin-bottom: 70px;
                    }
                      }
                    .page-explore .set-hover-effect{
                      position:relative; 
                    }
                    .page-explore .set-hover-effect .infos{
                      position: absolute;
                      top: 50%;
                      left: 0;
                      right: 0;
                      transform: translate(0, -50%);
                      height: 100%;
                      display:flex;
                      align-items: center;
                      justify-content: center;
/*                       background: #00000069; */
                      opacity:1
                    }
/*                     .page-explore .set-hover-effect:hover .infos{
                      opacity:1;
                      display:flex;
                      -webkit-transition: all ease 2.3s;
                      -moz-transition: all ease 2.3s;
                      -o-transition: all ease 2.3s;
                      -ms-transition: all ease 2.3s;
                      transition: all ease 2.3s;
                    } */
                    .page-explore .infos h3{
                      color: #fff;
                      text-transform: uppercase;
                      font-size: 20px;
                      text-decoration: underline; 
                    }
                    .page-explore .img-data img{
                      display:block;
                      width:100%;
                    }
                    .page-explore .two-blocks-img-div,
                    .page-explore .three-blocks-img-div{
                      display:flex;
                      justify-content:space-between;
                      flex-wrap:wrap;
                    }
                    .page-explore .two-blocks-img-div .content-info{
                      width:48%;
                    }
                    .page-explore .three-blocks-img-div .content-info{
                      width:31.33%;
                    }
                    .page-explore .explore-second-sec .two-blocks-img-div .content-info:first-child{
                      width:46%; 
                    }
                    .page-explore .blocks-two-div{
                      display:flex;
                      justify-content:space-between;
                      flex-wrap:wrap;
                      align-items:center;
                    }
                    .page-explore .blocks-two-div .large_width{
                      width:52%; 
                    }
                    .page-explore .blocks-two-div .small_width{
                      width:44%; 
                    }
                    .page-ss20.page-explore .blocks-two-div .large_width,
                    .page-aw20.page-explore .blocks-two-div .large_width,
                    .page--core-inner.page-explore .blocks-two-div .large_width{
                      width:46%; 
                    }
                    .page-ss20.page-explore .blocks-two-div .small_width,
                    .page-aw20.page-explore .blocks-two-div .small_width,
                    .page--core-inner.page-explore .blocks-two-div .small_width{
                      width:50%; 
                    }
                    .page-explore .with-box-bg{
                      width: 70%;
                      background: #c1ae9f;
                      padding: 30px 30px 100px;
                      margin-left: 60px;
                    }
                    .page-explore .explore-second-sec{
                      background: #f2f2f0;
                      padding: 80px 0 80px 70px;
                    }
                    .page-explore .explore-second-sec .content-info:last-child{
                      /*     margin-top:100px; */
                    }
                    .page-explore .explore-second-sec .content-info:last-child p{
                      padding-right:100px; 
/*                       font-size:14px; */
                    }
                    .page-explore .explore-second-sec .content-info:last-child .img-data{
                      margin-top:40px; 
                    }
                    .page-explore .section.explore_first_sec{
                      margin-top:0;
                    }
                    .page-explore .explore_first_sec .content-info:first-child{
                      width:44%;
                    }
                    .page-explore .explore_first_sec .content-info:last-child{
                      width:50%;
                    }
                    .page-explore .explore_first_sec .content-info:last-child .img-data{
                      margin-top:40px; 
                    }
                    .page-explore .explore_first_sec .content-sec p{
                      font-size:14px; 
                    }
                    .page-explore .explore_first_sec .content-sec h2{
                      font-size:24px;
                      margin:0 0 10px;
                    }
                    .page-explore .explore_first_sec .content-sec span{
                      font-size:14px;
                    }
                    /*   .page-explore .explore_first_sec .img-data{
                    padding-bottom: 80px;
                    border-bottom: 1px solid #333;
                  } */
                    .explore__pages main{
                      position:relative;
                    }
                    .explore__pages main .header{
/*                       background:transparent;  */
                    }
                    .explore__pages main section.bg-base{
                      background:transparent; 
                    }
                    .explore__pages main:before{
                      position:absolute;
                      content:"";
                      width:100%;
                      height:450px;
                      background:#f4ebe4;
                      z-index:-1;
                    }
                    @media only screen and (max-width: 1199px) {
                      .explore__pages main:before{
                        height:465px;
                      }
                    }
                    @media only screen and (max-width: 767px) {
                      .page-explore.explore----page a .infos h3{
                       font-size:15px; 
                      }
                      .page-explore .explore_first_sec .content-sec h2{
                       font-size:14px; 
                      }
                      .page-explore .explore_first_sec .content-sec p, .page-explore .explore_first_sec .content-sec span{
                       font-size:12px; 
                      }
                      .page-explore .explore_first_sec .content-info:last-child .img-data, 
                      .page-explore .explore-second-sec .content-info:last-child .img-data{
                       margin-top:20px; 
                      }
                      .explore__pages main:before {
                        height: 900px;
                      }
                      .page-explore .section{
                        margin-top: 20px;
                        margin-bottom: 20px;
                      }
                      .page-explore .with-box-bg{
                        width:75%;
                        margin:0;
                        padding:15px 15px 40px;
                      }
                      .page-explore .explore_first_sec .content-info:first-child{
                        width:100%;
                      }
                      .page-explore .explore_first_sec .content-info:last-child{
                        width:100%;
                      }
                      .page-explore .explore-second-sec .two-blocks-img-div .content-info:first-child,
                      .page-explore .explore-second-sec .two-blocks-img-div .content-info{
                        width:100%; 
                      }
                      .page-explore .explore_first_sec .content-info{
                        width:100%; 
                      }
                      .page-explore .explore_first_sec .content-info:first-child{
                        margin-bottom:15px;  
                      }
                      /*      .page-explore .explore_first_sec .img-data{
                      padding-bottom:25px; 
                    } */
                      .page-explore .explore-second-sec{
                        padding:20px; 
                      }
                      .page-explore .explore-second-sec .content-info:last-child{
                        /*       margin-top:40px;  */
                      }
                      .page-explore .explore-second-sec .content-info:last-child p{
                        padding-right:0; 
                      }
                    }
                    /* Explore Page css end */

                    .mb___20{
                      margin-bottom:20px; 
                    }

                    /*  SS20 Page css start  */
                    .ss20__pages main{
                      position:relative; 
                    }
                    .ss20__pages main .header{
/*                       background:transparent;  */
                    }
                    .ss20__pages main section.bg-base{
                      background:transparent; 
                    }
                    .ss20__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 670px;
/*                       background: #fbf1f2; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-ss20 .single-banner-div .img_width__small{
                      width:77%;
                    }
                    .page-ss20 .both_site_content .content-info:first-child{
                      /*                       margin-top:40px; */
                    }
                    .page-ss20 .both_site_content .content-info:first-child .info__data{
                      margin-bottom:40px;
                    }
                    .page-ss20 .both_site_content h3{
                      font-size:24px; 
                      margin:0 0 10px;
                    }
                    .page-ss20 .section.ss20_first-section{
/*                       margin-top:40px; */
                      margin-bottom:0;
                    }
                    /*                     .page-ss20 .ss20_second-section{
                    margin-top:0;
                  } */
                    .page-ss20 .both_site_content .content-info:last-child p{
                      margin-bottom:0;
                    }
                    @media only screen and (max-width: 1024px) {
                      .ss20__pages main:before{
                        height:550px; 
                      }
                    }
                    @media only screen and (max-width: 767px) {
                      .ss20__pages main:before{
                        height:290px; 
                      }
                      .page-ss20 .single-banner-div .img_width__small{
                        width:100%;
                      }
                      .page-ss20 .both_site_content .content-info:first-child .info__data {
                        margin-bottom: 20px;
                      }
                      .page-ss20 .both_site_content h3{
                        font-size:14px; 
                      }
                      .page-ss20 .both_site_content .content-info:first-child {
                        /*                         margin-top: 20px; */
                        margin-bottom: 15px;
                      }
                      .page-ss20 .both_site_content .content-info{
                        width:100%; 
                      }
                    }
                    /*  SS20 Page css end  */

                    /* AW20 Page css Start */
                    .aw20__pages main, 
                    .aw19__pages main,
                    .aw18__pages main,
                    .ss18__pages main,
                    .ss17__pages main,
                    .ss16__pages main,
                    .aw17__pages main,
                    .aw16__pages main,
                    .corewomen1__pages main,
                    .corewomen2__pages main,
                    .coremen1__pages main,
                    .coremen2__pages main{
                      position:relative; 
                    }
                    .aw20__pages main .header,
                    .aw19__pages main .header,
                    .ss18__pages main .header,
                    .ss17__pages main .header,
                    .ss16__pages main .header,
                    .aw18__pages main .header,
                    .aw17__pages main .header,
                    .aw16__pages main .header,
                    .corewomen1__pages main .header,
                    .corewomen2__pages main .header,
                     .coremen1__pages main .header.
                     .coremen2__pages main .header{
/*                       background:transparent;  */
                    }
                    .aw20__pages main section.bg-base,
                    .aw19__pages main section.bg-base,
                    .ss18__pages main section.bg-base,
                    .ss17__pages main section.bg-base,
                    .ss16__pages main section.bg-base,
                    .aw18__pages main section.bg-base,
                    .aw17__pages main section.bg-base,
                    .aw16__pages main section.bg-base,
                    .corewomen1__pages main section.bg-base,
                    .corewomen2__pages main section.bg-base,
                    .coremen1__pages main section.bg-base,
                    .coremen2__pages main section.bg-base{
                      background:transparent; 
                    }
                    .aw20__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 670px;
/*                       background: #f2f2f0; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-aw20 .img_width__small,
                    .page-aw18 .img_width__small.right_secc{
                      width: 65%;
                      float: right;
                      margin: 0 40px 0 0;
                    }
                    .page-aw20 .both_site_content .content-info:first-child .info__data,
                    .page-aw19 .aw19_first-section .content-info:last-child .info__data{
                      margin-bottom:30px;
                    }
                    .page-aw20 .both_site_content .content-info:last-child p{
                      margin-bottom:0;
                    }
                    .page-aw20 .both_site_content h3,
                    .page-aw19 h3,
                    .page-aw18 h3,
                    .page-ss18 h3,
                    .page-ss17 h3,
                    .page-aw17 h3,
                    .page-aw16 h3,
                    .page-ss16 h3,
                    .page-collaboration h3,
                    .page--core-inner h3,
                    .page-aw21 h3,
                    .page-ss22 h3,
                    .page-ss23 h3,
                    .page--core-drop h3,
                    .coredrop1 h3,
                    .coredrop2 h3{
                      font-size:24px; 
                      margin:0 0 10px;
                    }
                    .page-aw20 .section.aw20_first-section{
                      margin-top:40px; 
                    }
                    .page-aw20 .both_site_content .content-info:last-child .img-data:first-child{
                      margin-bottom:40px; 
                      margin-left:40px;
                    }
                    .page-ss19 .only_content_info,
                    .page-aw19 .only_content_info{
                      width:70%;
                      margin:0 auto;
                    }
                    .page-aw20 .only_content_info{
                      width:87%;
                      margin:0 auto;
                    }
                    @media only screen and (max-width: 767px) {
                      .aw20__pages main:before{
                        height:750px; 
                      }
                      .page-aw20 .both_site_content h3,
                      .page-aw19 h3,
                      .page-aw18 h3,
                      .page-ss18 h3,
                      .page-ss17 h3,
                      .page-aw17 h3,
                      .page-aw16 h3,
                      .page-aw17 h3,
                      .page-ss16 h3,
                      .page-collaboration h3,
                      .page--core-inner h3,
                      .page-aw21 h3,
                      .page-ss22 h3,
                      .page-ss23 h3,
                      .page--core-drop h3,
                      .coredrop1 h3,
                    .coredrop2 h3{
                        font-size:14px; 
                      }
                      .page-aw20 .both_site_content .content-info{
                        width:100%; 
                      }
                      .page-aw20 .both_site_content .content-info:first-child{
                        margin-bottom:15px;
                      }
                      .page-aw20 .both_site_content .content-info:last-child .img-data:first-child{
                        margin:0 0 15px; 
                      }
                      .page-aw20 .img_width__small,
                      .page-aw18 .img_width__small.right_secc{
                        width:100%;
                        margin:0;
                      }
                      .page-aw20 .only_content_info,
                      .page-ss19 .only_content_info,
                      .page-aw19 .only_content_info{
                        width:100%; 
                      }
                    }
                    /* AW20 Page Css End */

                    /* Process Page Css Start */
                    .section.process__last_sec{
                      margin-bottom:20px; 
                    }
                    .page-process .only_content_info{
                      width: 70%;
                      margin: 0 auto;
                    }
                    .page-process .img_width__small,
                    .page--philosophy .img_width__small,
                    .page-studio .img_width__small,
                    .page-aw18 .img_width__small,
                    .page-ss18 .img_width__small,
                    .page-press .img_width__small,
                    .page-ss17 .img_width__small,
                    .page-aw17 .img_width__small,
                    .page-ss16 .img_width__small,
                    .page--core-inner .img_width__small{
                      width:77%;
                    }
                    .page-process .img_width__small.shift_to_right,
                    .page--philosophy .img_width__small.shift_to_right,
                    .page-studio .img_width__small.shift_to_right,
                    .page-ss18 .img_width__small.shift_to_right,
                    .page-press .img_width__small.shift_to_right,
                    .page-ss17 .img_width__small.shift_to_right,
                    .page-aw17 .img_width__small.shift_to_right,
                    .page-aw16 .img_width__small.shift_to_right,
                    .page-ss16 .img_width__small.shift_to_right,
                    .page--core-inner .img_width__small.shift_to_right{
                      float:right; 
                    }
                    .page-process .two-blocks-img-div .large_width_content{
                      width:52%;
                    }
                    .page-process .two-blocks-img-div .small_width_content{
                      width:44%;
                    }
                    .page-process .set_margin__top{
                      margin-top:60px; 
                    }
                    .page-process .set_margin__bottom{
                      margin-bottom:40px; 
                    }
                    .page-process .set_content_to_right{
                      text-align:right;
                      padding-left:100px;
                      margin-top:35px;
                    }
                    .page-process .width_88{
                      width:88%;
                      margin:0 auto;
                    }
                    .page-process .process__last_section{
                      margin-bottom:40px; 
                    }
                    .page-process  .second_sec_process{
/*                       width:85%; */
                      margin:0 auto;
                    }
                    .page-process .width_92{
                      width:92%; 
                      margin:0 auto;
                    }
                    @media only screen and (max-width: 767px) {
                      .page-process .only_content_info{
                        width: 100%;
                      }
                      .page-process .img_width__small,
                      .page--philosophy .img_width__small,
                      .page-studio .img_width__small,
                      .page-aw18 .img_width__small,
                      .page-ss18 .img_width__small,
                      .page-press .img_width__small,
                      .page-ss17 .img_width__small,
                      .page-aw17 .img_width__small,
                      .page-ss16 .img_width__small,
                      .page--core-inner .img_width__small{
                        width:100%;
                      }
                      .page-process  .second_sec_process{
                        width:100%;
                        margin:0 auto;
                      }
                      .page-process .width_92{
                        width:100%; 
                      }
                      .page-process .two-blocks-img-div .large_width_content{
                        width:100%;
                      }
                      .page-process .two-blocks-img-div .small_width_content{
                        width:100%;
                      }
                      .page-process .set_margin__top{
                        margin-top:0; 
                      }
                      .page-process .set_margin__bottom{
                        margin-bottom:20px; 
                      }
                      .page-process .width_88{
                        width:100%;
                      }
                      .page-process .set_content_to_right{
                        text-align:unset;
                        padding-left:0;
                        margin-top:0;
                        margin-bottom:20px;
                      }
                      .page-process .process__last_section .content-info{
                        width:100%; 
                      }
                      .page-process .process__last_section .info__data{
                        margin-top:20px;
                      }
                      .page-process .process__last_section{
                        margin-bottom:20px;
                      }
                    }
                    /* Process Page Css End */

                    /* Designer Page css Start */
                    .page--designer .only_content_info .float__right{
                      text-align:right;
                    }
                    .page--designer .img_width__small{
                      margin-left:40px; 
                      width:60%;
                    }
                    .page--designer .section.designer__last_sec{
                      margin-bottom:20px !important;
                    }
                    .page--designer .section.designer__last_sec .single-banner-div{
                      width: 75%;
                      margin: 0 auto;
                    }
                    @media only screen and (max-width: 767px) {
                      .page--designer .only_content_info .float__right{
                        text-align:right;
                      }
                      .page--designer .img_width__small{
                        margin-left:0; 
                        width:100%;
                      }
                      .page--designer .section.designer__last_sec .single-banner-div{
                        width: 100%;
                        margin: 0 auto;
                      }
                    }
                    /*  Designer Page Css end  */

                    /*  Philoshopy page css start  */
                    .page--philosophy .width_small_div{
                      width:85%;
                      margin:0 auto;
                    }
                    @media only screen and (max-width: 767px) {
                      .page--philosophy .width_small_div{
                        width:100%; 
                      }
                    }
                    /*  Philoshopy page css end */

                    /* SS19 Page css start*/
                    .ss19__pages main{
                      position:relative; 
                    }
                    .ss19__pages main .header{
/*                       background:transparent;  */
                    }
                    .ss19__pages main section.bg-base{
                      background:transparent; 
                    }
                    .ss19__pages main:before{
                      position:absolute;
                      content:"";
                      width:100%;
                      height:727px;
/*                       background:#dfe2e9; */
                          background: #f4ebe4;
                      z-index:-1;
                    }
                    .page-ss19 .four__blocks__images .content-info:first-child{
                      display:flex;
                      justify-content:space-between;
                    }
                    .page-ss19 .four__blocks__images .content-info:last-child{
                      display:flex;
                      justify-content:space-between;
                      align-items:flex-start;
                    }
                    .page-ss19 .four__blocks__images .content-info.first__div .img-data:first-child,
                    .page-ss19 .four__blocks__images .content-info.last__div .img-data:last-child{
                      width:40%;
                    }
                    .page-ss19 .four__blocks__images .content-info.first__div .img-data:last-child,
                    .page-ss19 .four__blocks__images .content-info.last__div .img-data:first-child{
                      width:56%;
                    }
                    .page-ss19 .four__blocks__images .content-info.first__div{
                      margin-bottom:4%;
                    }
                    .page-ss19 .four__blocks__images .content-info.last__div{
/*                       margin-top:-23%; */
                    }
/*                     .page-ss19 .page_ss19_first_sec{
                      margin-top:40px; 
                    } */
                    .page-ss19 .page_ss19_first_sec .content-info:first-child{
                      width:52%; 
                    }
                    .page-ss19 .page_ss19_first_sec .content-info:last-child{
                      width:44%; 
                    }
                    .page-ss19 .page_ss19_first_sec h3{
                      font-size: 24px;
                      font-weight: 500;
                      margin: 5px 0 10px; 
                    }
                    .page-ss19 .page_ss19_first_sec .info__data{
                      margin-top:30px; 
                    }
                    @media only screen and (max-width: 767px) {
                       .page-ss19 .four__blocks__images{
                        flex-wrap:wrap; 
                       }
                      .page-ss19 .four__blocks__images .content-info.first__div .img-data:first-child,
                      .page-ss19 .four__blocks__images .content-info.last__div .img-data:last-child,
                      .page-ss19 .four__blocks__images .content-info.first__div .img-data:last-child,
                      .page-ss19 .four__blocks__images .content-info.last__div .img-data:first-child{
                        width:100%;
                        margin-bottom:20px;
                      }
                      .page-ss19 .four__blocks__images .content-info.last__div .img-data:last-child{
                       margin-bottom:0; 
                      }
                      .page-ss19 .four__blocks__images .content-info.first__div{
                        margin-bottom:0;
                        flex-wrap:wrap; 
                      }
                      .page-ss19 .four__blocks__images .content-info.last__div{
                        margin-top:0;
                        flex-wrap:wrap; 
                      }
                      .page-ss19 .page_ss19_first_sec .content-info:first-child{
                        width:100%; 
                        margin-bottom:20px;
                      }
                      .page-ss19 .page_ss19_first_sec .content-info:last-child{
                        width:100%; 
                      } 
                      .page-ss19 .page_ss19_first_sec .info__data{
                        margin-top:20px; 
                      }
                      .page-ss19 .page_ss19_first_sec h3{
                        font-size:14px; 
                        margin: 5px 0 10px; 
                      }
                      .ss19__pages main:before{
                        height:996px; 
                      }
                    }
                    /* SS19 Page css end */

                    /* AW19 Page css start */
                    .aw19__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 750px;
/*                       background: #ecf0e2; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-aw19 .aw19_first-section{
                      margin-top:40px;
                    }
                    .page-aw19 .aw19_first-section .content-info:first-child{
                      width:52%; 
                    }
                    .page-aw19 .aw19_first-section .content-info:last-child{
                      width:44%; 
                    }
                    .page-aw19 .aw19_first-section .content-info:first-child .img-data:first-child{
                      margin-bottom:30px; 
                    }
                     @media only screen and (min-width: 768px) {
                        .page-aw19 .aw19_first-section .content-info .set__text__bg,
                       .page-ss18 .ss18__first__section .content-info .set__text__bg
                       {
                          background:transparent;
                        }
                     }
                    @media only screen and (max-width: 767px) {
                      .aw19__pages main:before{
                        height:530px; 
                      }
                      .page-aw19 .aw19_first-section .content-info:first-child{
                        width:100%; 
                        margin-bottom:20px;
                      }
                      .page-aw19 .aw19_first-section .content-info:last-child{
                        width:100%; 
                      }
                      .page-aw19 .aw19_first-section .content-info:first-child .img-data{
                        width:60%;
                      }
                      .page-aw19 .aw19_first-section .content-info:first-child .img-data:last-child{
                        float:right;
                      }
                      .page-aw19 .aw19_first-section .content-info:first-child .img-data:first-child{
                        margin-bottom:20px; 
                      }
                    }
                    /* AW19 Page css end */

                    /* AW18 Page css start */
                    .aw18__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 640px;
/*                       background: #fffef6; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-aw18 .set__width__size_small{
                      width:90%;
                      margin:0 auto;
                    }
                    .page-aw18 .first_aw18__section{
                      margin-top:40px; 
                    }
                    .page-aw18 .first_aw18__section .content-info:first-child{
                      width:44%;
                      /*                       padding-top:20px; */
                    }
                    .page-aw18 .first_aw18__section .content-info:last-child{
                      width:52%; 
                    }
                    @media only screen and (max-width: 767px) {
                      .aw18__pages main:before{
                        height:850px; 
                      }
                      .first_aw18__section .two-blocks-img-div .content-info{
                        margin-bottom:0; 
                      }
                      .page-aw18 .set__width__size_small{
                        width:100%;
                      }
                      .page-aw18 .first_aw18__section .content-info:first-child{
                        width:100%; 
                        padding-top:0;
                      }
                      .page-aw18 .first_aw18__section .content-info:last-child{
                        width:100%; 
                      }
                    }
                    /* AW18 Page css End */

                    /* SS18 Page css start */
                    .ss18__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 670px;
/*                       background: #faf5f2; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-ss18 .section.ss18__first__section,
                    .page-ss17 .section.ss17__first__section,
                    .page-aw17 .section.aw17__first__section,
                    .page-aw16 .section.aw16__first__section,
                    .page-ss16 .section.ss16__first__section,
                    .page-ss19 .page_ss19_first_sec,
                    .page-ss20 .section.ss20_first-section,
                    .page-explore.explore----page{
                      margin-top:40px; 
                    }
                    .page-ss18 .ss18__first__section .two-blocks-img-div{
                      align-items:center; 
                    }
                    .page-ss18 .ss18__first__section .content-info:first-child{
                      width:52%;
                    }
                    .page-ss18 .ss18__first__section .content-info:last-child{
                      width:44%;
                    }
                    .page-ss18 .ss18__first__section .content-info:first-child .info__data{
                      margin: 30px 0 0;
                    }
                    .page-ss18 .ss18__first__section .content-info:last-child .info__data{
                      margin: 0 0 30px;
                    }
                    @media only screen and (max-width: 767px) {
                      .page-ss18 .section.ss18__first__section,
                      .page-ss17 .section.ss17__first__section,
                      .page-aw17 .section.aw17__first__section,
                      .page-aw16 .section.aw16__first__section,
                      .page-ss16 .section.ss16__first__section,
                      .page-ss19 .page_ss19_first_sec,
                      .page-ss20 .section.ss20_first-section,
                       .page-explore.explore----page{
                        margin-top:20px; 
                      }
                      .ss18__pages main:before{
                        height:670px; 
                      }
                      .page-ss18 .ss18__first__section .content-info:first-child{
                        width:100%;
                      }
                      .page-ss18 .ss18__first__section .content-info:last-child{
                        width:100%;
                      }
                      .page-ss18 .ss18__first__section .content-info:first-child .info__data{
                        margin: 20px 0 0;
                      }
                      .page-ss18 .ss18__first__section .content-info:last-child .info__data{
                        margin: 20px 0 20px;
                      }
                    }
                    /* SS18 Page css end */


                    /* SS17 Page css start */
                    .ss17__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 825px;
/*                       background: #fbf0f0; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .ss17__first__section .two-blocks-img-div .content-info:first-child,
                    .aw16__first__section .two-blocks-img-div .content-info:first-child,
                    .ss16__first__section .two-blocks-img-div .content-info:first-child,
                    .corewomen1_first-section .two-blocks-img-div .content-info:first-child,
                    .coremen1_first-section .two-blocks-img-div .content-info:first-child,
                    .coremen2_first-section .two-blocks-img-div .content-info:first-child{
                      width:42%;
                    }
                    .ss17__first__section .two-blocks-img-div .content-info:last-child,
                    .aw16__first__section .two-blocks-img-div .content-info:last-child,
                    .ss16__first__section .two-blocks-img-div .content-info:last-child,
                    .corewomen1_first-section .two-blocks-img-div .content-info:last-child,
                    .coremen1_first-section .two-blocks-img-div .content-info:last-child,
                    .coremen2_first-section .two-blocks-img-div .content-info:last-child{
                      width:54%;
                    }
                    .ss17__first__section .two-blocks-img-div .content-info:last-child .info__data,
                    .aw16__first__section .two-blocks-img-div .content-info:last-child .info__data,
                    .ss16__first__section .two-blocks-img-div .content-info:last-child .info__data,
                    .corewomen1_first-section .two-blocks-img-div .content-info:last-child .info__data,
                    .corewomen2_first-section .two-blocks-img-div .content-info:last-child .info__data,
                    .coremen1_first-section .two-blocks-img-div .content-info:last-child .info__data,
                    .coremen2_first-section .two-blocks-img-div .content-info:last-child .info__data{
                      margin-bottom:45px; 
                    }
                    @media only screen and (max-width: 767px) {
                      .ss17__first__section .two-blocks-img-div .content-info:first-child,
                      .aw16__first__section .two-blocks-img-div .content-info:first-child,
                      .ss16__first__section .two-blocks-img-div .content-info:first-child,
                      .corewomen1_first-section .two-blocks-img-div .content-info:first-child,
                      .coremen1_first-section .two-blocks-img-div .content-info:first-child,
                      .coremen2_first-section .two-blocks-img-div .content-info:first-child{
                        width:100%;
                        margin-bottom:20px;
                      }
                      .ss17__first__section .two-blocks-img-div .content-info:last-child,
                      .aw16__first__section .two-blocks-img-div .content-info:last-child,
                      .ss16__first__section .two-blocks-img-div .content-info:last-child,
                      .corewomen1_first-section .two-blocks-img-div .content-info:last-child,
                      .coremen1_first-section .two-blocks-img-div .content-info:last-child,
                      .coremen2_first-section .two-blocks-img-div .content-info:last-child{
                        width:100%;
                      }
                      .ss17__first__section .two-blocks-img-div .content-info:last-child .info__data,
                      .aw16__first__section .two-blocks-img-div .content-info:last-child .info__data,
                      .ss16__first__section .two-blocks-img-div .content-info:last-child .info__data,
                       .corewomen1_first-section .two-blocks-img-div .content-info:last-child .info__data,
                      .corewomen2_first-section .two-blocks-img-div .content-info:last-child .info__data,
                      .coremen1_first-section .two-blocks-img-div .content-info:last-child .info__data,
                      .coremen2_first-section .two-blocks-img-div .content-info:last-child .info__data{
                     margin-bottom:20px; 
                      }
                    }
                    /* SS17 Page css end */  

                    /* AW17 Page css start */
                    .aw17__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 825px;
/*                       background: #ede0de; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .aw17__first__section .info__data{
                      margin-top:40px; 
                    }
                    .aw17__first__section .middle-data{
                      width:80%;
                      margin:0 auto;
                    }
                    .aw17__first__section .middle-data p:last-child{
                      text-align:right; 
                    }
                    
                    @media only screen and (max-width: 767px) {
                      .aw17__pages main:before{
                        height:400px; 
                      }
                      .aw17__first__section .info__data{
                        margin-top:20px; 
                      }
/*                       .aw17__first__section .info__data.set__text__bg{
                        background: transparent;
                      } */
                    }
                    /* AW17 Page css end */

                    /* AW16 Page css start */
                    .aw16__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 825px;
/*                       background: #ebe7dc; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-aw16 .img_width__small{
                      width:69%;
                    }
                    .page-aw16.page-explore .blocks-two-div .large_width{
                      width:56%;
                    }
                    .page-aw16.page-explore .blocks-two-div .small_width{
                      width:40%; 
                    }
                    @media only screen and (max-width: 767px) {
                      .page-aw16 .img_width__small{
                        width:65%;
                      }
                      .aw16__pages main:before{
                        height: 900px;
                      }
                    }
                    /* AW16 Page css end */

                    /* SS16 Page css start  */
                    .ss16__pages main:before{
                      position: absolute;
                      content: "";
                      width: 100%;
                      height: 800px;
/*                       background: #faffff; */
                          background: #f4ebe4;
                      z-index: -1;
                    }
                    .page-ss16 .only_content_info{
                      margin-left: 80px;
                      width: 80%;
                    }
                    .page-ss16 .ss16__first__section .content-info{
                      width: 91%;
                      margin: 0 auto;
                    }
                    .page-ss16 .ss16__second_section .info__data{
                      width: 96%;
                      margin: 0 auto;
                    }
                    @media only screen and (max-width: 767px) {
                      .page-ss16 .only_content_info{
                        margin: 0 auto;
                        width: 100%;
                      }
                      .page-ss16 .ss16__second_section .info__data{
                        width: 100%;
                      }
                      .page-ss16  .ss16__first__section .content-info{
                        width: 100%;
                      }
                      .page-ss16 .ss16__second_section .set__text__bg{
						background: transparent;
                      }
                    }
                    /* SS16 Page css end  */

                    /* Studio Page css start */
/*                     .page-studio .studio_second_block .content-info:first-child{
                      width:54%;
                    }
                    .page-studio .studio_second_block .content-info:last-child{
                      width:42%;
                    } */
                    /*.page-studio .studio_second_block .info_data{
                    margin:5px 0 30px; 
                  }
                    .page-studio .studio_second_block .info_data p{
                    line-height:24px; 
                  } */
                    .page-studio .width__set_div{
                      width:75%;
                      margin:0 auto;
                    }
                    .page-studio .section.studio__last_sec{
                      margin-bottom:20px !important;
                    }
                    @media only screen and (max-width: 767px) {
                      /*                       .page-studio .studio_second_block .content-info:first-child{
                      width:100%;
                      margin-bottom:20px;
                    }
                      .page-studio .studio_second_block .content-info:last-child{
                      width:100%;
                    }
                      .page-studio .studio_second_block .info_data{
                      margin:0 0 20px; 
                    } */
                      .page-studio .width__set_div{
                        width:100%;
                        margin:0 auto;
                      }
                    }
                    /* Studio Page css end */


                    /* Collaboration page css start */
                    .page-collaboration .section .set__btm_margin{
                      margin-bottom:30px; 
                    }
                    .page-collaboration .section.spacing_set_btm{
                      margin-top:30px !important; 
                    }
                    .page-collaboration .collab__logos_n_text{
                      display:flex;
                      align-items:center;
                      margin-bottom:30px;
                    }
                    .page-collaboration .collab__logos_n_text img{
                      margin-right:15px;
                    }
                    .page-collaboration .set__width_n_right{
                      width: 90%;
                      float: right;
                    }
                    .page-collaboration .set__width_n_left{
                      width: 90%;
                      float: left;
                    }
                    .page-collaboration .infos__data{
                      margin-bottom:30px; 
                    }
                    .page-collaboration .infos__data.set_margin_top{
                      margin-top:30px;
                      margin-bottom:0;
                    }
                    .page-collaboration .infos__data p{
                      /*                       text-align: justify;  */
                    }
                    .page-collaboration .left_s_right_l .content-info:first-child{
                      width:42%;    
                    }
                    .page-collaboration .left_s_right_l .content-info:last-child{
                      width:54%;    
                    }
                    .page-collaboration .l_large_r_small .content-info:first-child{
                      width: 52%;
                    }
                    .page-collaboration .l_large_r_small .content-info:last-child{
                      width: 44%;
                    }
                    .page-collaboration .l_large_r_small .content-info:last-child img{
/*                       margin-top:-47px; */
                    }
                    .page-collaboration .himeya__sec .two-blocks-img-div .content-info:first-child{
                      width:51%; 
                    }
                    .page-collaboration .himeya__sec .two-blocks-img-div .content-info:last-child{
                      width:45%; 
                    }
                    .page-collaboration  .forest__div .content-info:first-child{
                      width:42%;
                    }
                    .page-collaboration  .forest__div .content-info:last-child{
                      width:54%;
                    }
                    .page-collaboration .collab-third-sec .set_40_marginb{
                      margin-bottom:40px; 
                    }
                    @media only screen and (max-width: 767px) {
                      .page-collaboration .collab-third-sec .set_40_marginb{
                        margin-bottom:20px; 
                      }
                      .page-collaboration .collab__logos_n_text{
                        margin-bottom: 20px;
                      }
                      .page-collaboration .section.set__btm_margin{
                        margin-bottom:20px; 
                      }
                      .page-collaboration .section.spacing_set_btm{
                        margin-top:20px !important; 
                      }
                      .page-collaboration .set__width_n_right{
                        width: 100%;
                      }
                      .page-collaboration .set__width_n_left{
                        width: 100%;
                      }
                      .page-collaboration .infos__data{
                        margin-bottom:20px; 
                      }
                      /*     .page-collaboration .left_s_right_l .content-info:first-child{
                      width:100%;    
                    }
                      .page-collaboration .left_s_right_l .content-info:last-child{
                      width:100%;    
                    } */
                      .page-collaboration .left_s_right_l .two-blocks-img-div,
                      .page-collaboration .set__align_bottom .two-blocks-img-div{
                        align-items:flex-end; 
                      }
                      .page-collaboration.page-explore .section{
                        margin-bottom:40px;
                      }
                      .page-collaboration .infos__data.set_margin_top{
                        margin-top:20px; 
                      }
                      .page-collaboration .section.set_width_mob {
                        margin-bottom:20px; 
                      }
                      .page-collaboration  .forest__div .content-info:first-child{
                        width:100%;
                        margin-bottom:20px;
                      }
                      .page-collaboration  .forest__div .content-info:last-child{
                        width:100%;
                      }
                      .page-collaboration .left_s_right_l .content-info:first-child{
                        width:100%;    
                        margin-bottom:20px;
                      }
                      .page-collaboration .left_s_right_l .content-info:last-child{
                        width:100%;    
                      }
                      .page-collaboration .l_large_r_small .content-info:first-child{
                        width: 100%;
                        margin-bottom:20px;
                      }
                      .page-collaboration .l_large_r_small .content-info:last-child{
                        width: 100%;
                      }
                      .page-collaboration .l_large_r_small .content-info:last-child img{
/*                        margin-top:0;  */
                      }
                      .page-collaboration .himeya__sec .two-blocks-img-div .content-info:first-child{
                        width:100%; 
                      }
                      .page-collaboration .himeya__sec .two-blocks-img-div .content-info:last-child{
                        width:100%; 
                      }
                      .page-collaboration .two-blocks-img-div .content-info{
                       width:100%; 
                      }
                      .page-collaboration .two-blocks-img-div .content-info:first-child{
                       margin-bottom:20px; 
                      }
                    }
                    /* Collaboration page css end */

                    /* Press Page css start */
                    .page-press a.accent-link{
                      float: right;
                      padding: 10px 0 0;
                      color:#242424;
                    }
                    .page-press a.accent-link:hover{
                      opacity:1;
                    }
                    .page-press .press__page_first_sec{
                      width: 70%;
                      margin-left: auto;
                      margin-right: auto;
                      margin-top: -160px;
                    }
                    .page-press .align--items-center, .align--items-center{
                      align-items:center; 
                    }
                    .page-press .set__width__88{
                      width:85%;
                      margin:0 auto;
                    }
                    .page-press .set__width__65{
                      width:65%;
                    }
                    .page-press .info__data{
                      margin-top:30px;
                    }
                    page-press.page-explore .blocks-two-div{
                      align-items:flex-start; 
                    }
                    @media only screen and (max-width: 767px) {
                      .page-press .press__page_first_sec{
                        width:92%; 
                        margin-top: -50px;
                      }
                      .page-press .set__width__88{
                        width:100%;
                      }
                      .page-press .set__width__65{
                        width:100%;
                      }
                      .page-press .info__data{
                        margin-top:20px;
                      }
                    }
                    /* Press Page css end */


                    /*   Homapge sec css start */
                    .homepage-dynamic-collage-sec{
                      margin:10px 0; 
                    }
                    .homepage-dynamic-collage-sec .collage{
                      margin:0 10px;
                    }
                    .homepage-dynamic-collage-sec .collage .content-overlay__heading,
                    .template-index  .full-width-image .content-overlay__heading{
                      font-size: 17px;
/*                       text-decoration: underline; */
                      font-weight:400;
                      display: inline-block;
                      text-align: center;
                      margin: 0 auto;
                      text-decoration: none;
                      padding-bottom: 2px;
                      border-bottom: 1px solid #fff;
                    }
                     .homepage-dynamic-collage-sec .collage a,
                    .template-index  .full-width-image a{
                      text-align:center;
                    }
                    .template-index  #shopify-section-dynamic-full-width-image-3 .full-width-image{
                      z-index:unset;
                    }
                    .template-index .text-n-link-sec-only.section{
                      width: calc(100% - 40px);
                      padding: 10px;
                      margin: 20px auto 10px;
                      /*     background:#edede5; */
                    }
                    .template-index .section--dynamic-collage .content-overlay,
                    .template-index .full-width-image .content-overlay{
                      color: #ffffff;
                      top: 58%;
                      left: 50%;
                      transform: translate(-50%, -58%);
                      bottom: auto;
                    }
                    @media only screen and (max-width: 767px) {
                      /*     .template-index .collage .content-overlay,
                      .template-index .full-width-image .content-overlay{
                      top:auto;
                    } */
                    }
                    /*  Homapge sec css end  */


                    /* Collection Page css start */
                    .template-collection .left-collection-sidebar .menu-div a.active{
                       font-weight:700; 
                      }
                    .template-collection .viewing__form__all{
                     display:none; 
                    }
                    .template-collection .collection-page-div .left-collection-sidebar{
                      display:none; 
                    }
                    .template-collection main,
                    .header-container.is-sticky .header{
                      background: #f4f5ef;
                    }
                    .template-collection .collection__button{
                      background: #adafa1;
                      color: #fff;
                      border-color: #adafa1;
                    }
                    .template-collection .collection__button svg{
                      color:#fff; 
                    }
                    .template-collection .collection__button:focus{
                      outline:none; 
                    }
                    .template-collection .collection__bar{
                      margin-top:18px; 
                    }
                    .template-collection #filters.fixed_div_filters .collection__bar{
                      margin-top:0; 
                    }
                    .template-collection #filters .collection__bar{
                      background:transparent; 
                      padding:0 10px;
                    }
                    .template-collection #filters .collection__bar-view{
                      display:none;
                    }
                    .template-collection #filters.fixed_div_filters {
                      position: fixed;
                      top: 0;
                      z-index: 9999;
                    }
                    .pagination{
                      text-align:center;
                    }
                    .pagination__item{
                      background-color: transparent;
                      border: transparent;
                      box-shadow:unset;
                    }
                    .pagination ul.list{
                      display: inline-block;
                      border-bottom: 1px solid #acb19d;
                      margin-bottom:25px;
                    }
                    .filter-flyout__bottom{
                      border-bottom:1px solid #285556; 
                    }
                    .sorting__div .filter-flyout__filters{
                      height:140px;
                    }
                    .filter_sticky__top  #filters{
                      padding-top:70px; 
                    }
                    .filter_sticky__top  #filters.fixed_div_filters{
                      padding-top:0; 
                    }
                    @media only screen and (min-width: 960px) {
                      /*     .template-collection  .header--default{
                      padding:45px 0 20px;
                    } */
                      .template-collection header .header__logo-wrapper,
                      .template-collection header .header__nav,
                      .header-container.is-sticky .header__sticky-logo-wrapper{
                        display:none;
                      }
                      .template-collection header,
                      .template-collection .header-container.is-sticky .header{
                        box-shadow:unset; 
                      }
                      /*     .template-collection .header-container.is-sticky .header--default{
                      padding:20px 0; 
                    } */
                      .template-collection  header.is-sticky{
                        top:0 !important;    
                      }
                      .template-collection header .flex.justify-between{
                        justify-content:flex-end;
                      }
                      .template-collection .collection-page-div{
                        display: flex;
                        justify-content: flex-end;
                      }
                      .template-collection .collection-page-div .left-collection-sidebar{
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 20%;
                        min-width: 240px;
                        max-width: 360px;
                        z-index: 9999;
                        /* padding:22px 40px 20px; */
                        padding:11px 40px 20px;
                        display:block;
                      }
                      /*     .template-collection.set_collection_logo .collection-page-div .left-collection-sidebar{
                      padding:20px 40px;
                    } */
                      .template-collection .collection-page-div .right-collection-content{
                        width: 100%;
                        float:right;
                      }
                      .template-collection.show__menu___sidebarDiv .collection-page-div .right-collection-content{
                        width: calc(100% - 20%);
                      }
                      .template-collection .collection-page-div #shopify-section-static-collection{
                        width: calc(100% - 20%);
                        float:right;
                      }
                      .template-collection.show__menu___sidebarDiv .collection-page-div #shopify-section-static-collection{
                        width: 100%;
                        float:unset;
                      }
                      .template-collection .left-collection-sidebar .logo-div{
                        margin-bottom:31px; 
                      }
                      .template-collection .left-collection-sidebar .logo-div img{
                        /* width: 70px; */
                        width:180px;
                      }
                      .template-collection .left-collection-sidebar .logo-div .b_logo{
                       display:none; 
                      }
                      .template-collection.show__menu___sidebarDiv .left-collection-sidebar .logo-div .b_logo,
                      .template-collection.fixed_c_header .left-collection-sidebar .logo-div .b_logo{
                       display:block; 
                      }
                      .template-collection.show__menu___sidebarDiv .left-collection-sidebar .logo-div .w_logo,
                      .template-collection.fixed_c_header .left-collection-sidebar .logo-div .w_logo{
                       display:none; 
                      }
                      .template-collection .left-collection-sidebar .collectiomenuBar .bmenu{
                        display:none; 
                      }
                      .template-collection.show__menu___sidebarDiv .left-collection-sidebar .collectiomenuBar .bmenu,
                      .template-collection.fixed_c_header .left-collection-sidebar .collectiomenuBar .bmenu{
                        display:block; 
                      }
                      .template-collection.show__menu___sidebarDiv .left-collection-sidebar .collectiomenuBar .wmenu,
                      .template-collection.fixed_c_header .left-collection-sidebar .collectiomenuBar .wmenu{
                        display:none; 
                      }
                      .template-collection .left-collection-sidebar .menu-div ul{
                        margin: 0;
                        padding: 0;
                      }
                      .template-collection .left-collection-sidebar .menu-div li{
                        list-style: none;
                        margin-bottom: 0;
                        border-bottom:1px solid #d7d7d7;
                      }
                      .template-collection .left-collection-sidebar .menu-div li a{
                        padding:15px 0; 
                        display:block;
                        color:#000;
                        font-size:15px;
                        text-transform:uppercase;
                      }
                      .template-collection .left-collection-sidebar .has_sub_child li{
                        margin-bottom:0;
                        margin-top:0;
                      }
                      .template-collection .left-collection-sidebar .has_sub_child a{
/*                         color:#acb19d;  */
/*                         text-decoration:underline; */
                      }
                      .template-collection .left-collection-sidebar .menu-div ul .has_sub_child{
                        padding-left:15px;
                        padding-bottom:15px;
                      }
                      .template-collection .left-collection-sidebar .menu-div ul .has_sub_child li{
                        border-bottom:none; 
                      }
                      .template-collection .left-collection-sidebar .menu-div ul .has_sub_child a{
                       padding:5px 0; 
                      }
                      .template-collection .left-collection-sidebar ul .has_sub_sub_child{
                        padding-left:15px;
                      }
                      .template-collection .left-collection-sidebar ul .has_sub_sub_child li{
                        margin-top:0 !important; 
                        border-bottom:none;
                      }
                      .template-collection .left-collection-sidebar ul .has_sub_sub_child a{
                        color:#000; 
                        text-decoration:unset;
                        padding:5px 0;
                      }
                      .template-collection .left-collection-sidebar .accordion_body01 {
                        display:none; 
                      }
                      .template-collection .left-collection-sidebar .accordion_body01.display__this_block {
                        display:block; 
                      }
                      .template-collection .left-collection-sidebar .accordion_head01{
                        background: url(https://cdn.shopify.com/s/files/1/0521/2123/9719/files/plus_1.png?v=1617096646)no-repeat scroll right center;
                        background-size: 12px;
                        background-position-y: 33%; 
                      }
                      .template-collection .left-collection-sidebar .accordion_head01.active{
                        background: url(https://cdn.shopify.com/s/files/1/0521/2123/9719/files/minus_1_1.png?v=1617096646)no-repeat scroll right center;
                        background-size: 12px;
                        background-position-y: 33%; 
                      }
                      .template-collection .left-collection-sidebar .highlight_the_text{
                        font-weight:600; 
                      }
                    }
                    @media only screen and (max-width: 959px) {
                      .template-collection .filter_sticky__top #filters{
                        padding-top:100px; 
                      }
                      .template-collection .filter_sticky__top #filters.fixed_div_filters{
                        padding-top:0; 
                      }
                    }
                    @media only screen and (max-width: 767px) {
                      .template-collection #filters.fixed_div_filters {
                        top: 62px;
                        background: #f4f5ef;
                        width: 100%;
                        border-top: 1px solid #adafa1;
                        border-bottom: 1px solid #adafa1;
                        z-index:9;
                      }
                    }
                    @media only screen and (max-width: 767px) {
                      .template-collection #filters .collection__bar{
                        padding:0 0; 
                      }
                      .template-collection .collection__button{
                        margin:10px 4px;
                        width:100%;
                        justify-content: space-between;
                      }
                      .template-collection #filters .collection__bar >div{
                        width:100%;
                        display:flex;
                        flex-wrap:wrap;
                      }
                      .template-collection #filters .collection__bar-view{
                        display:none !important; 
                      }
                    }
                    /* Collection Page css end */

                    /*    */
                    @media only screen and (min-width: 960px) {
                      .nav .nav__submenu{
/*                         display:none !important;  */
                      }
                    }

                    /*    */
                    .collection-page-div .plusminus01{
                      float:right; 
                    }
                    /*    */

                    #shopify-section-16156229737d5c4d43 .collage-section{
                      margin-bottom:0;
                      padding-bottom:10px;
                    }

                    /*  set body bg  */
                    main{
                      z-index:9; 
                    }
                    .template-index main,
                    .set_body_bg main{
/*                       background: url(https://cdn.shopify.com/s/files/1/0521/2123/9719/files/BACKDROP.jpg?v=1626436519)repeat scroll center center; */
                      background-size: 100%;
                      background: rgb(255 253 249);
                    }
                    /*  set body bg  */

                    /* Static Pages Css Start */
                    
                    .static-pages h3{
                      font-size: 14px; 
                      margin:25px 0 0;
                      font-weight:700;
                      text-transform:uppercase;
                    }
                    .static-pages p{
                      font-size: 14px; 
                      margin:0 0 10px;
                    }
                     .static-pages .infoss {
                      margin-bottom: 20px;
                    }
                    .static-pages .infoss b, .static-pages b{
                     font-weight:400; 
                    }
                    .static-pages.contact___us__page b{
                      font-weight:700;
                      text-transform:uppercase;
                    }
                    .static--pages--div .static-pages{
                     text-align:justify; 
                    }
                    .static--pages--div .page-header .centered-content{
                      width:100%;
                      max-width:100%;
                      text-align:left;
                    }
                    .static--pages--div .page-header .centered-content .page-header__title{
                      max-width:100%;
                      font-weight:400;
                      font-size: 24px;
                      line-height: 20px;
                      text-transform:uppercase;
                    }
                    .static--pages--div .page-header{
                      margin-bottom:20px; 
                    }
                     @media only screen and (max-width: 767px) {
					  .static--pages--div .page-header__title{
						font-size:14px;
                      }  
                       .static-pages p{
                      font-size: 12px; 
                       }
                     }
                    /* Static Pages CSs end */

                    /*    */
                    #shopify-section-dynamic-collage-landing-page-1 .collage-section{
                      margin-top:0 !important; 
                    }
                    /*    */

                    /*  */
                    .slideshow .slideshow__link{
                      font-size: 30px;
                      color: #fff;
                      text-transform: uppercase;
                    }
                    .header-transparent .transparent-section .slideshow__content-inner{
                      margin-top:0 !important; 
                    }
                    @media only screen and (min-width: 768px) {
                      .slideshow .slideshow__link{
                        font-size: 24px;
                        line-height:26px;
                      }
                    }
                    @media only screen and (max-width: 767px) {
                      .slideshow .slideshow__link{
                        font-size: 17.5px;
                        line-height:19.5px;
                      }
                    }
                    /*  */

                    /* collection Mobile header css start */
                    .add_sticky_header_coll .header-container .icon {
                      color: var(--color-header-icon);
                        }
                    @media only screen and (max-width: 959px) {
                      .add_sticky_header_coll .header-container .header__logo-image{
                        opacity:0;
                      }
                      .add_sticky_header_coll .header-container .header__sticky-logo-image{
                        display: flex;
                        align-items: center;
                        visibility: visible;
                        opacity:1;
                      }
                      .add_sticky_header_coll .header-container .header__sticky-logo-wrapper{
                        display: flex;
                        align-items: center;
                        bottom: 0;
                        height: 62px;
                        left: 50%;
                        transform: translate(-50%, 0);
                        position: absolute;
                        visibility: visible;
                        opacity: 1;
                      }
                      .add_sticky_header_coll .header-container .header__sticky-logo-image img{
                        max-height: 23px; 
                      }

                      .add_sticky_header_coll .header-container .icon{
                        color:var(--color-header-icon);
                          }
                    }
                    @media only screen and (min-width: 960px) {
                      .collection__products{
                        min-height:600px;                      
                      }
                    }
                    /* Collection mobile header css end */

                    .info_data.set__text__bg i {
                      font-style: normal !important;
                    }                 


                    /* Product Color List sec css start */
                    .color-lists-sec{
                      margin:0 0 15px;
                      padding:0 0 10px;
                    }
                    .color-lists-sec label{
                     display:none; 
                    }
                    .color-lists-sec label:first-child{
                      display:block; 
                    }
                    .color-lists-sec .color-lists-divs{
                      display:flex;
                      flex-wrap:wrap;
                    }
                    .color-lists-sec .color-lists-divs .color-list{
                      width:40px;
                      height:40px;
                      margin:0 5px 10px;
                      position:relative;
                    }
                    .color-lists-sec .color-lists-divs .color-list:first-child{
                      margin-left:0; 
                    }
                    .color-lists-sec .color-lists-divs .color-list img{
                      width:60px;
                      height:60px;
                      border-radius:100%;
                    }
                    .color-lists-sec .color-lists-divs .name_of_color{
                      position: absolute;
                      min-width: 80px;
                      font-size: 10px;
                      bottom: -25px;
                      left: 0;
                      text-transform: uppercase;
                      background: #fff;
                      display: inline-block;
                      border: 1px solid #f6f6f6;
                      text-align: center; 
                      display:none;
                    }
                    .color-lists-sec .color-lists-divs .name_of_color h3{
                      font-size: 10px;
                      margin: 0;
                      padding: 2px;
                    }
                    .color-lists-sec .color-lists-divs .color-list:hover .name_of_color{
                      display:block; 
                    }
                    .color-lists-sec .color-lists-divs .color-list a.swatch__color_div.active{
                     display:inline-block;
                      border:1px solid #d7d7d7;
                    }
                    .color-lists-sec .color-lists-divs .color-list .swatch__color{
                      width: 40px;
                      height: 40px;
                      display: block;
                      border-radius: 0;
                      background-position: center center;
                      background-size:63px;
                      margin:2px;
                    }
/*                     .color-lists-sec .color-lists-divs .color-list .swatch__color.active{
                      
                    } */
                    /* Product Color List sec css end */
                    
                    .set__font_size_12{
                     font-size:18px; 
                    }
                    @media only screen and (max-width: 767px) {                    
                      .set__text__bg{
                        padding-left:0px;
                        padding-right:0px;
                      }
                      .info_data p, .info__data p, .content-info p, .set__text__bg p, .set__font_size_12{
                        font-size: 12px;
                        text-align: left;
                        line-height: 16px;
                      }
                      .info_data p b, .content-info p b{
                        font-size:13px;
                      }
                      .landing__collection_page .section{
                       margin-top:20px;
                        margin-bottom:20px;
                      }
                      .header__logo-image img{
                        max-height: unset;
                        height: 23px;
                      }
                    }
                    
/*  product page css start   */
                       @media only screen and (max-width: 767px) {  
                         .product .product__title{
                           font-size:14px; 
                         }
                         .product .product__vendor{
                           font-size:14px; 
                         }
                         .product .shopify-product-form label{
                           font-size:14px; 
                         }
                         .product .shopify-product-form select{
                           font-size:12px; 
                         }
                         .product .shopify-product-form #Quantity{
                           font-size:12px; 
                         }
                         .product .short_description_div{
                           font-size:12px; 
                         }
                         .product .short_description_div b{
                           font-size:14px; 
                         }
                         .product-recommendations__side .type-heading-1{
                           font-size:14px; 
                         }
                       }
/*                      */
                    
                    
/*  Search Page css start   */
.search-template__pagination .viewing__form__all{
  display:none;
}
.search-template__pagination.top__div_pagination .viewing__form__all{
  display:block;
}
.search-template__pagination.top__div_pagination .list{
  display:none;                      
}
.search-template .search-template__results{
 display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.search-template .search-template__results .search-template__item{
 width:25%; 
  display:block;
  background-color:transparent;
  margin-bottom:40px;
  padding:0 10px;
}
.search-template .search-template__results .search-template__image{
  width: 100%;
  padding: 0;
}
 .search-template .search-template__results .search-template__item .type-heading-2{
	font-size: 15px;
    margin: 15px 0 1px;
    font-weight: 400;
}
.search-template .search-template__results .search-template__item span{
	    font-style: italic;
    font-size: 16px;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .search-template .search-template__results .search-template__item .type-heading-2{
    font-size: 14px;
    margin:10px 0 1px;
  }
  .search-template .search-template__results .search-template__item span{
    font-size: 15px;
  }   
  .search-template .search-template__results .search-template__item{
   width:48.5%;
    margin:0 0 30px;
    padding:0;
  }
  .search-template{
   padding:0; 
  }
  .search-template .search-template__results .pro_btm_details{
   padding:0 15px; 
  }
  .search-template .search-template__heading{
   padding:0 20px; 
  }
}
                    
/*  Search Page css end  */
                    
/*  Header search css start */
@media only screen and (min-width: 960px) {
  header .search{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index:99;
  }
  header .search .search__container{
    width: 100%;
    max-width: 100%;
    padding: 15px 15px 15px;
    margin: 0;
    background: #fff;
  }
  header .search .search__container .search__input{
    box-shadow: unset;
    outline: none;
  }
  .header-container.is-sticky .search{
      margin: 0;
    top: 72px;
  }
    .header-container.is-sticky .search__container{
      margin: 0;
  }
   .template-collection .header-container.is-sticky .search{
    top:0; 
   }
  .template-collection.search__open #filters.fixed_div_filters,
  .template-collection.search__open .collection-page-div .left-collection-sidebar{
   z-index:9 
  }
}
/*  Header search css end */
                    
  /*  */
  .quick-cart__tabs{
  	text-align:center;  
  }
   .quick-cart__popup .quick-cart__footer{
	padding-left:15px !important;
    padding-right:15px !important;
   }
  .set___min_height{
   min-height:600px; 
  }
  @media only screen and (max-width: 767px) {
    .set___min_height{
      min-height:500px; 
    }
  }
/*  */
 
/* Cart Page css Start */
.cart-template__footer-actions{
	width:100%; 
}
.terms_and_checkout .cart-attribute__field{
 	margin-bottom:15px; 
}
.terms_and_checkout .checkout__btn{
display:none; 
}
.terms_and_checkout.highlight .checkout__btn{
 display:block; 
}
.terms_and_checkout .before__selection_checkout{
 display:block; 
  line-height:43px;
}
 .terms_and_checkout.highlight .before__selection_checkout{
 display:none; 
}
#CartSpecialInstructions{
 border:1px solid #d7d7d7;
}
/* Cart Page css end */
                    
/*  */
@media only screen and (max-width: 767px) {
   .template-index .slideshow__slide--full_height,
  .template-collection .slideshow__slide--full_height{
     padding:0 !important;
   }
  .landing__collection_page .slideshow__slide--full_height{
/*      padding:100vh !important; */
   }
}
/*  */
                    
/* Cart Page css start  */
@media only screen and (max-width: 767px) {
  .cart-template .cart-template__item{
    justify-content: space-between;
    padding:15px 0 !important;
  }
  .cart-template .cart-template__item .cart-template__image{
    width: 110px;
  }
  .cart-template .cart-template__item .cart-template__text{
    width: calc(100% - 120px);
    padding: 8px 10px 8px 0;
  }
  .cart-template .cart-template__item .cart-template__details{
    padding-right:0; 
    margin:0 0 3px;
  }
  .cart-template .cart-template__item .cart-template__details a{
    display:flex;
    margin-bottom:0;
    font-size:14px;
  }
  .cart-template .cart-template__item .cart-template__details a span{
   margin:1px 0 0 3px;
    font-size:14px;
  }
  .cart-template .cart-template__item .cart-template__quantity input{
   height:40px;
   margin:0 0 5px;
  }
  .cart-template .cart-template__item .cart-template__line-price{
    text-align:left;
    width:100%;
    font-size: 14px;
    margin-bottom: 25px;
  }
  .cart-template .cart-template__footer .type-body-extra-large{
    font-size:16px;
  }
  .cart-template .type-heading-1, 
  .cart-template .cart-template__footer-details, 
  .cart-template .terms_and_checkout label{
    font-size:14px;
  }
    
}
/* Cart Page Css End */
.product .shopify-product-form button{
  background: #9a9a9a;
/*   color: #363636; */
  color:#fff;
}
.product .shopify-product-form button:hover{
  opacity:1; 
}               
.products_left_div{
    font-size: 15px;
  margin-bottom:30px;
}
                    
.product .tax_inclsuive{
  font-size: 14px;
}
.product .product__title{
 margin:10px 0; 
  /* font-size:18px; */
  font-size:25px;
  font-weight:400;
}
 .product .select-wrapper select{
  height:35px; 
   padding:8px 10px;
 }
 .product #Quantity{
  height:35px; 
 }
.product button.add_cart_btn{
 height:35px; 
 margin-top:40px;
  font-size:15px;
}
.product .vendor_name_n_share{
  display: flex;
  justify-content: space-between;                      
}
.product .vendor_name_n_share p{
 margin:0; 
}
.product .pricess__div{
 padding-bottom: 5px;
 border-bottom: 1px solid #d7d7d7; 
}
.product .share_whatsapp a{
  font-size: 15px;
}
.product .share_whatsapp svg{
  width: 12px;
  position: relative;
  top: 3px;
  height: 14px;
}
.product .shipping-information-tab{
 margin-bottom:20px; 
}
.product .accordion_content01{
  padding: 12px 0;
  border-top: 1px solid #d7d7d7;
}
.product .accordion_head01{
/*   font-size:16px;  */
  cursor: pointer;
}
.product .accordion_body01{
 font-size:15px; 
  display:none;
  padding-top:10px;
}
.product .accordion_body01 ul{
 padding:0;
 margin:0;
}
.product .plusminus01{
  font-size: 16px;
  padding-left: 10px;   
  text-indent: 99em;
  width: 30px;
  height: 17px;
  display: inline-block;
  position: relative;
  float: right;
}
 .product .plusminus01:after{
   content: ' ';
   pointer-events: none;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #acb19d;
   position: absolute;
   top: 50%;
   margin-top: -3px;
   right: 15px; 
 }
.product .accordion_head01.active .plusminus01:after{
  border-bottom: 6px solid #acb19d;
  border-top: none;
}
.product .product__variantss_div{
  position:relative;
}
.product .product__variantss_div .variant-popup__trigger{
  position: absolute;
  right: 0;
  top: 10px;
  margin: 0 0;
/*   font-size: 16px; */
  color: #363636;
}
.product .select-wrapper:after{
  border-top:6px solid #acb19d;
}
.product .product_title__n_share{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;               
}
.product .product_title__n_share .share_whatsapp p{
 margin:5px 0; 
}
.product .short_description_div p:first-child{
 margin-top:8px;
}
.product .vendor_name_n_share,
.product .product__heading .pricess__div, 
.product .product__heading .pricess__div .type-body-regular,
.product .short_description_div,
.product .shopify-product-form label,
.product .shopify-product-form select,
.product .tax_inclsuive,
.product .accordion_head01,
.product .product__variantss_div .variant-popup__trigger{
 font-size:15px; 
}
@media only screen and (max-width: 767px) {
  .product .product__title{
    font-size:18px;
  }
  /* .product .product__variantss_div .variant-popup__trigger{
    font-size: 14px;
  } */
  .product__zoom-arrow{
    width: 20px;
    height: 20px;
  }
  .product__zoom-arrow .icon{
    width: 12px;
    height: 12px;
  }
  /* .product .accordion_head01{
 font-size:14px; 
} */
  /* .product .share_whatsapp a{
    font-size: 12px;
  } */
  .products_left_div{
    font-size:12px;
  }
  .product .tax_inclsuive{
  font-size: 12px;
}
  .product .product__heading .tax_inclsuive{
	font-size:10px;
    padding-left: 3px;
  }
  /* .product .product__heading .pricess__div,
  .product .product__heading .pricess__div .type-body-regular{
   font-size: 14px;
  } */
  .section.product-recommendations{
    background: #edede5;
  }
  #modal-size-guide .type-heading-1{
   font-size:14px; 
  }
  #modal-size-guide p{
    font-size: 12px;
    line-height: 20px;  
  }
  #modal-size-guide th, 
  #modal-size-guide tr{
    font-size:14px; 
  }
  #modal-size-guide td{
    font-size: 12px;
    min-width:65px;
  }
}
                    
/* Search Header css start */
 @media only screen and (max-width: 959px) {
   #mobile-nav{
    margin-right:36px; 
   }
   .header__icon--search{
     display: inline-block;
     margin-right: 18px; 
   }
   header .quick-search .search{
     top: 97px;
   }
   header .search__container{
    padding:0; 
   }
   header .search__container .search__input{
     font-size:12px;
     outline:none;
   }
    header .search__container .search__input:focus{
      outline:none;
    }
 }
/* Search Header CSs end*/
                    
                    
.drawer-menu__item.drawer-menu__item--search{
 display:none; 
}
.header__nav .nav__item{
 position:relative;                      
}
.header__nav .nav__item:hover .nav__submenu,
.header__nav .nav__item:focus .nav__submenu{
  display:block;
  top: 43px;
  background: #ffffff87;
  width: 165px;
  padding:12px 13px;
}
.header__nav .nav--depth-2.nav__submenu .nav__item{
  line-height: 26px;
}
.header__nav .nav--depth-2.nav__submenu .nav__item a{
  font-size:14px;
}
                    
/*  */
.quick-cart__popup{
 background: #fff; 
}
.quick-cart__popup .quick-cart__checkout-button{
  background: #9a9a9a;
  color: #fff;                     
}
.quick-cart__popup .quick-cart__checkout-button:hover{
 opacity:1; 
}
.quick-cart__popup .quick-cart__quantity-button{
  background: #f1f1f1;
/*   color: #fff;                */
 }
/*  */
                    
/* Cart Page css start */
.cart-template{
  min-height:720px; 
}
.cart-template .type-heading-1{
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
.cart-template .cart-template__item{
  background:transparent;
/*   border-top:1px solid #d7d7d7; */
  border-bottom:1px solid #d7d7d7;
  margin-bottom:0;
/*   align-items:flex-start; */
  padding:10px 0;
}
.cart-template .subtotal___div{
text-align:right; 
  margin-top:40px;
}
.cart-template .subtotal___div .meta{
 text-transform:uppercase;
  font-size:21px;
}
.cart-template .cart__terms_condition___fields{
 display: flex;
 justify-content: flex-end;
}
.cart-template .cart__terms_condition___fields .cart-attribute__field{
 width: 294px;                     
}
.cart-template .cart__terms_condition___fields .cart-attribute__field label{
 font-size:11px; 
}
.cart-template .cart__terms_condition___fields input{
 position:relative;
  top:3px;
}
/* .cart-template .cart__special-instruction label{
margin-top:0;
} */
.cart-template #CartSpecialInstructions:focus{
/*  border:1px solid #d7d7d7;  */
    outline: none;
/*     box-shadow: none; */
}
.cart-template .remove__btn_item{
    text-align: center;
    font-size: 16px;
    margin-top: 7px;
}
.cart-table-heading-div{
 display:flex;
  border-top:1px solid #d7d7d7;
}
.cart-template .cart-template__item:nth-child(2n){
  border-top:none;   
  padding-top:0;
}
.cart-template .cart-template__item:nth-child(2n) .cart-template__image{
padding-top:0;                      
}
.cart-table-heading-div .item__heading{
text-align:center;
  text-transform:uppercase;
  font-size:14px;
  padding:5px 0 2px;
}
.cart-table-heading-div .item__div{
  width:140px;
  flex-shrink: 0;
}
.right-div__heading{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;                     
}
.cart-table-heading-div .title__div{
 width:48%; 
}
.cart-table-heading-div .quantity__div{
 width:calc((1 / 6) * 100%);
  max-width:100px;
}
.cart-table-heading-div .price_div{
 width:calc((1 / 6) * 100%); 
}
.cart-table-heading-div .remove__div{
  width: calc((1 / 6) * 100%);                    
}
.cart-template  .cart-template__line-price{
 padding-left:10px; 
}
@media only screen and (max-width: 767px) {
  .cart-template .subtotal___div{
   margin-top:15px; 
  }
  .cart-template .cart-template__footer-details label{
   margin-top:20px; 
  }
  .cart-template .cart__terms_condition___fields{
   justify-content:flex-start; 
  }
  .cart-template .subtotal___div .meta{
   font-size:16px; 
  }
  .cart-template .cart-template__item:nth-child(2n){
   padding-top:20px; 
  }
  .cart-template{
  min-height:400px; 
}
  .cart-template  .cart-template__line-price{
 padding-left:0; 
}
  .cart-template form{
   border-top:1px solid #d7d7d7; 
  }
  .cart-template .subtotal___div{
    text-align:left;                      
  }
}
/*  Cart Page css end */
                    
/* Cart Popup css start  */
.quick-cart__popup .quick-cart__tabs>li a{
  color:#363636;
  text-transform:uppercase;
}
.quick-cart__popup .quick-cart__tabs>li a.active{
 border-bottom:1px solid #9a9a9a; 
}
.quick-cart__popup .quick-cart__tabs{
      border-bottom: 0.5px solid #9a9a9a;
  margin:0 20px;
  padding:0;
}
.quick-cart__popup .quick-cart__footer{
  border-top:0.5px solid #9a9a9a;
      margin: 0 20px;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* Cart Popup css end */
                    
/* collection sidebar div css start */
.collectiomenuBar img{
  width:20px;
  cursor: pointer;
}
.collectionMenusDiv{
  position: fixed;
  left: -20%;
  transform: translateX(-20%);
  width: 20%;
  transition: all 0.4s linear;
  padding:20px 40px 0;
}
.show__menu___sidebarDiv .collectionMenusDiv{
  left:0;
  transform: translateX(0);
}
.overlayCollection{
  position: fixed;
  background-color: #ffffff9e;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 99;
  width: 100%;
  transform: translateX(-100%);
   transition: all 0.5s linear;
}
 .show__menu___sidebarDiv .overlayCollection{
   left:20%;
   width: calc(100% - 20%);
   transform: translateX(0);
 }
/* .template-collection .gf-filter-trigger{
 display:none !important; 
} */
.template-collection .js-slideshow .flickity-page-dots{
  text-align: right;
  padding: 0 20px;  
  right:0;
  width:auto;
  left:auto;
}
.template-collection .slideshow .flickity-page-dots .dot{
  background:#fff;
}
.template-collection .slideshow .flickity-page-dots .dot.is-selected{
 background:#d7d7d7;
}
.template-collection .slideshow .explore___div{
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index:999;
  width:80%;
}
.template-collection .slideshow .explore___div a{
  text-transform:uppercase;
  font-size:14px;
  color:#fff;
  display:block;
}
.template-collection .slideshow .explore___div span{
  display:block;
}
.template-collection .slideshow .explore___div img{
 width:14px;
}
#shopify-section-static-collection{
 outline:none; 
}
/* collection sidebar div css end */
                    
/* Core Page css start  */
.page-explore.page--core-men .set-hover-effect .infos,
.page-explore.page--core-women .set-hover-effect .infos{
  top: unset;
  transform: unset;
  left: unset;
  bottom: 15px;
  right: 15px;
  height:unset;
/*   align-items: flex-end;
  flex-wrap: wrap;
  justify-content: unset; */
  display:block;
}
.page-explore.page--core-men .infos h3,
.page-explore.page--core-women .infos h3{
  margin: 0 0 5px;
  text-transform: capitalize;
  text-decoration: none;                
}
.page-explore.page--core-men .infos p,
.page-explore.page--core-women .infos p{
  margin: 0;
  color: #fff; 
  font-size:18px !important
}
.corewomen1__pages main:before,
.corewomen2__pages main:before,
  .coremen1__pages main:before,
  .coremen2__pages main:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 700px;
    background: #f4ebe4;
    z-index: -1;
} 
  .coremen1__last_sec .two-blocks-img-div .content-info:first-child{
    margin-top:60px; 
  }
@media only screen and (max-width: 767px) {
  .corewomen2_first-section .two-blocks-img-div .content-info:first-child{
    width:100%;
    margin-bottom:20px;
  }
  .corewomen2_first-section .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .coremen1__last_sec .two-blocks-img-div .content-info:first-child{
    margin-top:40px; 
  }
}
/* Core Page Css End */
                    
/* aw21 page css start  */
 .page-aw21 .aw21_first-section .content-info:first-child .img-data:first-child{
  margin-bottom:40px; 
 }
 .page-aw21 .aw21_first-section .two-blocks-img-div{
   align-items:flex-end;
 }
 .page-aw21 .aw21_first-section .info__data{
  margin-bottom:120px; 
 }
 .page-aw21 .img-data img{
  width:100%; 
 }
 .page-aw21 .set__marginb_first .img-data:first-child{
   margin-bottom:40px;                     
 }
 @media only screen and (max-width: 767px) {
	.page-aw21 .aw21_first-section .content-info{
 		width:100%;	 
	}
   .page-aw21 .aw21_first-section .content-info:first-child .img-data:first-child{
    margin-bottom:20px; 
   }
   .page-aw21 .aw21_first-section .info__data{
    margin-bottom:0; 
   }
   .page-aw21 .set__marginb_first .img-data:first-child{
    margin-bottom:20px;                     
   }
 }
/* aw21 page css end  */
                    
/*  Press Page css start */
    .page-new-press h3{
      font-size: 24px;
      margin: 0 0 10px;               
    }
    .page-new-press .img-div span{
      display: block;
      text-align: center;
      font-size: 10px;
      font-weight: 600;
      color: #000;
      margin:5px 0 10px;
     }
   .page-new-press .img-div img{
	width:100%;                      
   }
  .pressFirstFold .infos_Imgs,
  .pressSecondFold .press2FoldImgs .infos_Imgs,
  .pressForthFold .infos_Imgs,
   .pressSecondFold .infos_Imgs,
   .pressThirdFold .infos_Imgs{
	margin:0 -10px;
    display:flex;
  }
  .pressFirstFold .infos_Imgs .img-div{
	width:20%;
    padding:0 10px;
   }
   .pressSecondFold .infos_Imgs .img-div,
   .pressForthFold .infos_Imgs .img-div,
   .pressSecondFold .infos_Imgs .img-div,
   .pressThirdFold .infos_Imgs .img-div{
    padding:0 10px;
   }
   .pressSecondFold .infos_Imgs .img-div:first-child{
     width:20%;
   }
   .pressSecondFold .infos_Imgs .img-div:nth-child(2){
     width:15%;
   }
   .pressSecondFold .infos_Imgs .img-div:nth-child(3){
     width:11%;
   }
   .pressSecondFold .infos_Imgs .img-div:nth-child(4){
     width:16%;
   }
   .pressSecondFold .infos_Imgs .img-div:nth-child(5){
     width:12%;
   }
   .pressSecondFold .infos_Imgs .img-div:last-child{
     width:26%;
   }
   .pressSecondFold .first__div .infos_Imgs .img-div:first-child{
    width:57.7%; 
   }
   .pressSecondFold .first__div .infos_Imgs .img-div:last-child{
    width:42.3%; 
   }
   .pressSecondFold .second__div .infos_Imgs .img-div:first-child{
    width:40%; 
   }
   .pressSecondFold .second__div .infos_Imgs .img-div:last-child{
    width:60%; 
   }
   .pressForthFold .infos_Imgs .img-div:first-child{
     width:39%;
   }
   .pressForthFold .infos_Imgs .img-div:nth-child(2){
     width:14.5%;
   }
   .pressForthFold .infos_Imgs .img-div:nth-child(3){
     width:30%;
   }
   .pressForthFold .infos_Imgs .img-div:last-child{
     width:16.2%;
   }
   .pressThirdFold .two-blocks-img-div .content-info:first-child{
     width:28%; 
    }
    .pressThirdFold .two-blocks-img-div .content-info:last-child{
      width:68%; 
     }
    .pressThirdFold .first__div .img-div:first-child{
      width:22%;                 
    }
    .pressThirdFold .first__div .img-div:nth-child(2){
        width:31%;               
    }
    .pressThirdFold .first__div .img-div:nth-child(3){
      width:21%;                 
    }
    .pressThirdFold .first__div .img-div:last-child{
      width:26%;             
    }
     .pressThirdFold .second__div .img-div:first-child{
      width:41.5%;                 
     }
     .pressThirdFold .second__div .img-div:nth-child(2){
       width:34%;               
     }
     .pressThirdFold .second__div .img-div:last-child{
       width:24.5%;                 
    }
    .pressThirdFold .third__div .img-div:first-child{
      width:26.5%;                 
    }
    .pressThirdFold .third__div .img-div:nth-child(2){
        width:18.8%;               
    }
    .pressThirdFold .third__div .img-div:nth-child(3){
      width:15.4%;                 
    }
    .pressThirdFold .third__div .img-div:last-child{
      width:39.6%;             
    }
    .pressForthFold .first__fold_div .infos_Imgs .img-div{
     width:33.33%; 
    }
    .pressForthFold .mainHeading{
     margin:0 0 25px; 
     }
    .press_logo_sec .inner__div{
       width: 250px;
      margin: 50px auto;
      text-align: center; 
     }
     .press_logo_sec .inner__div img{
      width:200px;
       margin:0 auto;
     }
     .press_logo_sec .inner__div p{
      font-weight: 700;
      font-size: 20px;
       color: #000; 
      }
     @media only screen and (max-width: 767px) {
       .pressFirstFold .infos_Imgs, 
       .pressSecondFold .press2FoldImgs .infos_Imgs, 
       .pressForthFold .infos_Imgs, .pressSecondFold 
       .infos_Imgs, .pressThirdFold .infos_Imgs{
         flex-wrap: wrap;
         margin: 0 -5px;
         justify-content: center;
        }
       .page-new-press .img-div img{
        display:block; 
       }
       .pressFirstFold .infos_Imgs .img-div{
         margin:0 0 10px; 
         width:50%;
         padding:0 5px;
       }
       .page-explore.page-new-press .two-blocks-img-div .content-info{
         width:100%;
       }
       .pressSecondFold .infos_Imgs .img-div, 
       .pressForthFold .infos_Imgs .img-div, 
       .pressSecondFold .infos_Imgs .img-div, 
       .pressThirdFold .infos_Imgs .img-div{
        padding:0 5px; 
       }
       .pressSecondFold .infos_Imgs .img-div:first-child{
        width:44% 
       }
       .pressSecondFold .infos_Imgs .img-div:nth-child(2){
         width: 32.5%;
       }
       .pressSecondFold .infos_Imgs .img-div:nth-child(3){
         width:23.5%; 
       }
       .pressSecondFold .infos_Imgs .img-div:nth-child(4){
         width: 29.3%;
       }
       .pressSecondFold .infos_Imgs .img-div:nth-child(5){
         width: 22.2%;
       }
       .pressSecondFold .infos_Imgs .img-div:last-child{
         width: 48.5%;
       }
       .pressThirdFold .third__div .img-div:first-child{
        width:26%; 
       }
       .pressForthFold .infos_Imgs .img-div:first-child{
         width: 73%;
       }
       .pressForthFold .infos_Imgs .img-div:nth-child(2){
         width: 27%;
       }
       .pressForthFold .infos_Imgs .img-div:nth-child(3){
         width:65%; 
       }
       .pressForthFold .infos_Imgs .img-div:last-child{
         width:35%; 
       }
       .pressForthFold .first__fold_div .infos_Imgs .img-div{
        width:33.33%; 
       }
       .page-new-press h3{
        font-size:14px; 
       }
       .pressForthFold .mainHeading{
        margin:0 0 10px; 
       }
      }
/*  Press Page css end */
                    
/* SS22 Page css start  */
 .page-explore .ss22_first-section .two-blocks-img-div .content-info:first-child{
	width:56%;   
 }
 .page-explore .ss22_first-section .two-blocks-img-div .content-info:last-child{
	width:40%;   
 }
@media only screen and (max-width: 767px) {
 .page-explore .ss22_first-section .two-blocks-img-div .content-info:first-child{
	width:100%;   
   margin:0 0 20px;
 }
 .page-explore .ss22_first-section .two-blocks-img-div .content-info:last-child{
	width:100%;   
 }                       
}
/* SS22 Page css end */
                    
                    #shopify-section-dynamic-collage-landing-page-01{
                     margin-bottom:40px; 
                    }
                    .landing__collection_page #shopify-section-dynamic-collage-landing-page .collage-section{
                      margin-top:0; 
                    }
                    
/* New Press Page Css Start */
.page-pressNew .press__inner_div{
  display: flex;
  flex-wrap: wrap;
  margin:0 -25px;
}
.page-pressNew .press__inner_div .content_data{
  width:33.33%;  
  padding:0 25px;
  margin:0 0 70px;
}
.page-pressNew .press__inner_div .img-div img{
  width:100%; 
  display:block;
}
.page-pressNew .press__inner_div .img-div{
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
}
.page-pressNew .press__inner_div h4{
  margin: 0;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;                      
}
@media only screen and (max-width: 767px) {
  .page-pressNew .press__inner_div .content_data{
   width:100%; 
  }
}
/* New Press Page Css Start */
                    
                   
/* center Align Pages css start */
.page-process .img_width__small.shift_to_right{
 float:none;
 margin:0 auto;
}

.page-process .img_width__small,
.page--designer .img_width__small,
.page-studio .img_width__small{
 margin:0 auto;                     
}
.page-studio .info_data,
.page-process .info_data,
.page-process .content-info,
.page--designer .only_content_info,
.page--philosophy .only_content_info{
 text-align:left; 
}
.page-studio .info_data b,
.page-process .info_data b,
.page-process .content-info b,
.page--designer .only_content_info b,
.page--philosophy .only_content_info b{
  font-weight:400;
}
.page-studio .studio_second_block .content-info{
 width:54%;
}
@media only screen and (max-width: 767px) {
  .page-studio .studio_second_block .content-info{
 width:100%;
}
}
/* center Align Pages css end */
                    
                    
                    /*   video sec css start  */
                    .w-vulcan-icon-wrapper {
    display: none !important;
}
                    .video.newVideoSEc{
                      position:relative;
                    }
                    .video.newVideoSEc .pa4{
                     position:absolute;
                      top:50%;
                      left:50%;
                      transform:translate(-50%, -50%);
                      width:100%;
                      z-index:99;
                    }
                    .video.newVideoSEc .video__heading a{
                      text-decoration: none;
                      border-bottom: 1px solid #fff;
                      padding-bottom: 2px;
                      font-size: 26px;
                      font-weight:400;
                      color:#fff;
                    }
                    @media only screen and (max-width: 767px) {
                      .video.newVideoSEc .video__heading a{
                      font-size: 19.5px;
                      }
                    }
/*    video sec css start   */

@media only screen and (max-width: 767px) {
.core__new_page .three-blocks-img-div{
  flex-wrap:wrap;
}
  .core__new_page .three-blocks-img-div .content-info{
    width:100%;
    margin:0 0 20px;
  }
}

.rakhiEditBAnner img{
  width:100%;
  display:block;
}

.page--designer .designerLSec .only_content_info{
  width: 670px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.page--designer .designerLSec .only_content_info{
  width: 100%;
  margin: 0 auto;
}
}

.text-transform-capitalize{
  text-transform: uppercase;
}

/* .shop__home #shopify-section-static-collection {
    display:none;
} */

.page-studio .set__text__bg,
.page-process .set__text__bg,
.page-collaboration .set__text__bg,
.page--designer .set__text__bg,
.template-index main,
.template-index .set__text__bg{
  background:transparent;
}

/* Core Drop page css start */
.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:first-child{
  width: 53%;
}
.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:last-child{
  width: 30%;
}
.CoreDropPage__1 .section.single-banner-div .img-data{
  width:68%;
  margin:0 auto;
}
.CoreDropPage__1 .twoImgDivs_d{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}
.CoreDropPage__1.CoreDropPage__1 .twoImgDivs_d{
  width:84%;
}
.CoreDropPage__1 .twoImgDivs_d .content-info{
  width:25%;
}
.setWidth_d .twoImgDivs_d{
  width:84%;
}
.single-banner-div.setWidthPosition{
  display: flex;
  justify-content: flex-end;
}
.single-banner-div.setWidthPosition .img-data{
  width:53.7%;
}
.CoreDropPage__1 .two-block-div.textWithImgcenter{
  justify-content: center;
}
.CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:first-child{
  width: 46%;
  padding-right: 100px;
  display: flex;
  justify-content: flex-end;
}
.CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:first-child .info__data{
  width: 45%;
  text-align: right;
}
.CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:last-child{
  width: 54%;
}
.CoreDropPage__1 .textWithImgcenter .img-data{
  width:39%;
}
.CoreDropPage__2 .setAlignTop{
  align-items:flex;start;
}
@media only screen and (max-width: 767px) {
 .page-explore .core_drop-first_sec .two-blocks-img-div .content-info:first-child{
	width:100%;   
   margin:0 0 20px;
 }
 .page-explore .core_drop-first_sec .two-blocks-img-div .content-info:last-child{
	width:100%;   
 }
  .CoreDropPage__1 .twoImgDivs_d{
    flex-wrap:wrap;
  }
  .CoreDropPage__1.CoreDropPage__1 .twoImgDivs_d{
    width:100%;
  }
  .CoreDropPage__1 .twoImgDivs_d .content-info{
    width:48%;
  }
  .CoreDropPage__1 .content-info.hideFromMobD{
    display:none;
  }
  .CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:first-child .info__data,
  .CoreDropPage__1 .textWithImgcenter .img-data{
    width:100%;
  }
  .CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:first-child,
   .CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:last-child{
     width:48%;
   }
  .CoreDropPage__1 .textWithImgcenter .two-blocks-img-div .content-info:first-child{
    padding-right:0;;
  }
}

/* Core Drop page css end */



/* New Core Drop 1 page css start */
/* .newCoreDrop1.page-explore .section{
  margin-top:60px;
  margin-bottom:60px;
}
.newCoreDrop1.page-explore .section.coredropforthSec{
  margin-top:0;
  margin-bottom:0;
}
.newCoreDrop1.page-explore .setWidthCore{
  width:66.66%;
}
.newCoreDrop1.page-explore .rightTwoSec{
  width:100%;
  float:left;
}
.newCoreDrop1.page-explore .rightTwoSec .section{
  margin-left: unset;
  margin-right: unset;
  float: right;
}
.newCoreDrop1.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:first-child,
.newCoreDrop1.page-explore .section.two-block-div.coredropsixthSec .content-info:last-child{
  width:31.33%
}
.newCoreDrop1.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:last-child,
.newCoreDrop1.page-explore .section.two-block-div.coredropsixthSec .content-info:first-child{
  width:64.66%
}
.newCoreDrop1.page-explore .coredroplastSec{
  display:flex;
  justify-content:flex-end;
}
@media only screen and (max-width: 767px) {
  .newCoreDrop1.page-explore .section{
    margin-top:40px;
    margin-bottom:40px;
  }
.newCoreDrop1.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:first-child,
.newCoreDrop1.page-explore .section.two-block-div.coredropsixthSec .content-info:last-child{
  width:100%
}
.newCoreDrop1.page-explore .core_drop-first_sec .two-blocks-img-div .content-info:last-child,
.newCoreDrop1.page-explore .section.two-block-div.coredropsixthSec .content-info:first-child{
  width:100%
}
  .newCoreDrop1.page-explore .setWidthCore{
    width:100%;
  }
  .newCoreDrop1.page-explore .two-blocks-img-div .content-info{
    width:100%;  
  }
  .newCoreDrop1.page-explore .two-blocks-img-div .content-info:first-child{
    margin-bottom:20px;
  }
} */


/* .newCoreDrop1.page-explore .section{
  margin-top: 30px;
  margin-bottom: 30px;
} */
.newCoreDrop1.page-explore .setParaToLeft{
    align-items: unset;
  }
@media only screen and (min-width: 768px){
  .newCoreDrop1.page-explore .set__paddingL{
    padding-left:60px;
  }
  .newCoreDrop1.page-explore .blocks-two-div .small_width_block{
    width:56%;
  }
}
@media only screen and (min-width: 1300px){
  .newCoreDrop1.page-explore .section{
      max-width: calc(100% - 400px);
  }
  .newCoreDrop1.page-explore .section.core_drop-first_sec{
    max-width: calc(100% - 200px);
    margin: 60px 0;
    padding-left:100px;
  }

}
@media only screen and (max-width: 767px){
/*   .newCoreDrop1.page-explore .section {
      margin-top: 20px;
      margin-bottom: 20px;
  } */
  .newCoreDrop1.page-explore .info__data p br{
    display:none;
  }
}
/* New Core Drop 1 page css end  */

/* Annual Sale 2022 page css start */
.page-explore.page-annualSale22 .infos h3{
  text-decoration:unset;
  text-align:center;
}
.page-explore.page-annualSale22 .set-hover-effect .infos.setTobtm{
  top:unset;
  transform:unset;
  bottom:20px;
  align-items: flex-end;
}
.page-explore.page-annualSale22 .set-hover-effect .infos,
.page-explore.page-aboutUs .set-hover-effect .infos{
  z-index:99;
}
.page-explore.page-annualSale22 .content-info.set-hover-effect,
.page-explore.page-aboutUs .content-info.set-hover-effect{
  position:relative;
}
.page-explore.page-annualSale22 .content-info.set-hover-effect:after,
.page-explore.page-aboutUs .content-info.set-hover-effect:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #0000003d;
    z-index: 9;
}
.page-explore.page-annualSale22 .content-info.set-hover-effect.removeOverlay:after {
    width: unset;
    height: unset;
    background: transparent;
}
.page-explore.page-annualSale22 .set-hover-effect .infos.setTobtm a{
  align-items:flex-end;
}
.page-explore.page-annualSale22 .set-hover-effect .infos.setTobtm h3{
  color:#363636;
}
.page-explore.page-annualSale22 .set-hover-effect .infos a,
.page-explore.page-aboutUs .set-hover-effect .infos a{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
.page-explore.page-annualSale22 .two-blocks-img-div.AS_threeBlocks .content-info{
  width:31.33%;
}
.page-explore.page-annualSale22 .two-blocks-img-div.AS_twoBlocks .content-info:first-child{
    width: 65.33%;
}
.page-explore.page-annualSale22 .two-blocks-img-div.AS_twoBlocks .content-info:last-child{
    width: 31.33%;
}
@media only screen and (max-width: 767px){
  .page-explore.page-annualSale22 .infos h3{
    font-size:13px;
  }
  .page-explore.page-annualSale22 .set-hover-effect .infos.setTobtm{
    bottom:0;
  }
}
/* Annual Sale 2022 page css end */


.setImgTitleFormt .content-info .img-data img{
  width:100%;
  display:block;
}
.setImgTitleFormt .set-hover-effect .infos{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  z-index:99;
}
.setImgTitleFormt .content-info.set-hover-effect{
  position:relative;
}
.setImgTitleFormt .content-info.set-hover-effect:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #0000003d;
    z-index: 9;
}
.setImgTitleFormt .set-hover-effect .infos a{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}
.setImgTitleFormt .infos h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  text-align:center;
}
.three_block_sec, .two_block_sec{
  padding:0 10px;
  margin:0 0 20px;
}
.three_block_sec .inner_d{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.three_block_sec .inner_d .info__d{
  width:33.33%;
  padding:0 10px;
}

.two_block_sec .inner_d{
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.two_block_sec .inner_d .info__d:first-child{
  width:66.66%;
  padding:0 10px;
}
.two_block_sec .inner_d .info__d:last-child{
  width:33.33%;
  padding:0 10px;
}
#shopify-section-cb2c35ae-a392-494e-977e-bc0a7c82bb31 .setImgTitleFormt.two_block_sec .inner_d .info__d:first-child .content-info.set-hover-effect:after{
  background:transparent;
}
#shopify-section-cb2c35ae-a392-494e-977e-bc0a7c82bb31 .setImgTitleFormt.two_block_sec .inner_d .info__d:first-child .infos a{
  align-items: flex-end;
}
#shopify-section-cb2c35ae-a392-494e-977e-bc0a7c82bb31 .setImgTitleFormt.two_block_sec .inner_d .info__d:first-child .infos h3{
  color:#000;
}
@media only screen and (max-width: 767px){
  .setImgTitleFormt .infos h3 {
     font-size: 13px;
  }
  .three_block_sec .inner_d .info__d,
  .two_block_sec .inner_d .info__d:first-child,
  .two_block_sec .inner_d .info__d:last-child{
    padding:0 5px;
  }
}


.explore__pages main:before{
  background:transparent;
}

/* Core Drop 1 css start */
.page-explore.coredrop1 .coredrop1__first .two-blocks-img-div .content-info:first-child{
  width:44%;
}
.page-explore.coredrop1 .coredrop1__first .two-blocks-img-div .content-info:last-child{
  width:52%;
}
.page-explore.coredrop1 .coredrop1_forth .img-data{
  width:70%;
}
.page-explore.coredrop1 .coredrop1__third .two-blocks-img-div,
.page-explore.coredrop1 .coredrop1__fifth .two-blocks-img-div,
.page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div{
  align-items:flex-end;
}
.page-explore.coredrop1 .coredrop1__third .two-blocks-img-div .content-info:first-child,
.page-explore.coredrop1 .coredrop1__fifth .two-blocks-img-div .content-info:last-child{
  width:50%;
}
.page-explore.coredrop1 .coredrop1__third .two-blocks-img-div .content-info:last-child,
.page-explore.coredrop1 .coredrop1__fifth .two-blocks-img-div .content-info:first-child{
  width:30%;
}
.page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div .content-info:first-child{
  width:30%;
}
.page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div .content-info:last-child{
  width:54%;
}
.page-explore.coredrop1 .coredrop1__seventh{
  display:flex;
  justify-content:flex-end;
}
.page-explore.coredrop1 .coredrop1__seventh .img-data{
  width:50%;
}
@media only screen and (max-width: 767px){
  .page-explore.coredrop1 .coredrop1__first .two-blocks-img-div .content-info:first-child,
  .page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div .content-info:first-child{
    width:100%;
    margin-bottom:20px;
  }
  .page-explore.coredrop1 .coredrop1__first .two-blocks-img-div .content-info p{
    margin-bottom:0;
  }
  .page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div .content-info p{
    margin:0;
  }
  .page-explore.coredrop1 .coredrop1__first .two-blocks-img-div .content-info:last-child,
  .page-explore.coredrop1 .coredrop1__sixth .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .page-explore.coredrop1 .coredrop1__third .two-blocks-img-div .content-info:last-child, 
  .page-explore.coredrop1 .coredrop1__fifth .two-blocks-img-div .content-info:first-child{
    width:40%;
  }
  .page-explore.coredrop1 .coredrop1__third .two-blocks-img-div .content-info:first-child, 
  .page-explore.coredrop1 .coredrop1__fifth .two-blocks-img-div .content-info:last-child{
    width:56%;
  }
  .page-explore.coredrop1 .coredrop1__seventh .img-data,
  .page-explore.coredrop1 .coredrop1_forth .img-data{
    width:100%;
  }
}
/* Core Drop 1 Css end */

/* Core Drop 2 Css Start */
.page-explore.coredrop2 .coredrop2__first .two-blocks-img-div{
  align-items: flex-end;
}
.page-explore.coredrop2 .coredrop2__first .two-blocks-img-div .content-info:first-child{
  width:35%;
}
.page-explore.coredrop2 .coredrop2__first .two-blocks-img-div .content-info:last-child{
  width:35%;
}
.page-explore.coredrop2 .single-banner-div.coredrop2__second{
  display:flex;
  justify-content:flex-end;
}
.page-explore.coredrop2 .single-banner-div.coredrop2__second .img-data,
.page-explore.coredrop2 .single-banner-div.coredrop2__fifth .img-data{
  width:60%;
}
.page-explore.coredrop2 .coredrop2__three .three_block_sec{
   display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:0;
}
.page-explore.coredrop2 .coredrop2__three .three_block_sec .content-info{
  width:26%;
  display:flex;
}
.page-explore.coredrop2 .coredrop2__three.coredrop2__sixth .three_block_sec .content-info:nth-child(2){
  display:flex;
  align-items:center;
}
.page-explore.coredrop2 .coredrop2__three.coredrop2__sixth .three_block_sec .content-info:last-child{
  display:flex;
  align-items:flex-end;
}
.page-explore.coredrop2 .coredrop2__sixth .twoImgDivs_d {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.page-explore.coredrop2 .coredrop2__sixth .twoImgDivs_d .content-info:first-child{
  width:26%;
}
.page-explore.coredrop2 .coredrop2__sixth .twoImgDivs_d .content-info:last-child{
  width:63%;
}

@media only screen and (max-width: 767px){
  .page-explore.coredrop2 .coredrop2__first .two-blocks-img-div .content-info:first-child{
    width:100%;
  }
  .page-explore.coredrop2 .coredrop2__first .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .page-explore.coredrop2 .single-banner-div.coredrop2__second .img-data, .page-explore.coredrop2 .single-banner-div.coredrop2__fifth .img-data{
    width:100%;
  }
  .page-explore.coredrop2 .coredrop2__sixth .twoImgDivs_d .content-info:last-child{
    width:70%;
  }
  .page-explore.coredrop2 .coredrop2__three.coredrop2Three .three_block_sec .content-info:nth-child(2),
  .page-explore.coredrop2 .coredrop2__three.coredrop2Forth .three_block_sec .content-info:first-child{
    display:none;
  }
  .page-explore.coredrop2 .coredrop2__three .three_block_sec .content-info{
    width:48%;
  }
  .page-explore.coredrop2 .coredrop2__three.coredrop2__sixth .three_block_sec .content-info:last-child p{
    margin-bottom:0;
  }
  .page-explore.coredrop2 .coredrop2__three.coredrop2__sixth .three_block_sec .content-info:last-child{
    width:100%;
  }
  .page-explore.coredrop2 .coredrop2__three .three_block_sec{
    padding:0;
  }
}
/* Core Drop 2 css end */

/* Core Drop 3 Css Start */
.page-explore.drop3 .core_drop-first_sec .two-blocks-img-div .content-info p{
  margin-bottom:0;
}
.page-explore.drop3 .core_drop-first_sec .two-blocks-img-div .content-info:last-child{
  width:41%;
}
.page-explore.drop3 .setSpacingWidth .two-blocks-img-div .content-info:first-child{
  width:56%;
}
.page-explore.drop3 .setSpacingWidth .two-blocks-img-div .content-info:last-child{
  width:40%;
}
.page-explore.drop3 .blocks-two-div .large_width{
  width:50%;
}
.page-explore.drop3 .blocks-two-div .small_width{
  width:42%;
}
@media only screen and (max-width: 767px){
  .page-explore.drop3 .core_drop-first_sec .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .page-explore.drop3 .setSpacingWidth .two-blocks-img-div .content-info:first-child{
    width:100%;
    margin:0 0 20px;
  }
  .page-explore.drop3 .setSpacingWidth .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .page-explore.drop3 .blocks-two-div .large_width{
    width:52%;
  }
  .page-explore.drop3 .blocks-two-div .small_width{
    width:44%;
  }
}
/* Core Drop 3 Css end */



/* New Change - Collection page 01-03-2023 css start */
.slideshow .down_arrow_d{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  text-align: center;
}
.slideshow .down_arrow_d svg path {
    fill: #fff;
}
.template-collection .collection-page-div #shopify-section-static-collection{
  width:100%;
  float:unset;
}
.template-collection .collection__container{
  max-width:100%;
}
.spf-has-filter #gf-products{
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.spf-has-filter #gf-products .spf-col-6{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding:0 10px;
}
.spf-product-card{
  margin-bottom:10px !important;  
}
.spf-product-card:hover .spf-product__info{
  display:block;
}
/* @media only screen and (min-width: 768px){
  .spf-product-card .spf-product__info {
    position: absolute;
    bottom: 0;
    z-index: 9;
    padding: 10px;
    left: 0;
    right: 0;
    width: 100%;
    display:none;
  }
  .spf-product-card:hover .spf-product__info{
    display:block;
  }
  .spf-has-filter #gf-products .spf-col-6{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important;
  }
} */
/* New Change - Collection page 01-03-2023 css end */

/* SS22 Page css start */
.ss23_first-section .two-blocks-img-div{
  align-items:flex-end;
}
.ss23_first-section .two-blocks-img-div .content-info:first-child{
  width:56%;
}
.ss23_first-section .two-blocks-img-div .content-info:last-child{
  width:40%;
}
.ss23_first-section .two-blocks-img-div .info__data p{
  margin:60px 0;
}
.ss23ThirdSec .two-blocks-img-div{
  align-items:center;
}
.ss23ThirdSec .two-blocks-img-div .content-info:first-child,
.ss23ForthSec .two-blocks-img-div .content-info:first-child{
  width:58%;
}
.ss23ThirdSec .two-blocks-img-div .content-info:last-child,
.ss23ForthSec .two-blocks-img-div .content-info:last-child{
  width:38%;
}
.ss23ForthSec .two-blocks-img-div{
  align-items:flex-end;
}
.ss23SixthSec .two-blocks-img-div .content-info:first-child{
  width: 30%;
}
.ss23SixthSec .two-blocks-img-div .content-info:last-child{
  width: 38%;
}
@media only screen and (max-width: 767px){
  .ss23_first-section .two-blocks-img-div .info__data p{
    margin:1em 0;
  }
  .ss23_first-section .two-blocks-img-div .content-info:first-child,
  .ss23_first-section .two-blocks-img-div .content-info:last-child, 
  .ss23ForthSec .two-blocks-img-div .content-info:first-child,
  .ss23ForthSec .two-blocks-img-div .content-info:last-child{
    width:100%;
  }
  .ss23ForthSec .two-blocks-img-div .content-info:first-child{
    margin-bottom:20px;
  }
  .ss23ForthSec p:first-child{
    margin-top:0;
  }
}
/* SS22 Page css end */


/*  */
.full-width-image.homeFullWidthImg .content-overlay{
  top:50%;
  transform:translate(-50%, -50%);
}
.full-width-image.homeFullWidthImg .img__div img{
  width:100%;
}

/*  */
.drawer-menu .drawer-menu__logo{
  font-family: 'Pitch Sans';
  font-size: 21px;
}


/*  */
@media only screen and (min-width: 768px){
.template-collection #filters .collection__bar{
  padding:0;
}
  .template-collection .collection__button{
    margin-right:0;
  }
  .template-collection #filters .collection__bar{
    justify-content:flex-end;
  }
  .template-collection #filters .collection__bar > div:first-child{
    display:flex;
    justify-content:flex-end;
  }
  .template-collection #filters.fixed_div_filters{
        position: fixed;
    top: 63px;
    z-index: 1;
    right: 0;
    width: 100%;
    background: #fff;
    padding-right: 43px;
  }
}
@media only screen and (max-width: 767px){
.template-collection #filters.fixed_div_filters{
    background: #fff;
  }
}

/*  */
/*  */
.drawer-menu .drawer-menu__logo{
  font-family: 'Pitch Sans';
  font-size: 21px;
}
.collection__products .starIcon, .search-template__results .starIcon{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    width:20px;
    height:20px;
      cursor: pointer;
}
.collection__products .starIcon span, .search-template__results .starIcon span{
  position: absolute;
  top: 2px;
  width: 130px;
  right: 24px;
  background: #fff;
  font-size: 12px;
  padding: 3px;
  text-align: center;
  line-height: 11px;
  display:none;
}
.collection__products .starIcon:hover span, .search-template__results .starIcon:hover span{
  display:block;
}
.cartPriceMainD{
max-width: 500px;
  margin: 0 auto 20px;
}
.cartPriceMainD .cartPriceBar{
  position: relative;
  margin:0 30px 0 10px;
}
.cartPriceMainD .simpleLine{
  width: 100%;
  height: 2px;
  background: #9a9a9a;
  margin: 0 auto;
  position: relative;
}
.cartPriceMainD .simpleLine:before {
    position: absolute;
    content: "";
    left: -8px;
    width: 12px;
    height: 12px;
    background: #9a9a9a;
    top: -5px;
    border-radius: 100%;
}
.cartPriceMainD .simpleLine:after {
  position: absolute;
  content: "";
  right: -28px;
  width: 30px;
  height: 32px;
  background: url(https://cdn.shopify.com/s/files/1/0521/2123/9719/files/gift.png?v=1684323842)no-repeat scroll right center;
  background-size: 30px;
  top: -15px;
  border-radius: 0;
}
.cartPriceMainD .percentageLine{
  position: absolute;
  content: "";
  background: #9a9a9a;
  width: 12px;
  height: 12px;
  top: -5px;
  border-radius: 100%;
}
@media only screen and (max-width: 767px){
.collection__products .starIcon span{
  font-size:10px;
      width: 110px;
}
}



/* Product Page css start */
.product .product__image-container{
  position:relative;
}
.product .product__image-container .product__zoom-arrow{
  position: absolute;
  top: 10px;
  right: 30px;
  width: 30px;
  height: 30px;
}
.product__image-container #product-product .hide {
    display: inherit !important;
} 
.product .product__image-container .flickity-prev-next-button{
  width: 35px;
  height: 33px;
}
.product .product__image-container .flickity-prev-next-button .flickity-button-icon{
  left: 25%;
  top: 25%;
  width: 16px;
  height: 16px;
}
.product .product__image-container .flickity-page-dots{
  display:none;
}
/* #product-product .product__media.is-selected img{
  display:block;
} */
@media (min-width: 38em){
  .product .product__image-container{
    width:77% !important;
    margin:0 auto !important;
    display: flex;
    justify-content: space-between;
  }
  .product .product__image-container .product__primary-image-wrapper{
    width: calc(100% - 90px);
    order:2;
  }
  .product .product__image-container  .product_thumbnail-list{
    width:70px;
    margin:0;
    display: block;
    order:1;
    padding:0;
  }
  .product .product_thumbnail{
    width:100%;
    padding:0;
  }
}
@media only screen and (max-width: 768px) {
  .product .product__image-container .product__zoom-arrow{
    right:10px;
  }
}
/* Product Page css end */

/* #shopify-section-you-may-also-like-2 .type-heading-1{
      font-size: 20px;
} */
 .product-tile h2.type-body-regular{
   font-size:15px;
 }
.product-tile .type-body-regular.price-div{
  font-size:15px;
}
.product-tile .badge{
  background: #f3f3f3;
}

/*  */
.product-recommendations .product-recommendations__wrapper .type-heading-1,
#shopify-section-you-may-also-like-2 .type-heading-1,
#shopify-section-you-may-also-like .type-heading-1{
  font-size:25px;
  font-weight:400;
}
@media only screen and (min-width:1200px) {
  .product-recommendations .product-recommendations__wrapper,
  #shopify-section-you-may-also-like-2 .featured-collection,
  #shopify-section-you-may-also-like .featured-collection{
    width:70%;
    margin:0 auto
  }
}

@media only screen and (max-width:767px) {
.product-recommendations .product-recommendations__wrapper .type-heading-1, 
  #shopify-section-you-may-also-like-2 .type-heading-1, 
  #shopify-section-you-may-also-like .type-heading-1{
    font-size:18px;
  }
}

/*  */
.product .bttn:disabled{
  opacity: 0.7;
}
.product .select-wrapper select#Option1{
  text-transform:uppercase;
}
.product-tile .badge.soldoutBadge{
  padding: 0;
  background: transparent;
  box-shadow: unset;
  text-transform: uppercase;
}

.product-tile__images.o-70{
  opacity:1;
}


/* For safari browser */
img {
    -webkit-touch-callout: none;
}
/* For safari browser */

.search-template{
  min-height:750px;
}
/* header .search{
  height:0px;
      overflow: hidden;
}
.is-active .search__overlay{
  display:none;
} */

/* New collaboration page css start */
.page-collaboration .c_info_d .content_d{
  max-width:1000px;
  margin:0 auto;
}
.page-collaboration .c_info_d .c_logo_d{
  margin:0 0 25px;
  text-align:center;
}
.page-collaboration .c_info_d .img_d{
  max-width:500px;
  margin:0 auto 25px;
}
/* New collaboration page css end */

@media only screen and (min-width:768px) {
  .product .product__zoom-arrow.hide{
    opacity:1 !important;
    display:flex !important;
  }
}
@media only screen and (max-width:767px) {
  .product .product__image-container .flickity-prev-next-button{
    display:none;
  }
}

/*  */
/* Annoucemnet Marquee Start */
@keyframes marquee11 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee11{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
  .marquee11 span{
    text-transform: uppercase;
    will-change: transform;
    transform: translateX(0);
    white-space: nowrap;
    animation: marquee11 25s linear infinite;
    color:#fff;
  }
/* Annoucemnet Marquee end */

@media only screen and (max-width:767px) {
  .emptyBanner img{
    height:75px;
  }
}

/*  */
.quick-cart__popup .cod__text{
  margin:10px 0;
}


/* Collection page css start */
.collection__products{
  margin:0 5px;
}
.product-tile .product__btm{
  text-align:center;
}
@media (min-width: 60em) {
.collection__products{
  margin:0 -20px;
}
.collection__products .collection-product-divs{
  padding:0 20px;
}
}
/* collection page css end */