@charset "UTF-8";

/**
 * #SETTINGS
 */

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */

@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-weight: Normal;
  font-style: Normal;
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15501/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0");
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15501/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/projectLicenseWeb/15501/fontfile/woff2/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff2"), url("//cloud.typenetwork.com/projectLicenseWeb/15501/fontfile/woff/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff");
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-weight: Normal;
  font-style: Italic;
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15502/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0");
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15502/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/projectLicenseWeb/15502/fontfile/woff2/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff2"), url("//cloud.typenetwork.com/projectLicenseWeb/15502/fontfile/woff/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff");
}

@font-face {
  font-family: "Neue Haas Grotesk Text Medium";
  font-weight: Normal;
  font-style: Normal;
  src: url("//cloud.typenetwork.com/projectLicenseWeb/14764/fontfile/eot/?0d49fb550c06189450bb880e917cd2f54a4bf07c");
  src: url("//cloud.typenetwork.com/projectLicenseWeb/14764/fontfile/eot/?0d49fb550c06189450bb880e917cd2f54a4bf07c#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/projectLicenseWeb/14764/fontfile/woff2/?0d49fb550c06189450bb880e917cd2f54a4bf07c") format("woff2"), url("//cloud.typenetwork.com/projectLicenseWeb/14764/fontfile/woff/?0d49fb550c06189450bb880e917cd2f54a4bf07c") format("woff");
}

@font-face {
  font-family: "Neue Haas Grotesk Text";
  font-weight: Bold;
  font-style: Normal;
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15503/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0");
  src: url("//cloud.typenetwork.com/projectLicenseWeb/15503/fontfile/eot/?94d060993186dd07d215bd8f99eba016bf60f2f0#iefix") format("embedded-opentype"), url("//cloud.typenetwork.com/projectLicenseWeb/15503/fontfile/woff2/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff2"), url("//cloud.typenetwork.com/projectLicenseWeb/15503/fontfile/woff/?94d060993186dd07d215bd8f99eba016bf60f2f0") format("woff");
}

@font-face {
  font-family: "Manus";
  font-weight: Normal;
  font-style: Normal;
  src: url("../fonts/ManusTrial.woff2") format("woff2"), url("../fonts/ManusTrial.woff2") format("woff");
}

@font-face {
  font-family: "Manus Smooth";
  font-weight: Normal;
  font-style: Normal;
  src: url("../fonts/ManusSmoothTRIAL.woff2") format("woff2"), url("../fonts/ManusSmoothTRIAL.woff") format("woff");
}

.bg-obsidian {
  background-color: #000000 !important;
}

.obsidian {
  color: #000000 !important;
}

.bg-black {
  background-color: #333333 !important;
}

.black {
  color: #333333 !important;
}

.bg-grey-light {
  background-color: #bfbfbf !important;
}

.grey-light {
  color: #bfbfbf !important;
}

.bg-grey {
  background-color: #a6a6a6 !important;
}

.grey {
  color: #a6a6a6 !important;
}

.bg-grey-dark {
  background-color: #595959 !important;
}

.grey-dark {
  color: #595959 !important;
}

.bg-grey-mid {
  background-color: #595959 !important;
}

.grey-mid {
  color: #595959 !important;
}

.bg-slate {
  background-color: #65707a !important;
}

.slate {
  color: #65707a !important;
}

.bg-slate-light {
  background-color: #A7a9b0 !important;
}

.slate-light {
  color: #A7a9b0 !important;
}

.bg-orange {
  background-color: #F86424 !important;
}

.orange {
  color: #F86424 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.white {
  color: #FFFFFF !important;
}

.bg-grey-very-light {
  background-color: #E5E5E5 !important;
}

.grey-very-light {
  color: #E5E5E5 !important;
}

/**
  * #TOOLS
  */

/*------------------------------------*    #ALIASES
\*------------------------------------*/

/**
  * #GENERIC
  */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

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

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
.payment-method-braintree .hosted-control,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
html .payment-method-braintree [type="button"].hosted-control,
.payment-method-braintree
html [type="button"].hosted-control,
input[type="reset"],
.payment-method-braintree [type="reset"].hosted-control,
input[type="submit"],
.payment-method-braintree [type="submit"].hosted-control {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled],
html .payment-method-braintree [disabled].hosted-control,
.payment-method-braintree
html [disabled].hosted-control {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner,
.payment-method-braintree .hosted-control::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input,
.payment-method-braintree .hosted-control {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
.payment-method-braintree [type="checkbox"].hosted-control,
input[type="radio"],
.payment-method-braintree [type="radio"].hosted-control {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
.payment-method-braintree [type="number"].hosted-control::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
.payment-method-braintree [type="number"].hosted-control::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"],
.payment-method-braintree [type="search"].hosted-control {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
.payment-method-braintree [type="search"].hosted-control::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
.payment-method-braintree [type="search"].hosted-control::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/*------------------------------------*    #RESET
\*------------------------------------*/

/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */

abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */

u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */

ins {
  border-bottom: 1px solid;
}

/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */

html {
  box-sizing: border-box;
}

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

/*------------------------------------*    #SHARED
\*------------------------------------*/

/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.7142857143rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */

ul,
ol,
dd {
  margin-left: 48px;
  margin-left: 3.4285714286rem;
}

/*------------------------------------*    #BANDS
\*------------------------------------*/

.c-band {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (min-width: 64em) {
  .c-band {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.c-band--small {
  padding-top: 12px;
  padding-bottom: 12px;
}

.c-band--medium {
  padding-top: 36px;
  padding-bottom: 36px;
}

.c-band--large {
  padding-top: 48px;
  padding-bottom: 48px;
}

.c-band--huge {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 64em) {
  .c-band--huge {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.c-band--image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-band--skew:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -48px;
  overflow: visible;
  width: 100%;
  height: 96px;
  background: inherit;
  z-index: 2;
  -webkit-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  transform: skewY(3deg);
  -webkit-backface-visibility: hidden;
}

/* Icon Object
   ========================================================================== 
   $inuit-enable-icon--rev:              true;
   $inuit-enable-icon--small:            true;
   @import "../../../bower_components/inuit-normalize/objects.icon";
   
   
   
   @import "../../../bower_components/inuit-normalize/objects.video";
   /* ==========================================================================
      Components
      ========================================================================== 

   @import "../../../bower_components/inuit-normalize/components.bands";
   */

/* Slider */

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

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

.slick-list:focus {
  outline: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  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;
}

.c-slider__arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 11vw;
  z-index: 10;
}

@media screen and (max-width: 44.9375em) {
  .c-slider__arrow {
    top: 33vw;
  }
}

.c-slider__arrow.slick-disabled {
  opacity: 0.5;
}

.c-slider__arrow:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 63.9375em) {
  .c-slider__arrow {
    width: 80px;
    height: 80px;
  }
}

.c-slider__arrow--prev {
  left: -10px;
}

@media screen and (max-width: 63.9375em) {
  .c-slider__arrow--prev {
    left: -40px;
  }
}

.c-slider__arrow--prev:after {
  -webkit-transform: rotate(-45deg) translatey(-50%);
  -ms-transform: rotate(-45deg) translatey(-50%);
  transform: rotate(-45deg) translatey(-50%);
  left: 25px;
}

@media screen and (max-width: 63.9375em) {
  .c-slider__arrow--prev:after {
    left: 55px;
  }
}

.c-slider__arrow--next {
  right: -10px;
}

@media screen and (max-width: 63.9375em) {
  .c-slider__arrow--next {
    right: -40px;
  }
}

.c-slider__arrow--next:after {
  left: 20px;
  -webkit-transform: rotate(135deg) translatey(50%);
  -ms-transform: rotate(135deg) translatey(50%);
  transform: rotate(135deg) translatey(50%);
}

@media screen and (max-width: 63.9375em) {
  .c-slider__arrow--next:after {
    left: unset;
    right: 50px;
  }
}

.c-slider__arrow--product {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 64em) {
  .c-slider__arrow--product.c-slider__arrow--next {
    right: 24px;
  }
}

@media screen and (min-width: 64em) {
  .c-slider__arrow--product.c-slider__arrow--prev {
    left: 24px;
  }
}

/**
  * #BASE
  */

/*------------------------------------*    #PAGE
\*------------------------------------*/

/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */

html {
  font-size: 0.875em;
  /* [1] */
  line-height: 1.7142857143;
  /* [1] */
  background-color: #fff;
  color: #000000;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
}

/*------------------------------------*    #PAGE
\*------------------------------------*/

html {
  font-family: "Neue Haas Grotesk Text", sans-serif;
  font-weight: 400;
  background-color: #FFFFFF;
  line-height: 1.5;
}

body {
  height: 100%;
  position: relative;
  font-family: "Neue Haas Grotesk Text", sans-serif;
}

button,
input[type="text"],
.payment-method-braintree [type="text"].hosted-control,
input[type="search"],
.payment-method-braintree [type="search"].hosted-control,
input[type="password"],
.payment-method-braintree [type="password"].hosted-control,
input[type="email"],
.payment-method-braintree [type="email"].hosted-control,
input[type="file"],
.payment-method-braintree [type="file"].hosted-control,
input[type="number"],
.payment-method-braintree [type="number"].hosted-control,
input[type="tel"],
.payment-method-braintree [type="tel"].hosted-control,
input[type="submit"],
.payment-method-braintree [type="submit"].hosted-control,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
.payment-method-braintree [type=number].hosted-control::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
.payment-method-braintree [type=number].hosted-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* input[type="number"]{
  vertical-align: middle;
} */

/*------------------------------------*    #TYPE
\*------------------------------------*/

/**
 * Typographical base selectors.
 */

body {
  font-size: 14px;
  font-size: 1rem;
  line-height: 21px;
}

.lg {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 27px;
}

b,
strong {
  font-weight: 600;
}

/* a, a:visited, a:active{
	color: $black;
	text-decoration: none;
} */

a {
  color: #000000;
  text-decoration: none;
}

/*------------------------------------*    #HEADINGS
\*------------------------------------*/

/**
 * Headings 1–6.
 */

h1 {
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 1.3333333333;
}

h2 {
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.1428571429;
}

h3 {
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 1.6;
}

h4 {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.1428571429;
}

h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
}

h6 {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  font-weight: 400;
}

h3,
h4,
h5,
h6 {
  margin-bottom: 6px;
  line-height: 1.5;
}

h1,
.s1 {
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 66px;
  font-weight: bold;
}

h2,
.s2 {
  font-size: 42px;
  font-size: 3rem;
  line-height: 54px;
  font-weight: bold;
}

@media screen and (max-width: 44.9375em) {
  h2,
  .s2 {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 36px;
  }
}

h3,
.s3 {
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 12px;
}

h4,
.s4 {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 30px;
  font-weight: bold;
}

h5,
.s5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 24px;
  font-weight: bold;
}

p a {
  text-decoration: underline;
}

address {
  font-style: normal;
  text-align: left;
  margin-bottom: 6px;
}

p {
  margin-bottom: 16px;
}

.h2-h3 {
  font-size: 42px;
  font-size: 3rem;
  line-height: 54px;
  font-weight: bold;
}

@media screen and (max-width: 44.9375em) {
  .h2-h3 {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 12px;
  }
}

.cta-inline {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
  display: inline;
  padding-bottom: 6px;
  border-bottom: 2px solid black;
}

.c-cta {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 6px;
  border-bottom: 2px solid black;
  display: inline-block;
}

.c-cta--white {
  border-color: white;
  color: white;
}

button.cta-inline {
  border: none;
  background-color: transparent;
  border-bottom: 2px solid black;
  padding-left: 0;
  padding-right: 0;
}

.cta-inline--white {
  border-color: white;
  color: white;
}

/*------------------------------------*    #LISTS
\*------------------------------------*/

/**
 * Remove extra vertical spacing when nesting lists.
 */

li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*    #IMAGES
\*------------------------------------*/

/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */

img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */

.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none;
}

/*------------------------------------*    #PARAGRAPHS
\*------------------------------------*/

/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger: en.wikipedia.org/wiki/Lede_(news)
 */

.lede {
  font-size: 15.75px;
  font-size: 1.125rem;
  line-height: 1.5238095238;
}

.c-body-large {
  font-size: 18px;
  line-height: 1.5;
}

/* ==========================================================================
    Objects
    ========================================================================== */

/* Block Object
    ========================================================================== */

/* Variables */

/*------------------------------------*    #BLOCK
\*------------------------------------*/

/**
 * The block object simply stacks an image on top of some text-like content.
 */

/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */

.block {
  display: block;
}

/**
     * 1. Eliminate whitespace around images.
     */

.block__img {
  vertical-align: middle;
  /* [1] */
  margin-bottom: 24px;
  /**
             * No space between the image and the text content.
             */
  /**
             * Small space between the image and the text content.
             */
  /**
             * Large space between the image and the text content.
             */
}

.block--flush > .block__img {
  margin-bottom: 0;
}

.block--small > .block__img {
  margin-bottom: 12px;
}

.block--large > .block__img {
  margin-bottom: 48px;
}

/**
     * Text-content.
     */

.block__body {
  display: block;
}

/**
     * Center-aligned blocks.
     */

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

/* Box Object
    ========================================================================== */

/* Variables */

/*------------------------------------*    #BOX
\*------------------------------------*/

/**
 * The box object simply boxes off content.
 */

/**
 * 1. So we can apply the `.box` class to naturally-inline elements.
 */

.box {
  display: block;
  /* [1] */
  padding: 24px;
}

.box > :last-child {
  margin-bottom: 0;
}

/**
     * Flush (i.e. no padding) box.
     */

.box--flush {
  padding: 0;
}

/**
     * Tiny box.
     */

.box--tiny {
  padding: 6px;
}

/**
     * Small box.
     */

.box--small {
  padding: 12px;
}

/**
     * Large box.
     */

.box--large {
  padding: 48px;
}

/**
     * Huge box.
     */

.box--huge {
  padding: 96px;
}

/* Button Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #BUTTONS
\*------------------------------------*/

/**
 * A simple button object.
 */

/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */

.btn,
.button,
.checkout-payment-method .payment-methods .actions-toolbar button.primary,
.modal-footer button {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 12px 24px;
  /* [7] */
  background-color: #333333;
  border: none;
  /* [4] */
}

.btn,
.button,
.checkout-payment-method .payment-methods .actions-toolbar button.primary,
.modal-footer button,
.btn:hover,
.button:hover,
.checkout-payment-method .payment-methods .actions-toolbar button.primary:hover,
.modal-footer button:hover,
.btn:active,
.button:active,
.checkout-payment-method .payment-methods .actions-toolbar button.primary:active,
.modal-footer button:active,
.btn:focus,
.button:focus,
.checkout-payment-method .payment-methods .actions-toolbar button.primary:focus,
.modal-footer button:focus {
  text-decoration: none;
  /* [4] */
  color: #fff;
}

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */

.btn::-moz-focus-inner,
.button::-moz-focus-inner,
.checkout-payment-method .payment-methods .actions-toolbar button.primary::-moz-focus-inner,
.modal-footer button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
     * Large buttons.
     */

.btn--large {
  padding: 24px 48px;
  /* [7] */
}

/**
     * Round-ended buttons.
     *
     * 1. Overly-large value to ensure the radius rounds the whole end of the
     *    button.
     */

.btn--pill {
  border-radius: 100px;
  /* [1] */
}

/*------------------------------------*    #BUTTONS
\*------------------------------------*/

.btn,
.button,
.checkout-payment-method .payment-methods .actions-toolbar button.primary,
.modal-footer button {
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  font-weight: 400;
  height: 46px;
  letter-spacing: 1px;
  line-height: 46px;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0px;
}

.btn:hover,
.button:hover,
.checkout-payment-method .payment-methods .actions-toolbar button.primary:hover,
.modal-footer button:hover {
  opacity: 0.95;
}

.btn.serif,
.serif.button,
.checkout-payment-method .payment-methods .actions-toolbar button.serif.primary,
.modal-footer button.serif {
  text-transform: none;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  line-height: 46px;
  letter-spacing: 0px;
}

.btn--full,
.checkout-payment-method .payment-methods .actions-toolbar button.primary {
  width: 100%;
}

.btn--ghost {
  border: 2px solid #000000;
  color: #333333;
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  background-color: transparent;
  text-transform: uppercase;
}

.btn--stretch {
  width: 200px;
}

.btn--basic {
  height: inherit;
  line-height: 25px;
  padding: 0px 6px 0px 6px;
}

.btn--disabled {
  color: #E5E5E5;
  cursor: default;
}

.c-register {
  text-align: left;
}

@media screen and (max-width: 44.9375em) {
  .c-register {
    text-align: center;
  }
}

.btn--white {
  background-color: #FFFFFF;
  color: #333333;
}

.btn--black {
  background-color: #000000;
}

.button.bg-white:hover,
.checkout-payment-method .payment-methods .actions-toolbar button.bg-white.primary:hover,
.modal-footer button.bg-white:hover {
  color: black;
}

/* Flag Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #FLAG
\*------------------------------------*/

/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */

/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */

.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */
}

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */

.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */
}

/**
     * Flag images have a space between them and the body of the object.
     */

.flag__img {
  padding-right: 24px;
}

.flag__img > img {
  display: block;
  max-width: none;
}

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */

.flag__body {
  width: 100%;
  /* [1] */
}

.flag__body,
.flag__body > :last-child {
  margin-bottom: 0;
}

/**
     * Small flags.
     */

.flag--small {
  /**
             * Small reversed flags.
             */
}

.flag--small > .flag__img {
  padding-right: 12px;
}

.flag--small.flag--rev > .flag__img {
  padding-right: 0;
  padding-left: 12px;
}

/**
     * Reversed flag objects have their image-content to the right, and text-content
     * to the left.
     *
     * 1. Swap the rendered direction of the object…
     * 2. …and reset it.
     * 3. Reassign margins to the correct sides.
     */

.flag--rev {
  direction: rtl;
  /* [1] */
}

.flag--rev > .flag__img,
.flag--rev > .flag__body {
  direction: ltr;
  /* [2] */
}

.flag--rev > .flag__img {
  padding-right: 0;
  /* [3] */
  padding-left: 24px;
  /* [3] */
}

/**
     * Vertically top aligned flag objects.
     */

.flag--top > .flag__img,
.flag--top > .flag__body {
  vertical-align: top;
}

/**
     * Vertically bottom aligned flag objects.
     */

.flag--bottom > .flag__img,
.flag--bottom > .flag__body {
  vertical-align: bottom;
}

/**
     * Responsive flag objects.
     *
     * There is a very pragmatic, simple implementation of a responsive flag
     * object, which simply places the text-content beneath the image-content.
     *
     * We use a `max-width` media query because:
     *
     * a) it is the least verbose method in terms of amount of code required.
     * b) the flag object’s default state is image-next-to-text, so its stacked
     *    state is the exception, rather than the rule.
     */

@media screen and (max-width: 720px) {
  .flag--responsive {
    /**
                 * Disable reversal of content because there is no concept of
                 * ‘reversed’ in a stacked layout.
                 */
    direction: ltr;
    /**
             * Rework the spacings on regular flag objects.
             */
    /**
                 * Small responsive flags.
                 *
                 * Take a little more heavy-handed approach to reworking
                 * spacings on flags that are also small flags in their regular
                 * state.
                 */
  }

  .flag--responsive,
  .flag--responsive > .flag__img,
  .flag--responsive > .flag__body {
    display: block;
  }

  .flag--responsive > .flag__img {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 24px;
  }

  .flag--responsive.flag--small > .flag__img {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 44.9375em) {
  .flag--palm-center {
    text-align: center;
  }
}

/* Layout Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #LAYOUT
\*------------------------------------*/

/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */

/**
 * Begin a layout group.
 */

.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -24px;
}

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */

.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 24px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
}

/**
     * Layouts with tiny gutters.
     */

.layout--tiny {
  margin-left: -6px;
}

.layout--tiny > .layout__item {
  padding-left: 6px;
}

/**
     * Layouts with small gutters.
     */

.layout--small {
  margin-left: -12px;
}

.layout--small > .layout__item {
  padding-left: 12px;
}

/**
     * Layouts with large gutters.
     */

.layout--large {
  margin-left: -48px;
}

.layout--large > .layout__item {
  padding-left: 48px;
}

/**
     * Layouts with huge gutters.
     */

.layout--huge {
  margin-left: -96px;
}

.layout--huge > .layout__item {
  padding-left: 96px;
}

/**
     * Layouts with no gutters.
     */

.layout--flush {
  margin-left: 0;
}

.layout--flush > .layout__item {
  padding-left: 0;
}

/**
     * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
     * markup will display in order 4, 3, 2, 1 on your page.
     */

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

.layout--rev > .layout__item {
  direction: ltr;
  text-align: left;
}

/**
     * Align layout items to the vertical centers of each other.
     */

.layout--middle > .layout__item {
  vertical-align: middle;
}

/**
     * Align layout items to the vertical bottoms of each other.
     */

.layout--bottom > .layout__item {
  vertical-align: bottom;
}

/**
     * Make the layout items fill up from the right hand side.
     */

.layout--right {
  text-align: right;
}

.layout--right > .layout__item {
  text-align: left;
}

/**
     * Make the layout items fill up from the center outward.
     */

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

.layout--center > .layout__item {
  text-align: left;
}

/**
     * Cause layout items to take up a non-explicit amount of width.
     */

.layout--auto > .layout__item {
  width: auto;
}

/* List Bare Object
   ========================================================================== */

/*------------------------------------*    #LIST-BARE
\*------------------------------------*/

/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */

.list-bare {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* List Block Object
   ========================================================================== */

/*------------------------------------*    #LIST-BLOCK
\*------------------------------------*/

/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */

.list-block {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-block__item,
.list-block > li {
  padding: 24px;
}

/* List Inline Object
   ========================================================================== */

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/

/**
 * The list-inline object simply displays a list of items in one line.
 */

.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
}

/* List UI Object
   ========================================================================== */

/*------------------------------------*    #LIST-UI
\*------------------------------------*/

/**
 * The UI list object creates blocky list items with a keyline separator out of
 * a `ul` or `ol`.
 */

.list-ui,
.list-ui__item,
.list-ui > li {
  border: 0 solid #ccc;
}

.list-ui {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top-width: 1px;
}

.list-ui__item,
.list-ui > li {
  padding: 24px;
  border-bottom-width: 1px;
}

/* Media Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #MEDIA
\*------------------------------------*/

/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */

.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 24px;
}

.media__img > img {
  display: block;
}

.media__body {
  overflow: hidden;
  display: block;
}

.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

/* Pack Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #PACK
\*------------------------------------*/

/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 */

/**
 * 1. Fill all available space.
 * 2. Cause children to be automatically equally sized.
 */

.pack {
  width: 100%;
  /* [1] */
  display: table;
  table-layout: fixed;
  /* [2] */
}

/**
     * Cause children to adopt table-like structure.
     */

.pack__item {
  display: table-cell;
  /**
             * All items are aligned to the middles of each other.
             */
}

.pack--middle > .pack__item {
  vertical-align: middle;
}

/* Tables Object
   ========================================================================== */

/* Variables */

/*------------------------------------*    #TABLES
\*------------------------------------*/

.table,
.wordpress-post-view table {
  width: 100%;
}

/**
     * Lightly packed cells.
     */

.table--cosy th,
.wordpress-post-view table th,
.table--cosy td,
.wordpress-post-view table td {
  padding: 12px;
}

/**
     * Tables with very widely padded cells.
     */

.table--comfy th,
.table--comfy td {
  padding: 24px;
}

/**
     * Add borders around a `table`.
     */

.table--cells th,
.wordpress-post-view table th,
.table--cells td,
.wordpress-post-view table td {
  border: 1px solid #bfbfbf;
}

.table,
.wordpress-post-view table {
  width: 100%;
}

.c-cart__table th {
  border: none;
  text-align: left;
}

.c-cart__table tbody tr {
  border-bottom: 1px solid #bfbfbf;
}

.table--short td {
  padding: 6px 12px;
}

/* Tabs Object
   ========================================================================== */

/*------------------------------------*    #TABS
\*------------------------------------*/

/**
 * A simple abstraction for making equal-width navigation tabs.
 */

/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */

.tabs {
  margin: 0;
  /* [1] */
  padding: 0;
  /* [1] */
  list-style: none;
  /* [1] */
  display: table;
  /* [2] */
  table-layout: fixed;
  /* [3] */
  width: 100%;
  /* [4] */
  text-align: center;
}

.tabs__item {
  display: table-cell;
  /* [2] */
}

.tabs__link {
  display: block;
}

/* Wrapper Object
   ========================================================================== */

/*------------------------------------*    #WRAPPERS
\*------------------------------------*/

.wrapper {
  max-width: 1440px;
  margin: 0 auto;
  /*padding-right: $spacing-unit--small;
    padding-left:  $spacing-unit--small;

    @include media-query(lap-and-up) {
        padding-right: $spacing-unit;
        padding-left:  $spacing-unit;
    }*/
}

@media screen and (min-width: 45em) {
  .lap-and-up-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding-right: 24px;
    padding-left: 24px;
  }
}

/* Inputs Object
   ========================================================================== */

/*------------------------------------*    #INPUTS
\*------------------------------------*/

/**
 * 
 * 
 */

.label {
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  display: block;
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 6px;
}

.label--inline {
  display: inline-block;
}

.input,
input,
.payment-method-braintree .hosted-control {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #000000;
  display: block;
  font-size: 14px;
  margin: 0 0 24px 0;
  padding: 12px;
  height: 36px;
  width: 100%;
}

.input:focus,
input:focus,
.payment-method-braintree .hosted-control:focus {
  background-color: #fff;
  border-color: #ccc;
  outline: none;
}

.input[disabled],
fieldset[disabled] .input,
input[disabled],
.payment-method-braintree [disabled].hosted-control,
fieldset[disabled] input,
fieldset[disabled] .payment-method-braintree .hosted-control,
.payment-method-braintree fieldset[disabled] .hosted-control {
  opacity: 0.3;
}

.input--textarea {
  height: 200px;
}

.input--select {
  -webkit-appearance: none !important;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2213px%22%20height%3D%228px%22%20viewBox%3D%220%200%2013%208%22%20enable-background%3D%22new%200%200%2013%208%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A3A4AA%22%20d%3D%22M11.5%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0c0.2%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6c0%2C0.2-0.1%2C0.4-0.2%2C0.6L7.1%2C7.4%20c-0.3%2C0.3-0.8%2C0.3-1.1%2C0L0.3%2C1.8C0%2C1.5%2C0%2C0.9%2C0.3%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0l5%2C5L11.5%2C0.6z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 36px;
  border-radius: 0;
}

.input--select:focus {
  background-color: transparent !important;
}

/*.input-select,
%input-select, select{
    appearance: none !important;
    background-color: $inuit-input-background-color;
    font-family: $inuit-input-font-family;
    border: $inuit-input-border-width $inuit-input-border-style $inuit-input-border-color;
    border-radius: $inuit-input-border-radius;
    color: $inuit-input-text-color;
    display: block;
    font-size: $inuit-input-font-size;
    margin: 0 0 $inuit-input-spacing 0;
    padding: $inuit-input-spacing / 2;
    height: $inuit-input-font-size + ($inuit-input-spacing * 1.5);
    width: 100%;
    //background-color: $select-bg-color;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2040%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%20%20%20%20%3Ctitle%3Edown%3C%2Ftitle%3E%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.9959752%2C1.04446691%20C40.3339094%2C2.38703872%2040.3339094%2C4.55886308%2038.9959752%2C5.90143489%20L22.3608598%2C22.5365502%20C21.018288%2C23.8744845%2018.8464637%2C23.8744845%2017.5038919%2C22.5365502%20L0.86877651%2C5.90143489%20C-0.341190603%2C4.53994311%20-0.280295845%2C2.47131392%201.00766384%2C1.18335424%20C2.29562352%2C-0.104605446%204.36425271%2C-0.165500204%205.72574449%2C1.04446691%20L19.8919011%2C15.2106235%20L34.0580577%2C1.04446691%20C34.7059651%2C0.376798713%2035.5966591%2C0%2036.5270165%2C0%20C37.4573738%2C0%2038.3480678%2C0.376798713%2038.9959752%2C1.04446691%20L38.9959752%2C1.04446691%20Z%22%20id%3D%22down%22%20fill%3D%22%23FEDB00%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position: 97% center;

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

    &:focus {
        outline: none;
    }

}*/

.input--small {
  margin: 0 0 12px 0;
  padding: 6px 12px;
  height: 32px;
}

input[type='checkbox'],
.payment-method-braintree [type='checkbox'].hosted-control,
input[type='radio'],
.payment-method-braintree [type='radio'].hosted-control {
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 6px;
}

._with-tooltip {
  position: relative;
  padding-right: 24px;
}

select {
  height: 36px;
  padding: 0px 0px 0px 12px;
  margin-bottom: 24px;
  width: 100%;
}

select.sorter {
  width: auto;
}

input[type="radio"],
.payment-method-braintree [type="radio"].hosted-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  border: 1px solid #a6a6a6;
  margin-bottom: 0;
}

input[type="radio"]:hover,
.payment-method-braintree [type="radio"].hosted-control:hover,
input[type="radio"]:checked,
.payment-method-braintree [type="radio"].hosted-control:checked {
  background: #bfbfbf;
}

input[type="radio"]:checked,
.payment-method-braintree [type="radio"].hosted-control:checked {
  background: #F86424;
  border-color: #F86424;
}

input[type="radio"]:focus,
.payment-method-braintree [type="radio"].hosted-control:focus {
  outline: 0;
}

input[type="checkbox"],
.payment-method-braintree [type="checkbox"].hosted-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  border: 1px solid #a6a6a6;
  margin-bottom: 0;
}

input[type="checkbox"]:hover,
.payment-method-braintree [type="checkbox"].hosted-control:hover,
input[type="checkbox"]:checked,
.payment-method-braintree [type="checkbox"].hosted-control:checked {
  background: #bfbfbf;
}

input[type="checkbox"]:checked,
.payment-method-braintree [type="checkbox"].hosted-control:checked {
  background: #F86424;
  border-color: #F86424;
}

input[type="checkbox"]:focus,
.payment-method-braintree [type="checkbox"].hosted-control:focus {
  outline: 0;
}

/* Variables */

/*------------------------------------*    #INPUTS
\*------------------------------------*/

/**
 * 
 * 
 */

.label {
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  display: block;
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 6px;
}

.label--inline {
  display: inline-block;
}

.input,
input,
.payment-method-braintree .hosted-control {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #a6a6a6;
  border-radius: 0;
  color: #000000;
  display: block;
  font-size: 14px;
  margin: 0 0 24px 0;
  padding: 12px;
  height: 36px;
  width: 100%;
}

.input:focus,
input:focus,
.payment-method-braintree .hosted-control:focus {
  background-color: #fff;
  border-color: #595959;
  outline: none;
}

.input[disabled],
fieldset[disabled] .input,
input[disabled],
.payment-method-braintree [disabled].hosted-control,
fieldset[disabled] input,
fieldset[disabled] .payment-method-braintree .hosted-control,
.payment-method-braintree fieldset[disabled] .hosted-control {
  opacity: 0.3;
}

.input--textarea {
  height: 200px;
}

.input--select {
  -webkit-appearance: none !important;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2213px%22%20height%3D%228px%22%20viewBox%3D%220%200%2013%208%22%20enable-background%3D%22new%200%200%2013%208%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A3A4AA%22%20d%3D%22M11.5%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0c0.2%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6c0%2C0.2-0.1%2C0.4-0.2%2C0.6L7.1%2C7.4%20c-0.3%2C0.3-0.8%2C0.3-1.1%2C0L0.3%2C1.8C0%2C1.5%2C0%2C0.9%2C0.3%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0l5%2C5L11.5%2C0.6z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 36px;
  border-radius: 0;
}

.input--select:focus {
  background-color: transparent !important;
}

/*.input-select,
%input-select, select{
    appearance: none !important;
    background-color: $inuit-input-background-color;
    font-family: $inuit-input-font-family;
    border: $inuit-input-border-width $inuit-input-border-style $inuit-input-border-color;
    border-radius: $inuit-input-border-radius;
    color: $inuit-input-text-color;
    display: block;
    font-size: $inuit-input-font-size;
    margin: 0 0 $inuit-input-spacing 0;
    padding: $inuit-input-spacing / 2;
    height: $inuit-input-font-size + ($inuit-input-spacing * 1.5);
    width: 100%;
    //background-color: $select-bg-color;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2040%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%20%20%20%20%20%20%20%20%3Ctitle%3Edown%3C%2Ftitle%3E%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.9959752%2C1.04446691%20C40.3339094%2C2.38703872%2040.3339094%2C4.55886308%2038.9959752%2C5.90143489%20L22.3608598%2C22.5365502%20C21.018288%2C23.8744845%2018.8464637%2C23.8744845%2017.5038919%2C22.5365502%20L0.86877651%2C5.90143489%20C-0.341190603%2C4.53994311%20-0.280295845%2C2.47131392%201.00766384%2C1.18335424%20C2.29562352%2C-0.104605446%204.36425271%2C-0.165500204%205.72574449%2C1.04446691%20L19.8919011%2C15.2106235%20L34.0580577%2C1.04446691%20C34.7059651%2C0.376798713%2035.5966591%2C0%2036.5270165%2C0%20C37.4573738%2C0%2038.3480678%2C0.376798713%2038.9959752%2C1.04446691%20L38.9959752%2C1.04446691%20Z%22%20id%3D%22down%22%20fill%3D%22%23FEDB00%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position: 97% center;

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

    &:focus {
        outline: none;
    }

}*/

.input--small {
  margin: 0 0 12px 0;
  padding: 6px 12px;
  height: 32px;
}

input[type='checkbox'],
.payment-method-braintree [type='checkbox'].hosted-control,
input[type='radio'],
.payment-method-braintree [type='radio'].hosted-control {
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 6px;
}

._with-tooltip {
  position: relative;
  padding-right: 24px;
}

select {
  height: 36px;
  padding: 0px 0px 0px 12px;
  margin-bottom: 24px;
  width: 100%;
}

select.sorter {
  width: auto;
}

input[type="radio"],
.payment-method-braintree [type="radio"].hosted-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  border: 1px solid #a6a6a6;
  margin-bottom: 0;
}

input[type="radio"]:hover,
.payment-method-braintree [type="radio"].hosted-control:hover,
input[type="radio"]:checked,
.payment-method-braintree [type="radio"].hosted-control:checked {
  background: #bfbfbf;
}

input[type="radio"]:checked,
.payment-method-braintree [type="radio"].hosted-control:checked {
  background: #F86424;
  border-color: #F86424;
}

input[type="radio"]:focus,
.payment-method-braintree [type="radio"].hosted-control:focus {
  outline: 0;
}

input[type="checkbox"],
.payment-method-braintree [type="checkbox"].hosted-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: .2s;
  cursor: pointer;
  border: 1px solid #a6a6a6;
  margin-bottom: 0;
}

input[type="checkbox"]:hover,
.payment-method-braintree [type="checkbox"].hosted-control:hover,
input[type="checkbox"]:checked,
.payment-method-braintree [type="checkbox"].hosted-control:checked {
  background: #bfbfbf;
}

input[type="checkbox"]:checked,
.payment-method-braintree [type="checkbox"].hosted-control:checked {
  background: #F86424;
  border-color: #F86424;
}

input[type="checkbox"]:focus,
.payment-method-braintree [type="checkbox"].hosted-control:focus {
  outline: 0;
}

fieldset {
  border: none;
}

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/

/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */

.clearfix:after,
.box:after,
.media:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*    #PRINT
\*------------------------------------*/

/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
}

.filter-options-title {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.1428571429;
  margin-bottom: 12px;
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  position: relative;
  font-weight: bold;
}

.filter-options-title:after {
  position: absolute;
  content: "";
  display: block;
  right: 6px;
  top: 6px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  height: 10px;
  width: 10px;
}

[aria-expanded="true"]:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.filter-options-content {
  margin-left: 0;
  margin-bottom: 24px;
}

.filter-options-content .items {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}

.filter-options-content .item input,
.filter-options-content .item .payment-method-braintree .hosted-control,
.payment-method-braintree .filter-options-content .item .hosted-control {
  display: none;
}

.filter-options-content .item .am_shopby_link_selected .label:before {
  background-color: #F86424;
  border-color: #F86424;
}

.filter-options-content .item .label {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
  padding-left: 24px;
  color: #7f7f7f;
  font-weight: bold;
  text-transform: uppercase;
  display: inline;
  position: relative;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 24px;
}

.filter-options-content .item .label:before {
  position: absolute;
  left: 0;
  top: -1px;
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid #595959;
}

.filter-options-content .item .count {
  display: inline-block;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
}

.filter .amshopby-slider-container {
  margin: 36px 24px;
}

.filter .amshopby-slider-container .am-slider.ui-slider-horizontal {
  height: 1px;
}

.filter .amshopby-slider-container .am-slider .ui-slider-range {
  height: 1px;
}

.filter .amshopby-slider-container .am-slider .ui-slider-handle {
  background: none;
  height: 40px;
  width: 40px;
  background-color: #000000;
  border-radius: 50%;
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
  background-image: none !important;
}

.filter .amshopby-slider-container .am-slider .ui-slider-handle:hover {
  background-color: #333333;
}

.filter .amshopby-slider-container .am-slider .ui-slider-handle:after {
  position: absolute;
  content: "";
  display: block;
  border-color: white;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-33%, -50%) rotate(-45deg);
  -ms-transform: translate(-33%, -50%) rotate(-45deg);
  transform: translate(-33%, -50%) rotate(-45deg);
  border-top: 2px solid white;
  border-left: 2px solid white;
  height: 10px;
  width: 10px;
}

.filter .amshopby-slider-container .am-slider .ui-slider-handle:first-of-type:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.am-fromto-widget .filter-options-content {
  width: auto;
  display: inline-block;
}

.am-filter-go {
  background-color: black;
  color: white;
  border: none;
  padding: 9px;
  text-transform: uppercase;
  font-weight: bold;
}

.-from,
.-to {
  display: inline-block;
  width: 48px;
}

.filter-subtitle {
  display: none;
}

.swatch-layered .swatch-option {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 8px;
  position: relative;
}

.swatch-layered .swatch-option.selected:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: #FFFFFF;
}

.swatch-layered:hover {
  outline: none;
}

.c-filters__applied-list {
  margin-left: 0;
}

.c-filters__remove-icon {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2019.1%2019.1%22%20style%3D%22enable-background%3Anew%200%200%2019.1%2019.1%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23A3A5AA%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M9.5%2C0.5c-5%2C0-9%2C4-9%2C9s4%2C9%2C9%2C9s9-4%2C9-9S14.5%2C0.5%2C9.5%2C0.5z%20M9.5%2C16.9c-4.1%2C0-7.4-3.3-7.4-7.4s3.3-7.4%2C7.4-7.4%20s7.4%2C3.3%2C7.4%2C7.4S13.6%2C16.9%2C9.5%2C16.9z%20M12.4%2C6.6c-0.3-0.3-0.8-0.3-1.2%2C0L9.5%2C8.4L7.8%2C6.6C7.5%2C6.3%2C7%2C6.3%2C6.6%2C6.6%20C6.3%2C7%2C6.3%2C7.5%2C6.6%2C7.8l1.7%2C1.7l-1.7%2C1.7c-0.3%2C0.3-0.3%2C0.8%2C0%2C1.2c0.3%2C0.3%2C0.8%2C0.3%2C1.2%2C0l1.7-1.7l1.7%2C1.7c0.3%2C0.3%2C0.8%2C0.3%2C1.2%2C0%20c0.3-0.3%2C0.3-0.8%2C0-1.2l-1.7-1.7l1.7-1.7C12.7%2C7.5%2C12.7%2C7%2C12.4%2C6.6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 19.1px;
  height: 19.1px;
  display: inline-block;
  margin-top: 6px;
}

.c-filters__remove {
  position: absolute;
  right: 6px;
  bottom: 6px;
  height: 100%;
}

.c-filters__applied {
  display: inline-block;
  background-color: #FFFFFF;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 12px;
  margin-right: 12px;
  position: relative;
}

.c-filters__applied .filter-label {
  padding-right: 24px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
}

.c-toggle-filters {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #595959;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2230.19%22%20viewBox%3D%220%200%2036%2030.19%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Efilter-icon%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M35.48%2C0c.71.9.71%2C1.13-.12%2C1.95q-6.2%2C6.12-12.42%2C12.22a2.4%2C2.4%2C0%2C0%2C0-.79%2C1.94c0%2C2.94%2C0%2C5.88%2C0%2C8.81a1.8%2C1.8%2C0%2C0%2C1-1.05%2C1.86c-1.85%2C1-3.65%2C2.06-5.48%2C3.09l-.25.15c-.82.4-1.41.08-1.47-.82%2C0-.48%2C0-1%2C0-1.45%2C0-3.9%2C0-7.81%2C0-11.71a2.24%2C2.24%2C0%2C0%2C0-.73-1.78Q7.06%2C8.26%2C1%2C2.23C.64%2C1.89.33%2C1.52%2C0%2C1.16V.78L.58%2C0Z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center center;
  position: fixed;
  bottom: 12px;
  right: 24px;
  margin-left: auto;
  margin-right: auto;
  z-index: 99;
  display: block;
}

@media screen and (min-width: 45em) {
  .c-toggle-filters {
    display: none;
  }
}

.c-filter__applied {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 12px;
}

.c-filter__applied .remove {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (max-width: 44.9375em) {
  .amasty-catalog-topnav {
    display: block !important;
  }
}

.amasty-catalog-topnav .block-title {
  display: none;
}

.catalog-category-view .catalog-topnav .filter-options .filter-options-content {
  display: block;
  position: static;
  border: none;
}

@media screen and (max-width: 44.9375em) {
  .catalog-category-view .c-sidebar {
    display: none;
  }
}

.c-filter-trigger {
  display: none;
}

@media screen and (max-width: 44.9375em) {
  .c-filter-trigger {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
  }

  .c-filter-trigger:after {
    position: absolute;
    content: "";
    display: block;
    right: 6px;
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 3px 4px;
    -ms-transform-origin: 3px 4px;
    transform-origin: 3px 4px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    height: 10px;
    width: 10px;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
  }

  .c-filter-trigger.active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-filter-block {
    display: none;
    padding: 24px;
    background-color: #FFFFFF;
    z-index: 99;
    left: 0;
    box-shadow: #a6a6a6 1px 2px 2px;
  }

  .c-filter-block.open {
    display: block;
    position: absolute;
    width: 100%;
  }
}

@media screen and (max-width: 44.9375em) {
  .amasty-catalog-topnav,
  .c-toolbar {
    width: 50%;
    float: right;
  }
}

@media screen and (max-width: 44.9375em) {
  .amasty-catalog-topnav {
    padding-bottom: 12px;
    border-bottom: 1px solid #a6a6a6;
    padding-left: 24px;
  }
}

.c-filter-block .count:before {
  content: '(';
}

.c-filter-block .count:after {
  content: ')';
}

.c-filter-block .filter-count-label,
.c-filter-block .filter-current-subtitle {
  display: none;
}

/*@import "globals.header";


@import "components.hero";

*/

.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.flex-video--widescreen {
  padding-bottom: 56.34%;
}

.flex-video--vimeo {
  padding-top: 0;
}

.flex-video--square {
  padding-bottom: 100%;
}

@media screen and (min-width: 45em) {
  .c-accordion {
    padding: 24px;
  }
}

.c-accordion__title {
  cursor: pointer;
  position: relative;
  padding: 12px 24px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-top: 1px solid #a6a6a6;
  background-color: white;
}

.c-accordion__title h4 {
  margin-bottom: 0;
}

.c-accordion__title:hover {
  background-color: #ccc;
}

.c-accordion__title:before {
  height: 12px;
  width: 2px;
  content: '';
  background-color: #333333;
  position: absolute;
  top: 18px;
  right: 24px;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.c-accordion__title:after {
  width: 12px;
  height: 2px;
  content: '';
  background-color: #333333;
  position: absolute;
  top: 23px;
  right: 19px;
}

.c-accordion__title.active {
  border-top: 1px solid #bfbfbf;
  background-color: #bfbfbf;
}

.c-accordion__title.active:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.c-accordion__body {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.c-hero {
  height: 90vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  position: relative;
  background-position: center;
  overflow: hidden;
}

@media screen and (max-width: 44.9375em) {
  .c-hero {
    height: 66.66vh;
    min-height: 450px;
  }

  .c-hero h1 {
    font-size: 28px;
    font-size: 2rem;
    line-height: 32px;
  }
}

.c-hero__vid {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 44.9375em) {
  .c-hero__vid {
    display: none;
  }
}

.c-block-bg {
  background-color: #000000;
  color: #fff;
  display: inline;
  padding: 0.45rem;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 29px;
  /* Needs prefixing */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media screen and (max-width: 63.9375em) {
  .c-block-bg {
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
  }
}

@media screen and (min-width: 45em) {
  .c-block-bg--desk p {
    background-color: #000000;
    color: #fff;
    display: inline;
    padding: 0.45rem;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 29px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

.c-tile {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.c-tile h3 {
  font-size: 28px;
  font-size: 2rem;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

@media screen and (min-width: 64em) {
  .c-tile {
    padding-top: 66.6666%;
    position: relative;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-tile {
    padding-top: 100%;
    position: relative;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-tile {
    min-height: 100vw;
    position: relative;
  }
}

.c-tile--square {
  padding-top: 100%;
}

.c-tile--skinny {
  padding-top: 221.6666%;
}

@media screen and (min-width: 64em) {
  .c-tile--portrait {
    padding-top: 120%;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-tile--portrait {
    padding-top: 180%;
  }
}

.c-tile__inner {
  padding: 24px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.c-tile__inner h2 {
  margin-bottom: 12px;
}

.c-tile__inner h5 {
  margin-bottom: 16px;
}

@media screen and (max-width: 63.9375em) {
  .c-tile__inner h2 {
    font-size: 32px;
    font-size: 2.2857142857rem;
    line-height: 36px;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .c-tile__inner h2 {
    font-size: 32px;
    font-size: 2.2857142857rem;
    line-height: 36px;
  }
}

@media screen and (min-width: 64em) {
  .c-tile__inner--feat {
    padding: 60px;
    max-width: 680px;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .c-tile__inner--feat {
    padding: 48px;
  }
}

@media screen and (min-width: 64em) {
  .c-tile__button {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 24px;
  }

  .c-tile__button.btn--full,
  .checkout-payment-method .payment-methods .actions-toolbar button.c-tile__button.primary {
    width: calc(100% - 48px);
  }
}

@media screen and (max-width: 63.9375em) {
  .c-tile__button {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 24px;
    width: calc(100% - 48px);
  }
}

@media screen and (max-width: 44.9375em) {
  .c-tile__button--portable {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 24px;
    width: calc(100% - 48px);
  }
}

.c-cat-hero {
  height: 70vh;
  min-height: 600px;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-cat-hero {
    height: 60vh;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-cat-hero {
    background-image: none !important;
    display: block;
    min-height: auto;
    height: auto;
  }
}

@media screen and (min-width: 45em) {
  .c-cat-hero__header {
    background-image: none !important;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-cat-hero__header {
    min-height: 200px;
    background-size: cover;
    background-position: 50% 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-repeat: no-repeat;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 45em) {
  .c-cat-hero__button {
    background-color: #FFFFFF;
    color: #000000;
  }

  .c-cat-hero__button:hover {
    color: #000000;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-cat-hero__button {
    background-color: #000000;
    color: #FFFFFF;
  }
}

@media screen and (min-width: 45em) {
  .c-homepage__cta {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    font-weight: bold;
  }

  .c-homepage__cta--2 {
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-homepage__cta {
    margin-right: 24px;
  }
}

.c-hero-jiggler {
  position: absolute;
}

@media screen and (min-width: 64em) {
  .c-hero-jiggler {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 24px;
    width: 100%;
    max-width: 1440px;
    text-align: right;
  }
}

@media screen and (max-width: 63.9375em) {
  .c-hero-jiggler {
    right: 24px;
    bottom: 24px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}

.c-post-jiggler {
  text-align: center;
  /* margin-top: 48px; */
  position: absolute;
  bottom: 48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 63.9375em) {
  .c-post-jiggler {
    -webkit-transform: scale(0.75) translateX(-50%);
    -ms-transform: scale(0.75) translateX(-50%);
    transform: scale(0.75) translateX(-50%);
  }
}

.c-hero-jiggler__inner,
.c-post-jiggler__inner {
  -webkit-animation: jiggle 2s infinite alternate;
  animation: jiggle 2s infinite alternate;
}

@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes jiggle {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.c-map {
  width: 100%;
  height: 500px;
}

.c-map a {
  display: none;
}

.c-map-wrapper {
  position: relative;
}

.c-map-overlay {
  width: 100%;
  min-height: 500px;
  position: absolute;
  top: 0;
}

.c-map__search-field input,
.c-map__search-field .payment-method-braintree .hosted-control,
.payment-method-braintree .c-map__search-field .hosted-control {
  text-align: center;
}

.c-map__panel .store-list {
  list-style-type: none;
  margin-left: 0;
  border-top: 1px solid #7f7f7f;
}

.c-map__panel .no-stores {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  margin-bottom: 24px;
  text-align: center;
}

.c-map__panel .store {
  border: 1px solid #7f7f7f;
  border-left: none;
  border-top: none;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 12px;
  padding-top: 24px;
}

.c-map__panel .store a {
  display: none;
}

.c-map__panel .title {
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
  margin-bottom: 12px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
}

/* Generic Styling
 ========================================================================== */

/* ICONS */

.i {
  display: inline-block;
}

body {
  overflow: hidden;
}

/* HEADER
========================================================================== */

/* NAV */

.c-nav__wrapper {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  display: none;
}

@media screen and (min-width: 64em) {
  .c-nav__wrapper {
    display: block;
  }
}

.c-nav {
  display: none;
}

@media screen and (min-width: 64em) {
  .c-nav {
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
  }
}

.c-nav__item {
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  font-weight: bold;
  padding-top: 24px;
  padding-bottom: 24px;
}

.c-nav__item a {
  color: #FFFFFF;
}

.c-nav__chevron {
  vertical-align: sub;
  height: 20px;
  margin-left: 6px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.c-nav__sub {
  position: absolute;
  text-align: left;
  z-index: 99;
  margin-top: 28px;
  top: 92px;
  left: 0;
  width: 100vw;
  display: none;
}

.c-nav__sub .c-nav__chevron {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-nav--title {
  margin-bottom: 24px;
}

.c-nav--title:after {
  content: '';
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2210%2010%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EIcons_Approved%3C%2Ftitle%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2213.73%2016.86%2020%2023.14%2026.27%2016.86%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  display: inline-block;
  vertical-align: sub;
  position: absolute;
  margin-right: 6px;
}

.active .c-nav__sub {
  display: block;
}

.c-nav__item--sub {
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: normal;
  font-size: 15px;
  font-size: 1.0714285714rem;
  line-height: 1.6;
}

.c-nav__item--parent.active .c-nav__link {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 6px;
}

.c-nav__item--parent.active .c-nav__chevron {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.c-page-header {
  background-color: #000000;
  z-index: 99;
  position: relative;
}

@media screen and (max-width: 63.9375em) {
  .c-page-header {
    position: fixed !important;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: #000000 !important;
  }
}

.header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  min-height: 120px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 44.9375em) {
  .header {
    position: relative;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .header {
    position: relative;
  }
}

@media screen and (min-width: 64em) {
  .c-logo {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-logo {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-logo {
    display: none;
  }
}

@media screen and (min-width: 45em) {
  .c-logo-small {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .nav-toggle {
    display: none;
  }
}

.c-store-nav {
  color: white;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: right;
  padding-right: 24px;
}

@media screen and (min-width: 64em) {
  .c-store-nav {
    min-width: 250px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-store-nav__comp {
    position: absolute;
    left: 62px;
  }
}

.c-store-nav__item {
  position: relative;
  margin-left: 12px;
}

.c-store-nav__item .counter {
  position: absolute;
  background-color: #F86424;
  border-radius: 50%;
  color: white;
  width: 20px;
  height: 20px;
  top: -6px;
  right: -6px;
  line-height: 20px;
  text-align: center;
}

.c-store-nav__panel {
  background-color: white;
  position: absolute;
  /* we can't use fixed here :( */
  top: 120px;
  right: 0;
  z-index: 99999;
  width: 375px;
  -webkit-transform: translateX(375px);
  -ms-transform: translateX(375px);
  transform: translateX(375px);
  visibility: hidden;
  min-height: 25vh;
  max-height: calc(100vh -120px);
  overflow-x: hidden;
  overflow-y: auto;
  transition: visibility 0s, -webkit-transform 0.3s cubic-bezier(0.84, 0.425, 1, 0.4);
  transition: visibility 0s, transform 0.3s cubic-bezier(0.84, 0.425, 1, 0.4);
  /* custom */
  box-shadow: -8px 0 6px -4px rgba(191, 191, 191, 0.3);
  transition-delay: 0.1s;
}

@media screen and (max-width: 44.9375em) {
  .c-store-nav__panel {
    top: 72px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-store-nav__panel {
    top: 120px;
  }
}

.c-store-nav__panel.panel-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0.1s;
  transition: visibility 0.5s, -webkit-transform 0.3s cubic-bezier(0.84, 0.425, 1, 0.4);
  transition: visibility 0.5s, transform 0.3s cubic-bezier(0.84, 0.425, 1, 0.4);
  /* custom */
  box-shadow: 0px 10px 13px -13px #858585;
}

.c-header__burger {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 18px;
  width: 40px;
  height: 20px;
  z-index: 99;
}

@media screen and (min-width: 64em) {
  .c-header__burger {
    display: none;
  }
}

.c-burger {
  width: 26px;
  height: 20px;
  cursor: pointer;
  position: relative;
}

.c-burger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #FFFFFF;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.c-burger span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.c-burger span:nth-child(2) {
  top: 9px;
  opacity: 1;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.c-burger span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.c-burger.burger-open {
  /* span:nth-child(2){
        opacity:0;
        transition:opacity 0.3s ease;
      } */
}

.c-burger.burger-open span {
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.c-burger.burger-open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
}

.c-burger.burger-open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -4px;
}

.c-burger.burger-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* MINICART */

.c-minicart__item {
  border-bottom: 1px solid #a6a6a6;
}

.c-minicart__item:first-of-type {
  border-top: 1px solid #a6a6a6;
}

.c-store-nav__panel .mage-dropdown-dialog {
  display: block !important;
}

.c-minicart-actions {
  text-align: center;
}

.c-minicart__qty {
  width: 32px;
  height: 32px;
  display: inline;
  border: none;
  line-height: 24px;
  text-align: center;
  padding: 2px;
  border-radius: 50%;
  background-color: #E5E5E5;
}

.c-minicart__qty:focus {
  border: 1px solid #a6a6a6;
}

.c-menu {
  position: fixed;
  /* we can't use fixed here :( */
  top: 72px;
  left: 0;
  z-index: 99999;
  width: 90vw;
  -webkit-transform: translateX(-91vw);
  -ms-transform: translateX(-91vw);
  transform: translateX(-91vw);
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #333333;
  transition: all .3s ease;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-menu {
    top: 120px;
  }
}

.c-menu.is-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.c-menu__level {
  transition: all .3s ease;
  width: 90vw;
  position: absolute;
  top: 0;
  left: 0;
  padding: 24px;
}

.c-menu__level .c-menu__level {
  margin-left: 90vw;
  max-height: 90vh;
  overflow-y: scroll;
}

.c-menu__level .c-menu__level.is-hidden {
  display: none;
}

.c-menu__level.is-shifted {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.c-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-menu__list.is-hidden {
  display: none;
}

.c-menu__header {
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 6px;
  padding-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
}

.c-menu__header a {
  color: #FFFFFF;
}

.c-menu__header:after {
  content: '';
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2210%2010%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EIcons_Approved%3C%2Ftitle%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2213.73%2016.86%2020%2023.14%2026.27%2016.86%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
}

.c-menu__header.is-hidden {
  display: none;
}

.c-menu__item {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
  color: #FFFFFF;
  line-height: 1.5;
  font-family: "Neue Haas Grotesk Text", arial, sans-serif;
}

@media screen and (min-width: 45em) {
  .c-menu__item {
    font-weight: 600;
  }
}

.c-menu__link {
  color: #FFFFFF;
  padding: 6px 0;
  display: inline-block;
  margin-right: 6px;
}

.c-menu__hint {
  color: #a6a6a6;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
  font-family: "Neue Haas Grotesk Text", sans-serif;
  opacity: 0.74;
}

.c-menu__back {
  color: #FFFFFF;
  display: block;
  margin-bottom: 24px;
  text-transform: uppercase;
  font-weight: bold;
}

.c-menu__back:before {
  content: '';
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EIcons_Approved%3C%2Ftitle%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2216.94%2013.73%2010.67%2020%2016.94%2026.27%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2210.67%22%20y1%3D%2220%22%20x2%3D%2229.33%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 27px;
  height: 26px;
  display: inline-block;
  background-size: 46px 40px;
  background-position: -11px 0;
}

.c-menu__list--sub .c-menu__item {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  text-transform: none;
  font-family: "Neue Haas Grotesk Text", sans-serif;
  font-weight: 400;
}

.c-menu__heading {
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 63.9375em) {
  .c-store-nav__item {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 40px;
  }

  .c-store-nav__item--cart {
    right: 24px;
  }

  .c-store-nav__item--search {
    right: 72px;
  }

  .c-store-nav__item--comp {
    left: 48px;
  }

  .header {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 72px;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-logo-wrap img {
    width: 90px !important;
    height: 72px !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-logo-wrap img {
    width: 250px !important;
    height: 120px !important;
  }
}

.c-breadcrumbs {
  padding: 12px 6px;
  padding-bottom: 6px;
}

.c-breadcrumb__item a {
  color: #a6a6a6;
}

.c-store-switch {
  display: none;
}

.c-store-switch.visible {
  display: block;
}

.c-language-switcher__label {
  padding-bottom: 24px;
}

@media screen and (max-width: 63.9375em) {
  .c-language-switcher__label {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.3333333333;
    padding-bottom: 0;
  }
}

.c-language-switcher__close {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 63.9375em) {
  .c-language-switcher__close {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    top: 18px;
    right: 12px;
  }
}

.c-language-switcher_option a {
  color: #E5E5E5;
}

.c-minicart__counter.empty {
  display: none;
}

/* BREADCRUMBS
========================================================================== */

.c-breadcrumbs {
  text-transform: uppercase;
}

.c-breadcrumbs__item {
  text-transform: uppercase;
  color: #595959;
}

.page-title {
  font-size: 42px;
  font-size: 3rem;
  line-height: 54px;
}

@media screen and (max-width: 44.9375em) {
  .page-title {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 36px;
  }
}

.wordpress-post-view .breadcrumbs {
  margin-bottom: 12px;
}

/* FOOTER
========================================================================== */

.c-footer__cta {
  text-transform: uppercase;
  font-size: 16px;
  color: #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  font-weight: bold;
  padding-bottom: 2px;
}

.c-footer-nav__link {
  color: #FFFFFF;
}

.c-footer__divider {
  border-top: 1px solid #7f7f7f;
}

.c-footer__payment {
  margin: 0 12px;
}

.c-footer__payment:first-of-type {
  margin-left: 0;
}

.c-footer__select {
  background: transparent;
  border: none;
  border-bottom: 2px solid #FFFFFF;
  border-radius: 0px;
  -webkit-appearance: none !important;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2213px%22%20height%3D%228px%22%20viewBox%3D%220%200%2013%208%22%20enable-background%3D%22new%200%200%2013%208%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A3A4AA%22%20d%3D%22M11.5%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0c0.2%2C0.2%2C0.2%2C0.4%2C0.2%2C0.6c0%2C0.2-0.1%2C0.4-0.2%2C0.6L7.1%2C7.4%20c-0.3%2C0.3-0.8%2C0.3-1.1%2C0L0.3%2C1.8C0%2C1.5%2C0%2C0.9%2C0.3%2C0.6c0.3-0.3%2C0.8-0.3%2C1.1%2C0l5%2C5L11.5%2C0.6z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  padding-right: 36px;
  color: #000000;
}

.c-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 999999;
  display: none;
  max-height: 0;
  transition: max-height 0.3s ease;
}

@media screen and (max-width: 44.9375em) {
  .c-cookies {
    left: 0;
  }
}

.c-cookies.visible {
  display: block;
  max-height: 100vh;
}

@media screen and (min-width: 45em) {
  .c-cookies.visible {
    display: inline-block;
    max-height: 140px;
    transition: max-height 0.3s ease;
  }
}

/* SWATCHES
========================================================================== */

.super-attribute-select {
  display: none;
}

.swatch-attribute.la_colour {
  padding-bottom: 12px;
}

@media screen and (min-width: 64em) {
  .swatch-attribute.back_length_config,
  .swatch-attribute.la_size {
    display: inline-block;
    width: 60%;
    padding-right: 10px;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .swatch-attribute.back_length_config,
  .swatch-attribute.la_size {
    width: auto;
    padding-right: 0;
    display: block;
  }
}

.swatch-attribute.back_length_config .swatch-attribute-label,
.swatch-attribute.la_size .swatch-attribute-label {
  display: none;
}

.swatch-select {
  border: 2px solid #595959;
  height: 46px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 46px;
  margin-bottom: 12px;
}

.swatch-attribute-options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.swatch-attribute-options .swatch-option {
  position: relative;
  height: 30px;
  cursor: pointer;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0px;
}

.swatch-attribute-options .swatch-option.disabled {
  opacity: 0.3;
}

.swatch-attribute-options .swatch-option:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid white;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.6s ease;
}

.swatch-attribute-options .swatch-option.selected {
  outline: none;
  border: none;
}

.swatch-attribute-options .swatch-option.selected:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  transition: all 0.6s ease;
}

.product-options-wrapper .swatch-opt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-options-wrapper .swatch-opt .la_size {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.product-options-wrapper .swatch-opt .la_colour {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.catalog-product-view .product-options-wrapper .fieldset .field.configurable.required .label {
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

.catalog-product-view .product-options-wrapper .fieldset .field.configurable.required .control .super-attribute-select {
  display: block;
}

/* CATEGORY PAGE / SIDEBAR / COMPARE BLOCK */

/* COMPARE */

@media screen and (max-width: 75em) {
  .c-compare {
    position: relative;
    margin-left: 24px;
  }
}

@media screen and (max-width: 75em) {
  .c-compare__scrollbar {
    overflow-x: auto;
    margin-left: 150px;
  }
}

.c-compare__scrollbar::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}

.c-compare__scrollbar::-webkit-scrollbar {
  height: 3px;
  background-color: #a6a6a6;
}

.c-compare__scrollbar::-webkit-scrollbar-thumb {
  background-color: #a6a6a6;
}

@media screen and (max-width: 75em) {
  .c-compare__fixed-column {
    position: absolute;
    left: 0;
    width: 150px;
  }
}

/* END OF HORIZONTAL SCROLLBAR */

.c-compare-table > tbody > tr {
  height: 225px;
}

.c-compare-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 2px !important;
}

@media screen and (max-width: 75em) {
  .c-compare-table {
    width: 1220px;
  }
}

.c-compare-table th {
  text-transform: uppercase;
  padding: 10px 0px 10px 0px;
}

.c-compare-table td:not(:nth-child(2)) {
  text-align: center;
  padding: 25px;
  font-weight: 600;
}

.c-compare-table td {
  border: 1px solid #bfbfbf;
}

.c-compare-table td:first-child {
  width: 250px;
  background-color: #f1f1f1;
}

@media screen and (max-width: 75em) {
  .c-compare-table td:first-child {
    box-shadow: 5px 0 5px -2px #bfbfbf;
    width: 150px;
    height: 225px;
  }
}

.c-compare-table td:nth-child(2) {
  width: 250px;
  padding: 10px 25px 10px 25px;
}

@media screen and (max-width: 75em) {
  .c-compare-table td:nth-child(2) {
    border-left: none;
  }
}

.c-compare-table td:nth-child(3) {
  width: 110px;
}

.c-compare-table td:nth-child(4) {
  width: 175px;
}

.c-compare-table td:nth-child(5) {
  width: 175px;
}

.c-compare-table td:nth-child(6) {
  width: 190px;
}

.c-compare-table td:nth-child(7) {
  width: 175px;
}

.c-compare-table td:last-child {
  width: 125px;
}

.c-compare-table p {
  margin-bottom: 0 !important;
}

.c-compare-table-links {
  margin-bottom: 0px !important;
}

.c-compare-table-links tr:last-child {
  border-bottom: 1px solid #bfbfbf;
  height: 50px;
}

.c-compare-table-links th {
  width: 50%;
}

.c-compare-table-links th:first-child {
  padding-left: 24px;
}

@media screen and (min-width: 64em) {
  .c-compare-table-links th:first-child {
    padding-left: 125px;
  }
}

.c-compare-table-links th:last-child {
  padding-right: 24px;
}

@media screen and (min-width: 64em) {
  .c-compare-table-links th:last-child {
    padding-right: 125px;
  }
}

@media screen and (max-width: 44.9375em) {
  .block-compare {
    display: none;
  }
}

/*

.outer{
    @include media-query(not-desktop){
      position: relative;
      margin-left: 24px;
    }
  }
  .inner{
    @include media-query(not-desktop){
      overflow-x: auto;
      margin-left: 150px;
    }
  
    &::-webkit-scrollbar-track
    {
      //border: 1px solid $grey-light;
      background-color: $white;
    }
  
    &::-webkit-scrollbar
    {
      height: 3px;
      background-color: $grey;
    }
  
    &::-webkit-scrollbar-thumb
    {
      background-color: $grey;    
    }
  }
  .first-column {
    @include media-query(not-desktop){
      position: absolute;
      left: 0;
      width: 150px;
    }
  }
  
  .c-compare-table > tbody > tr{
    //border-top: 1px solid $grey-light;
    //border-bottom: 1px solid $grey-light;
    //border-right: 1px solid $grey-light;
    height: 225px;
  }
  
  .c-compare-table{
    border-collapse: collapse;
    //table-layout: fixed; 
    width: 100%;
    margin-bottom: 2px !important;
  
    @include media-query(not-desktop){
      width: 1220px;
    }
    
    th{
      text-transform: uppercase;
      padding: 10px 0px 10px 0px;
    }
  
    td:not(:nth-child(2)){
      text-align: center;
      padding: 25px;
      font-weight: $bolder;
    }
  
    td{
      border: 1px solid $grey-light;
      //border-left: 1px solid $grey-light;
    }
  
    td:first-child{
      width: 250px;
      background-color: #f1f1f1;
  
      @include media-query(not-desktop){
        -webkit-box-shadow: 5px 0 5px -2px $grey-light;
        box-shadow: 5px 0 5px -2px $grey-light;
        width: 150px;
        height: 225px;
      }
    }
  
    td:nth-child(2){
      width: 250px;
      padding: 10px 25px 10px 25px;
  
      @include media-query(not-desktop){
        border-left: none;
      }
    }
  
    td:nth-child(3){
      width: 110px;
    }
  
    td:nth-child(4){
      width: 175px;
    }
  
    td:nth-child(5){
      width: 175px;
    }
  
    td:nth-child(6){
      width: 190px;
    }
  
    td:nth-child(7){
      width: 175px;
    }
  
    td:last-child{
      width: 125px;
    }
  
    p{
      margin-bottom: 0 !important;
    }
  }
  
  .c-compare-table__links{
    margin-bottom: 0px !important;
  
    tr:last-child{
      border-bottom: 1px solid $grey-light;
      height: 50px;
    }
  
    th{ 
      width: 50%;
    }
  
    th:first-child{
      padding-left: 24px;
      
      @include media-query(desk){
        padding-left: 125px;
      }
    }
  
    th:last-child{
      padding-right: 24px;
      
      @include media-query(desk){
        padding-right: 125px;
      }
    }
  
    .fl{
      float: left;
    }
  
    .fr{
      float: right;
    }
  }

  */

/* PRODUCT
========================================================================== */

/*--

PRODUCT SLIDER
- Slick slider at the top of the product page.

--*/

.c-product-slider {
  margin-bottom: 36px;
}

.c-product-slider__img {
  max-width: 600px;
  margin-left: 6px;
  margin-right: 6px;
}

@media screen and (max-width: 44.9375em) {
  .c-product-slider__img {
    max-width: 100vw;
  }
}

.c-product-slider__dots {
  /*
  Rebuild with buttons styled and absolute positioned inside LI, then use transform origin to make them expand or whatever. 


  */
  text-align: center;
  list-style-type: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  cursor: pointer;
  margin: 0;
  min-height: 20px;
}

.c-product-slider__dots li {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
}

.c-product-slider__dots li button {
  background-color: #bfbfbf;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  color: transparent;
  padding: 0;
}

.c-product-slider__dots li.slick-active button {
  background-color: #000000;
  width: 20px;
  height: 20px;
  transition: all 0.2s ease;
}

.c-product-slider__dots--inset {
  position: absolute;
  bottom: 24px;
}

.c-product-slider__video {
  width: 1066px !important;
  max-width: 100vw;
}

@media screen and (max-width: 44.9375em) {
  .c-product-slider__video {
    width: 100vw !important;
  }
}

.c--product-slider__arrow {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

.c--product-slider__arrow.slick-disabled {
  opacity: 0.5;
}

.c--product-slider__arrow:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-product-slider__arrow--prev {
  left: -10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-product-slider__arrow--next {
  right: -10px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.c-product-item__grey {
  background-color: #bfbfbf;
  text-transform: uppercase;
  margin-bottom: 8px;
  border-radius: 5px;
}

/*
  PRODUCT LIST 
  
  */

.c-product-item__details {
  margin-top: 16px;
}

.c-product-item__pills {
  margin-bottom: 12px;
}

.c-product-item__pill {
  color: #333333;
  background-color: #bfbfbf;
  padding: 2px 12px;
  border-radius: 16px;
  margin-right: 6px;
}

.c-product-item__pill:last-of-type {
  margin-right: 0;
}

.c-product-item__details {
  border-bottom: 1px solid #a6a6a6;
  padding-bottom: 24px;
}

.c-product-item__cta .price-box {
  display: inline;
  font-weight: normal;
}

.c-product-item__cta .price-label {
  display: none !important;
}

.c-product-item__cta .price-excluding-tax {
  display: none;
}

.c-product-item__review {
  text-align: right;
  margin-bottom: 12px;
}

.c-product-item__review .text-m {
  display: none;
}

.c-product-item__review .yotpo.bottomLine {
  margin-right: 0;
}

div[class^="swatch-opt-"] {
  min-height: 30px;
}

.c-related-list {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.c-product__suggestions {
  border-bottom: 1px solid #a6a6a6;
}

@media screen and (max-width: 44.9375em) {
  .page-wrapper {
    padding-top: 72px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .page-wrapper {
    padding-top: 120px;
  }
}

.page-layout-checkout .page-wrapper {
  padding-top: 0;
}

.page-layout-checkout .page-wrapper .c-header__burger {
  display: none;
}

.catalog-product-view .page-header {
  margin-bottom: 0;
}

.c-product-description p:first-of-type {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 27px;
}

@media screen and (max-width: 44.9375em) {
  .c-product-description {
    text-align: center;
  }
}

.swatch-attribute-label,
.swatch-attribute-selected-option {
  font-size: 14px;
  font-size: 1rem;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
}

.c-category__title .page-title,
.c-product__title .page-title {
  margin-bottom: 0;
}

@media screen and (max-width: 44.9375em) {
  .c-product_title .page-title {
    font-size: 32px;
    font-size: 2.2857142857rem;
    line-height: 36px;
  }
}

.product-options-wrapper {
  position: relative;
}

.c-option-hint {
  position: absolute;
  bottom: 24px;
  right: -16px;
  width: 40%;
}

.product-info-price .price-box {
  text-align: right;
}

.product-info-price .price-label {
  display: none !important;
}

.product-info-price .price-final_price {
  font-size: 30px;
  font-weight: bold;
}

.c-product__qty-wrap {
  display: inline-block;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.c-product__qty {
  width: 60px;
  height: 46px;
  border: 2px solid #333333;
  margin-right: 12px;
}

.c-product__actions {
  display: inline-block;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.c-product__compare-btn {
  width: 100%;
  margin-bottom: 12px;
}

.c-product__atc-wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-product__atc {
  width: 100%;
  background-color: #000000;
}

.c-features__features {
  font-weight: bold;
  color: #595959;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  margin-top: 24px;
}

@media screen and (max-width: 44.9375em) {
  .c-features__inner {
    text-align: center;
  }
}

.c-features__item:before {
  content: '';
  width: 5px;
  height: 4px;
  background-color: #7f7f7f;
  margin-bottom: 4px;
  margin-right: 6px;
  display: inline-block;
}

.c-features__stats li:after {
  content: '|';
  padding: 0 6px;
}

.c-features__stats li:last-of-type:after {
  content: none;
}

.c-related-slide {
  margin-left: 0;
}

.c-product-list__toolbar {
  padding-bottom: 12px;
  border-bottom: 1px solid #a6a6a6;
  position: relative;
}

.c-toolbar__amount {
  text-align: center;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  font-weight: bold;
  text-transform: uppercase;
  color: #a6a6a6;
}

@media screen and (max-width: 44.9375em) {
  .c-toolbar__amount {
    display: none;
  }
}

.c-sort {
  text-align: right;
}

@media screen and (min-width: 45em) {
  .c-sort {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    z-index: 1;
  }
}

.c-sort__link {
  padding-right: 24px;
  display: block;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
}

.c-sort__link:after {
  position: absolute;
  content: "";
  display: block;
  right: 6px;
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: 3px 4px;
  -ms-transform-origin: 3px 4px;
  transform-origin: 3px 4px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  height: 10px;
  width: 10px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.c-sort__link.active:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.c-sort__list {
  display: none;
  width: 300px;
  background-color: white;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 99;
  top: 30px;
  box-shadow: #bfbfbf -1px 2px 6px;
}

@media screen and (max-width: 44.9375em) {
  .c-sort__list {
    width: 100%;
  }
}

.c-sort__list.open {
  display: block;
}

.c-sort__item {
  padding: 12px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  color: #a6a6a6;
  border-top: 1px solid #bfbfbf;
}

.c-product__wrapper {
  clear: both;
}

/* BANNERS / DROP-INS
========================================================================== */

@media screen and (min-width: 45em) {
  .c-banner--overlap {
    margin-top: 124px;
    background-color: #E5E5E5;
  }
}

@media screen and (min-width: 64em) {
  .c-banner--overlap {
    margin-bottom: 175px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-banner--overlap {
    margin-bottom: 150px;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-banner-inner {
    text-align: center;
  }
}

@media screen and (min-width: 64em) {
  .c-banner--overlap .c-banner-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 600px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-banner--overlap .c-banner-img {
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    max-width: 600px;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-banner--overlap .c-banner-img {
    position: relative;
  }
}

@media screen and (max-width: 44.9375em) {
  .c-banner__image:before {
    position: absolute;
    content: '';
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #E5E5E5;
    height: 50%;
  }
}

.c-montage {
  position: relative;
  text-align: center;
}

@media screen and (max-width: 44.9375em) {
  .c-montage-img {
    max-width: 100vw;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-montage-img {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .c-montage-img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media screen and (min-width: 45em) {
  .c-montage-img--middle {
    border: 10px solid #FFFFFF;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    z-index: 10;
  }

  .c-montage-img--left {
    position: absolute;
    left: -149px;
    z-index: 0;
  }

  .c-montage-img--right {
    position: absolute;
    right: -250px;
    top: 40px;
  }
}

.c-instasham__img {
  border: 6px solid white;
  border-bottom: 24px solid white;
}

.manus {
  font-size: 66px;
  font-size: 4.7142857143rem;
  line-height: 72px;
  font-family: "Manus";
}

.manussmooth {
  font-size: 66px;
  font-size: 4.7142857143rem;
  line-height: 72px;
  font-family: "Manus Smooth";
}

.c-top-search {
  position: absolute;
  width: 100%;
  left: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1;
  transition: -webkit-transform 0.5s cubic-bezier(0.32, 0.65, 0.65, 0.43);
  transition: transform 0.5s cubic-bezier(0.32, 0.65, 0.65, 0.43);
}

.c-top-search.visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: -webkit-transform 0.5s cubic-bezier(0.32, 0.65, 0.65, 0.43);
  transition: transform 0.5s cubic-bezier(0.32, 0.65, 0.65, 0.43);
}

.c-top-search .block-title {
  display: none;
}

.c-top-search .advanced {
  display: none;
}

.c-top-search .actions {
  position: absolute;
  top: 24px;
  right: 24px;
  height: 60px;
  border: none;
}

.c-top-search .actions .search {
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0;
  background-color: transparent;
}

.c-top-search #search {
  border: none;
  box-shadow: 0px 10px 13px -13px #858585;
  height: 80px;
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
  color: #a6a6a6;
}

.c-top-search #search::-webkit-input-placeholder {
  color: grey-light;
}

.c-top-search #search:-ms-input-placeholder {
  color: grey-light;
}

.c-top-search #search::placeholder {
  color: grey-light;
}

@media screen and (max-width: 63.9375em) {
  .c-top-search #search {
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.3333333333;
  }
}

.c-top-search .mst-searchautocomplete__autocomplete {
  display: none;
  background-color: #65707a;
  color: white;
  width: 75% !important;
  position: absolute;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 80px !important;
  padding: 24px;
  z-index: 98;
}

.c-top-search .mst-searchautocomplete__autocomplete._active {
  display: block;
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .c-top-search .mst-searchautocomplete__autocomplete {
    width: 90% !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .c-top-search .mst-searchautocomplete__autocomplete {
    width: 100% !important;
  }
}

.c-search__suggest {
  padding-top: 6px;
  padding-bottom: 6px;
}

.c-search__inner {
  padding: 24px;
}

.c-search__count {
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
}

.c-pullquote {
  position: relative;
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .c-cart__sidebar {
    padding-top: 96px;
  }
}

.c-scribble-text {
  font-family: "Manus";
  font-weight: normal;
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 66px;
}

@media screen and (max-width: 44.9375em) {
  .c-scribble-text {
    font-size: 42px;
    font-size: 3rem;
    line-height: 54px;
  }
}

.cta-millionth-style {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1rem;
  line-height: 21px;
  border-bottom: 2px solid #000000;
  padding-bottom: 3px;
  font-weight: bold;
}

.wordpress-post-view ul {
  margin-left: 0;
}

.wordpress-post-view li {
  list-style-position: inside;
}

/* Overiding field level templates for magento 2 checkout is a nightmare and we don't have time. This is going to be very rough indeed. ID's abound, also a mix of BEM and default magento classes. rating: 2/10*/

#shipping-new-address-form,
.billing-address-form fieldset,
#customer-email-fieldset,
#payment_form_braintree,
#shipping-zip-form,
.c-cart__sidebar #co-shipping-method-form,
#discount-coupon-form,
#amgiftcard-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  place-content: stretch flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#shipping-new-address-form [type="hidden"],
.billing-address-form fieldset [type="hidden"],
#customer-email-fieldset [type="hidden"],
#payment_form_braintree [type="hidden"],
#shipping-zip-form [type="hidden"],
.c-cart__sidebar #co-shipping-method-form [type="hidden"],
#discount-coupon-form [type="hidden"],
#amgiftcard-form [type="hidden"] {
  display: none;
}

#shipping-new-address-form .field:not(.choice),
.billing-address-form fieldset .field:not(.choice),
#customer-email-fieldset .field:not(.choice),
#payment_form_braintree .field:not(.choice),
#shipping-zip-form .field:not(.choice),
.c-cart__sidebar #co-shipping-method-form .field:not(.choice),
#discount-coupon-form .field:not(.choice),
#amgiftcard-form .field:not(.choice) {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  position: relative;
  padding-right: 12px;
}

#shipping-new-address-form .field:not(.choice) input,
#shipping-new-address-form .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #shipping-new-address-form .field:not(.choice) .hosted-control,
.billing-address-form fieldset .field:not(.choice) input,
.billing-address-form fieldset .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree .billing-address-form fieldset .field:not(.choice) .hosted-control,
#customer-email-fieldset .field:not(.choice) input,
#customer-email-fieldset .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #customer-email-fieldset .field:not(.choice) .hosted-control,
#payment_form_braintree .field:not(.choice) input,
#payment_form_braintree .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #payment_form_braintree .field:not(.choice) .hosted-control,
#shipping-zip-form .field:not(.choice) input,
#shipping-zip-form .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #shipping-zip-form .field:not(.choice) .hosted-control,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) input,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree .c-cart__sidebar #co-shipping-method-form .field:not(.choice) .hosted-control,
#discount-coupon-form .field:not(.choice) input,
#discount-coupon-form .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #discount-coupon-form .field:not(.choice) .hosted-control,
#amgiftcard-form .field:not(.choice) input,
#amgiftcard-form .field:not(.choice) .payment-method-braintree .hosted-control,
.payment-method-braintree #amgiftcard-form .field:not(.choice) .hosted-control {
  height: 46px;
  padding-top: 24px;
  margin-bottom: 12px;
}

#shipping-new-address-form .field:not(.choice) .hosted-control,
.billing-address-form fieldset .field:not(.choice) .hosted-control,
#customer-email-fieldset .field:not(.choice) .hosted-control,
#payment_form_braintree .field:not(.choice) .hosted-control,
#shipping-zip-form .field:not(.choice) .hosted-control,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) .hosted-control,
#discount-coupon-form .field:not(.choice) .hosted-control,
#amgiftcard-form .field:not(.choice) .hosted-control {
  padding-top: 0 !important;
}

#shipping-new-address-form .field:not(.choice) .hosted-control iframe,
.billing-address-form fieldset .field:not(.choice) .hosted-control iframe,
#customer-email-fieldset .field:not(.choice) .hosted-control iframe,
#payment_form_braintree .field:not(.choice) .hosted-control iframe,
#shipping-zip-form .field:not(.choice) .hosted-control iframe,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) .hosted-control iframe,
#discount-coupon-form .field:not(.choice) .hosted-control iframe,
#amgiftcard-form .field:not(.choice) .hosted-control iframe {
  height: 46px !important;
  padding-bottom: 6px;
  padding-top: 24px;
}

#shipping-new-address-form .field:not(.choice) .label,
.billing-address-form fieldset .field:not(.choice) .label,
#customer-email-fieldset .field:not(.choice) .label,
#payment_form_braintree .field:not(.choice) .label,
#shipping-zip-form .field:not(.choice) .label,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) .label,
#discount-coupon-form .field:not(.choice) .label,
#amgiftcard-form .field:not(.choice) .label {
  position: absolute;
  left: 12px;
  font-weight: bold;
  line-height: 36px;
  color: #a6a6a6;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
  z-index: 1;
}

#shipping-new-address-form .field:not(.choice) .label-above,
.billing-address-form fieldset .field:not(.choice) .label-above,
#customer-email-fieldset .field:not(.choice) .label-above,
#payment_form_braintree .field:not(.choice) .label-above,
#shipping-zip-form .field:not(.choice) .label-above,
.c-cart__sidebar #co-shipping-method-form .field:not(.choice) .label-above,
#discount-coupon-form .field:not(.choice) .label-above,
#amgiftcard-form .field:not(.choice) .label-above {
  position: static;
}

#shipping-new-address-form .field select,
.billing-address-form fieldset .field select,
#customer-email-fieldset .field select,
#payment_form_braintree .field select,
#shipping-zip-form .field select,
.c-cart__sidebar #co-shipping-method-form .field select,
#discount-coupon-form .field select,
#amgiftcard-form .field select {
  height: 46px;
  padding-top: 12px;
}

#shipping-new-address-form .field.street,
.billing-address-form fieldset .field.street,
#customer-email-fieldset .field.street,
#payment_form_braintree .field.street,
#shipping-zip-form .field.street,
.c-cart__sidebar #co-shipping-method-form .field.street,
#discount-coupon-form .field.street,
#amgiftcard-form .field.street {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 0;
}

#shipping-new-address-form .field fieldset.field,
.billing-address-form fieldset .field fieldset.field,
#customer-email-fieldset .field fieldset.field,
#payment_form_braintree .field fieldset.field,
#shipping-zip-form .field fieldset.field,
.c-cart__sidebar #co-shipping-method-form .field fieldset.field,
#discount-coupon-form .field fieldset.field,
#amgiftcard-form .field fieldset.field {
  padding-right: 0;
}

#shipping-new-address-form .choice .label,
.billing-address-form fieldset .choice .label,
#customer-email-fieldset .choice .label,
#payment_form_braintree .choice .label,
#shipping-zip-form .choice .label,
.c-cart__sidebar #co-shipping-method-form .choice .label,
#discount-coupon-form .choice .label,
#amgiftcard-form .choice .label {
  display: inline-block;
}

#shipping-new-address-form .control:focus-within + .label,
.billing-address-form fieldset .control:focus-within + .label,
#customer-email-fieldset .control:focus-within + .label,
#payment_form_braintree .control:focus-within + .label,
#shipping-zip-form .control:focus-within + .label,
.c-cart__sidebar #co-shipping-method-form .control:focus-within + .label,
#discount-coupon-form .control:focus-within + .label,
#amgiftcard-form .control:focus-within + .label {
  -webkit-transform: scale(50%);
  -ms-transform: scale(50%);
  transform: scale(50%);
}

#shipping-new-address-form ._required .label:after,
.billing-address-form fieldset ._required .label:after,
#customer-email-fieldset ._required .label:after,
#payment_form_braintree ._required .label:after,
#shipping-zip-form ._required .label:after,
.c-cart__sidebar #co-shipping-method-form ._required .label:after,
#discount-coupon-form ._required .label:after,
#amgiftcard-form ._required .label:after {
  content: '*';
}

.opc-progress-bar-item h3 {
  border-bottom: 2px solid #a6a6a6;
  padding-bottom: 12px;
  color: #a6a6a6;
}

.opc-progress-bar-item._active h3 {
  border-bottom: 6px solid #000000;
  padding-bottom: 8px;
  color: #000000;
}

.c-method-table .col-method {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  font-weight: bold;
}

.c-method-table td {
  padding: 6px;
}

.c-checkout-continue {
  background-color: #F86424;
}

.payment-method .payment-method-content {
  display: none;
}

.payment-method._active .payment-method-content {
  display: block;
}

.credit-card-types {
  display: none;
}

.payment-method-title label {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.7142857143;
  font-weight: bold;
  display: inline;
}

.checkout-payment-method .payment-methods .actions-toolbar button.primary {
  background-color: #F86424;
  color: white;
}

.field-tooltip {
  position: relative;
}

.field-tooltip .field-tooltip-content {
  position: absolute;
  display: none;
}

.field-tooltip .field-tooltip-action:hover + .field-tooltip-content {
  display: block;
}

.hosted-control {
  padding-top: 18px;
  padding-bottom: 6px;
}

.checkout-payment-method .primary {
  padding: 0;
  font-size: auto;
  line-height: auto;
}

.c-inline-login {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  position: relative;
  padding-right: 12px;
}

.c-inline-login__container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  place-content: stretch flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.opc-payment-additional .discount-code {
  margin-top: 24px;
}

.payment-option._collapsible {
  border-bottom: 1px solid #a6a6a6;
}

.payment-option._collapsible .payment-option-title {
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 44.9375em) {
  .payment-option._collapsible .payment-option-title {
    padding: 12px 24px;
  }
}

.payment-option._collapsible .payment-option-title:after {
  position: absolute;
  content: '';
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.payment-option._collapsible .payment-option-title[aria-expanded='true']:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  -ms-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.payment-option._collapsible .payment-option-content {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (max-width: 44.9375em) {
  .c-checkout__progress {
    font-size: 22px;
    font-size: 1.5714285714rem;
    line-height: 28px;
  }
}

.c-summary-container__header {
  background-color: #000000;
  color: white;
  cursor: pointer;
}

.c-summary-container__title {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  font-size: 22px;
  font-size: 1.5714285714rem;
  line-height: 28px;
}

.c-summary-container__title:after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

[aria-expanded='true'] .c-summary-container__title:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  -ms-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.step-title {
  margin-bottom: 12px;
}

.c-shipping__estimate {
  padding-top: 24px;
}

.c-shipping__estimate .items {
  margin-bottom: 0;
}

#shipping-zip-form .field {
  color: #000000;
}

.item-options {
  margin-left: 0;
}

.c-cart__sidebar .choice .label {
  color: #FFFFFF !important;
}

.c-cart__sidebar .fieldset.coupon,
.c-cart__sidebar .fieldset.estimate {
  width: 100%;
}

.c-cart__sidebar .fieldset.coupon {
  padding-top: 24px;
}

.c-cart__sidebar .cart-totals {
  margin-bottom: 24px;
  border-bottom: 1px solid #a6a6a6;
}

.c-cart__sidebar .shipping .field.note {
  color: white !important;
}

.c-cart__sidebar .c-sidebar-collapse__title {
  display: inline-block;
  margin: 12px 0;
  text-transform: uppercase;
  position: relative;
}

.c-cart__sidebar .c-sidebar-collapse__title:after {
  position: absolute;
  content: '';
  right: -18px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform-origin: 6px 2px;
  -ms-transform-origin: 6px 2px;
  transform-origin: 6px 2px;
}

.c-cart__sidebar [aria-expanded='true'] .c-sidebar-collapse__title:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.c-cart__actions {
  text-align: center;
}

@media screen and (min-width: 45em) {
  .c-cart__actions {
    text-align: right;
  }
}

.checkout-success .block-order-details,
.checkout-success .order-title {
  padding: 24px;
  padding-bottom: 0;
}

.checkout-onepage-success .page-title {
  margin-top: 24px;
}

.shipping-information-content,
.ship-via-content {
  color: #a6a6a6;
}

.payment-method {
  margin-bottom: 24px;
}

/**
 * #TRUMPS
 */

/*------------------------------------*    #MODIFIERS
\*------------------------------------*/

@media screen and (max-width: 44.9375em) {
  .layout__collapse {
    padding-left: 0 !important;
  }
}

.v-align-top {
  vertical-align: top;
}

.v-align-middle {
  vertical-align: middle;
}

.lh0 {
  line-height: 0;
}

.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}

.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.relative {
  position: relative;
}

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

/*----------------------------------------*
MEDIA QUERY DISPLAY
----------------------------------*/

@media screen and (max-width: 44.9375em) {
  .palm-hide {
    display: none !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lap-hide {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-hide {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .note-hide {
    display: none !important;
  }
}

/*------------------------------------*    #SPACING
\*------------------------------------*/

/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */

/**
     * Margin helper classes.
     *
     * Add margins.
     */

.m {
  margin: 24px !important;
}

.mt {
  margin-top: 24px !important;
}

.mr {
  margin-right: 24px !important;
}

.mb {
  margin-bottom: 24px !important;
}

.ml {
  margin-left: 24px !important;
}

.mh {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/**
           * Add tiny margins.
           */

.m-- {
  margin: 6px !important;
}

.mt-- {
  margin-top: 6px !important;
}

.mr-- {
  margin-right: 6px !important;
}

.mb-- {
  margin-bottom: 6px !important;
}

.ml-- {
  margin-left: 6px !important;
}

.mh-- {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.mv-- {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/**
           * Add small margins.
           */

.m- {
  margin: 12px !important;
}

.mt- {
  margin-top: 12px !important;
}

.mr- {
  margin-right: 12px !important;
}

.mb- {
  margin-bottom: 12px !important;
}

.ml- {
  margin-left: 12px !important;
}

.mh- {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mv- {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/**
           * Add large margins.
           */

.m\+ {
  margin: 48px !important;
}

.mt\+ {
  margin-top: 48px !important;
}

.mr\+ {
  margin-right: 48px !important;
}

.mb\+ {
  margin-bottom: 48px !important;
}

.ml\+ {
  margin-left: 48px !important;
}

.mh\+ {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.mv\+ {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/**
           * Add huge margins.
           */

.m\+\+ {
  margin: 96px !important;
}

.mt\+\+ {
  margin-top: 96px !important;
}

.mr\+\+ {
  margin-right: 96px !important;
}

.mb\+\+ {
  margin-bottom: 96px !important;
}

.ml\+\+ {
  margin-left: 96px !important;
}

.mh\+\+ {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.mv\+\+ {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

/**
           * Remove margins.
           */

.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/**
           * Padding helper classes.
           *
           * Add paddings.
           */

.p {
  padding: 24px !important;
}

.pt {
  padding-top: 24px !important;
}

.pr {
  padding-right: 24px !important;
}

.pb {
  padding-bottom: 24px !important;
}

.pl {
  padding-left: 24px !important;
}

.ph {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/**
           * Add small paddings.
           */

.p- {
  padding: 12px !important;
}

.pt- {
  padding-top: 12px !important;
}

.pr- {
  padding-right: 12px !important;
}

.pb- {
  padding-bottom: 12px !important;
}

.pl- {
  padding-left: 12px !important;
}

.ph- {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.pv- {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/**
           * Add large paddings.
           */

.p\+ {
  padding: 48px !important;
}

.pt\+ {
  padding-top: 48px !important;
}

.pr\+ {
  padding-right: 48px !important;
}

.pb\+ {
  padding-bottom: 48px !important;
}

.pl\+ {
  padding-left: 48px !important;
}

.ph\+ {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.pv\+ {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/**
           * Add huge paddings.
           */

.p\+\+ {
  padding: 96px !important;
}

.pt\+\+ {
  padding-top: 96px !important;
}

.pr\+\+ {
  padding-right: 96px !important;
}

.pb\+\+ {
  padding-bottom: 96px !important;
}

.pl\+\+ {
  padding-left: 96px !important;
}

.ph\+\+ {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.pv\+\+ {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

/**
           * Remove paddings.
           */

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*------------------------------------*    #SPACING-RESPONSIVE
      \*------------------------------------*/

/**
       * Margin and padding helper classes. Use these to tweak layout on a micro
       * level.
       *
       * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
       */

/**
           * Remove margins.
           */

@media screen and (max-width: 320px) {
  .tiny-m0 {
    margin: 0 !important;
  }

  .tiny-mt0 {
    margin-top: 0 !important;
  }

  .tiny-mr0 {
    margin-right: 0 !important;
  }

  .tiny-mb0 {
    margin-bottom: 0 !important;
  }

  .tiny-ml0 {
    margin-left: 0 !important;
  }

  .tiny-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .tiny-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 44.9375em) {
  .palm-m0 {
    margin: 0 !important;
  }

  .palm-mt0 {
    margin-top: 0 !important;
  }

  .palm-mr0 {
    margin-right: 0 !important;
  }

  .palm-mb0 {
    margin-bottom: 0 !important;
  }

  .palm-ml0 {
    margin-left: 0 !important;
  }

  .palm-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .palm-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lap-m0 {
    margin: 0 !important;
  }

  .lap-mt0 {
    margin-top: 0 !important;
  }

  .lap-mr0 {
    margin-right: 0 !important;
  }

  .lap-mb0 {
    margin-bottom: 0 !important;
  }

  .lap-ml0 {
    margin-left: 0 !important;
  }

  .lap-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lap-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 45em) {
  .lap-and-up-m0 {
    margin: 0 !important;
  }

  .lap-and-up-mt0 {
    margin-top: 0 !important;
  }

  .lap-and-up-mr0 {
    margin-right: 0 !important;
  }

  .lap-and-up-mb0 {
    margin-bottom: 0 !important;
  }

  .lap-and-up-ml0 {
    margin-left: 0 !important;
  }

  .lap-and-up-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lap-and-up-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .portable-m0 {
    margin: 0 !important;
  }

  .portable-mt0 {
    margin-top: 0 !important;
  }

  .portable-mr0 {
    margin-right: 0 !important;
  }

  .portable-mb0 {
    margin-bottom: 0 !important;
  }

  .portable-ml0 {
    margin-left: 0 !important;
  }

  .portable-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .portable-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m0 {
    margin: 0 !important;
  }

  .desk-mt0 {
    margin-top: 0 !important;
  }

  .desk-mr0 {
    margin-right: 0 !important;
  }

  .desk-mb0 {
    margin-bottom: 0 !important;
  }

  .desk-ml0 {
    margin-left: 0 !important;
  }

  .desk-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .desk-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .note-m0 {
    margin: 0 !important;
  }

  .note-mt0 {
    margin-top: 0 !important;
  }

  .note-mr0 {
    margin-right: 0 !important;
  }

  .note-mb0 {
    margin-bottom: 0 !important;
  }

  .note-ml0 {
    margin-left: 0 !important;
  }

  .note-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .note-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.ul {
  text-decoration: underline;
}

.v-align-middle {
  vertical-align: middle;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.uc {
  text-transform: uppercase;
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lap-center {
    text-align: center;
  }
}

@media screen and (min-width: 64em) {
  .desk-center {
    text-align: center;
  }
}

@media screen and (max-width: 44.9375em) {
  .palm-center {
    text-align: center;
  }
}

.it {
  font-style: italic;
}

@media screen and (min-width: 45em) {
  .lap-and-up-min-height-600 {
    min-height: 650px;
  }
}

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/

/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */

.clearfix:after,
.box:after,
.media:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*    #PRINT
\*------------------------------------*/

/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
}

/*------------------------------------*    #SPACING
\*------------------------------------*/

/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */

/**
     * Margin helper classes.
     *
     * Add margins.
     */

.m {
  margin: 24px !important;
}

.mt {
  margin-top: 24px !important;
}

.mr {
  margin-right: 24px !important;
}

.mb {
  margin-bottom: 24px !important;
}

.ml {
  margin-left: 24px !important;
}

.mh {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/**
     * Add tiny margins.
     */

.m-- {
  margin: 6px !important;
}

.mt-- {
  margin-top: 6px !important;
}

.mr-- {
  margin-right: 6px !important;
}

.mb-- {
  margin-bottom: 6px !important;
}

.ml-- {
  margin-left: 6px !important;
}

.mh-- {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.mv-- {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

/**
     * Add small margins.
     */

.m- {
  margin: 12px !important;
}

.mt- {
  margin-top: 12px !important;
}

.mr- {
  margin-right: 12px !important;
}

.mb- {
  margin-bottom: 12px !important;
}

.ml- {
  margin-left: 12px !important;
}

.mh- {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mv- {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/**
     * Add large margins.
     */

.m\+ {
  margin: 48px !important;
}

.mt\+ {
  margin-top: 48px !important;
}

.mr\+ {
  margin-right: 48px !important;
}

.mb\+ {
  margin-bottom: 48px !important;
}

.ml\+ {
  margin-left: 48px !important;
}

.mh\+ {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.mv\+ {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/**
     * Add huge margins.
     */

.m\+\+ {
  margin: 96px !important;
}

.mt\+\+ {
  margin-top: 96px !important;
}

.mr\+\+ {
  margin-right: 96px !important;
}

.mb\+\+ {
  margin-bottom: 96px !important;
}

.ml\+\+ {
  margin-left: 96px !important;
}

.mh\+\+ {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.mv\+\+ {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

/**
     * Remove margins.
     */

.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/**
     * Padding helper classes.
     *
     * Add paddings.
     */

.p {
  padding: 24px !important;
}

.pt {
  padding-top: 24px !important;
}

.pr {
  padding-right: 24px !important;
}

.pb {
  padding-bottom: 24px !important;
}

.pl {
  padding-left: 24px !important;
}

.ph {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/**
     * Add small paddings.
     */

.p- {
  padding: 12px !important;
}

.pt- {
  padding-top: 12px !important;
}

.pr- {
  padding-right: 12px !important;
}

.pb- {
  padding-bottom: 12px !important;
}

.pl- {
  padding-left: 12px !important;
}

.ph- {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.pv- {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/**
     * Add large paddings.
     */

.p\+ {
  padding: 48px !important;
}

.pt\+ {
  padding-top: 48px !important;
}

.pr\+ {
  padding-right: 48px !important;
}

.pb\+ {
  padding-bottom: 48px !important;
}

.pl\+ {
  padding-left: 48px !important;
}

.ph\+ {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.pv\+ {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/**
     * Add huge paddings.
     */

.p\+\+ {
  padding: 96px !important;
}

.pt\+\+ {
  padding-top: 96px !important;
}

.pr\+\+ {
  padding-right: 96px !important;
}

.pb\+\+ {
  padding-bottom: 96px !important;
}

.pl\+\+ {
  padding-left: 96px !important;
}

.ph\+\+ {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.pv\+\+ {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

/**
     * Remove paddings.
     */

.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*------------------------------------*    #SPACING-RESPONSIVE
\*------------------------------------*/

/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */

/**
     * Remove margins.
     */

@media screen and (max-width: 320px) {
  .tiny-m0 {
    margin: 0 !important;
  }

  .tiny-mt0 {
    margin-top: 0 !important;
  }

  .tiny-mr0 {
    margin-right: 0 !important;
  }

  .tiny-mb0 {
    margin-bottom: 0 !important;
  }

  .tiny-ml0 {
    margin-left: 0 !important;
  }

  .tiny-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .tiny-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 44.9375em) {
  .palm-m0 {
    margin: 0 !important;
  }

  .palm-mt0 {
    margin-top: 0 !important;
  }

  .palm-mr0 {
    margin-right: 0 !important;
  }

  .palm-mb0 {
    margin-bottom: 0 !important;
  }

  .palm-ml0 {
    margin-left: 0 !important;
  }

  .palm-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .palm-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .lap-m0 {
    margin: 0 !important;
  }

  .lap-mt0 {
    margin-top: 0 !important;
  }

  .lap-mr0 {
    margin-right: 0 !important;
  }

  .lap-mb0 {
    margin-bottom: 0 !important;
  }

  .lap-ml0 {
    margin-left: 0 !important;
  }

  .lap-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lap-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 45em) {
  .lap-and-up-m0 {
    margin: 0 !important;
  }

  .lap-and-up-mt0 {
    margin-top: 0 !important;
  }

  .lap-and-up-mr0 {
    margin-right: 0 !important;
  }

  .lap-and-up-mb0 {
    margin-bottom: 0 !important;
  }

  .lap-and-up-ml0 {
    margin-left: 0 !important;
  }

  .lap-and-up-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .lap-and-up-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .portable-m0 {
    margin: 0 !important;
  }

  .portable-mt0 {
    margin-top: 0 !important;
  }

  .portable-mr0 {
    margin-right: 0 !important;
  }

  .portable-mb0 {
    margin-bottom: 0 !important;
  }

  .portable-ml0 {
    margin-left: 0 !important;
  }

  .portable-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .portable-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m0 {
    margin: 0 !important;
  }

  .desk-mt0 {
    margin-top: 0 !important;
  }

  .desk-mr0 {
    margin-right: 0 !important;
  }

  .desk-mb0 {
    margin-bottom: 0 !important;
  }

  .desk-ml0 {
    margin-left: 0 !important;
  }

  .desk-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .desk-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .note-m0 {
    margin: 0 !important;
  }

  .note-mt0 {
    margin-top: 0 !important;
  }

  .note-mr0 {
    margin-right: 0 !important;
  }

  .note-mb0 {
    margin-bottom: 0 !important;
  }

  .note-ml0 {
    margin-left: 0 !important;
  }

  .note-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .note-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 75em) {
  .not-desktop-m0 {
    margin: 0 !important;
  }

  .not-desktop-mt0 {
    margin-top: 0 !important;
  }

  .not-desktop-mr0 {
    margin-right: 0 !important;
  }

  .not-desktop-mb0 {
    margin-bottom: 0 !important;
  }

  .not-desktop-ml0 {
    margin-left: 0 !important;
  }

  .not-desktop-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .not-desktop-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 75em) {
  .actual-desktop-m0 {
    margin: 0 !important;
  }

  .actual-desktop-mt0 {
    margin-top: 0 !important;
  }

  .actual-desktop-mr0 {
    margin-right: 0 !important;
  }

  .actual-desktop-mb0 {
    margin-bottom: 0 !important;
  }

  .actual-desktop-ml0 {
    margin-left: 0 !important;
  }

  .actual-desktop-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .actual-desktop-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/*------------------------------------*    #WIDTHS
\*------------------------------------*/

/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */

/**
     * Whole.
     */

[class~="1/1"] {
  width: 100% !important;
}

/**
     * Halves.
     */

[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
  width: 50% !important;
}

/**
     * Thirds.
     */

[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
  width: 33.3333333% !important;
}

[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
  width: 66.6666666% !important;
}

/**
     * Quarters.
     */

[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
  width: 25% !important;
}

[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
  width: 75% !important;
}

/**
     * Fifths.
     */

[class~="1/5"],
[class~="2/10"] {
  width: 20% !important;
}

[class~="2/5"],
[class~="4/10"] {
  width: 40% !important;
}

[class~="3/5"],
[class~="6/10"] {
  width: 60% !important;
}

[class~="4/5"],
[class~="8/10"] {
  width: 80% !important;
}

/**
     * Sixths.
     */

[class~="1/6"],
[class~="2/12"] {
  width: 16.6666666% !important;
}

[class~="5/6"],
[class~="10/12"] {
  width: 83.3333333% !important;
}

/**
     * Eighths.
     */

[class~="1/8"] {
  width: 12.5% !important;
}

[class~="3/8"] {
  width: 37.5% !important;
}

[class~="5/8"] {
  width: 62.5% !important;
}

[class~="7/8"] {
  width: 87.5% !important;
}

/**
     * Ninths.
     */

[class~="1/9"] {
  width: 11.1111111% !important;
}

[class~="2/9"] {
  width: 22.2222222% !important;
}

[class~="4/9"] {
  width: 44.4444444% !important;
}

[class~="5/9"] {
  width: 55.5555555% !important;
}

[class~="7/9"] {
  width: 77.7777777% !important;
}

[class~="8/9"] {
  width: 88.8888888% !important;
}

/**
     * Tenths.
     */

[class~="1/10"] {
  width: 10% !important;
}

[class~="3/10"] {
  width: 30% !important;
}

[class~="7/10"] {
  width: 70% !important;
}

[class~="9/10"] {
  width: 90% !important;
}

/**
     * Twelfths.
     */

[class~="1/12"] {
  width: 8.3333333% !important;
}

[class~="5/12"] {
  width: 41.6666666% !important;
}

[class~="7/12"] {
  width: 58.3333333% !important;
}

[class~="11/12"] {
  width: 91.6666666% !important;
}

/**
     * Whole.
     */

.one-whole {
  width: 100% !important;
}

/**
     * Halves.
     */

.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50% !important;
}

/**
     * Thirds.
     */

.one-third,
.two-sixths,
.three-ninths,
.four-twelfths {
  width: 33.3333333% !important;
}

.two-thirds,
.four-sixths,
.six-ninths,
.eight-twelfths {
  width: 66.6666666% !important;
}

/**
     * Quarters.
     */

.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25% !important;
}

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75% !important;
}

/**
     * Fifths.
     */

.one-fifth,
.two-tenths {
  width: 20% !important;
}

.two-fifths,
.four-tenths {
  width: 40% !important;
}

.three-fifths,
.six-tenths {
  width: 60% !important;
}

.four-fifths,
.eight-tenths {
  width: 80% !important;
}

/**
     * Sixths.
     */

.one-sixth,
.two-twelfths {
  width: 16.6666666% !important;
}

.five-sixths,
.ten-twelfths {
  width: 83.3333333% !important;
}

/**
     * Eighths.
     */

.one-eighth {
  width: 12.5% !important;
}

.three-eighths {
  width: 37.5% !important;
}

.five-eighths {
  width: 62.5% !important;
}

.seven-eighths {
  width: 87.5% !important;
}

/**
     * Ninths.
     */

.one-ninth {
  width: 11.1111111% !important;
}

.two-ninths {
  width: 22.2222222% !important;
}

.four-ninths {
  width: 44.4444444% !important;
}

.five-ninths {
  width: 55.5555555% !important;
}

.seven-ninths {
  width: 77.7777777% !important;
}

.eight-ninths {
  width: 88.8888888% !important;
}

/**
     * Tenths.
     */

.one-tenth {
  width: 10% !important;
}

.three-tenths {
  width: 30% !important;
}

.seven-tenths {
  width: 70% !important;
}

.nine-tenths {
  width: 90% !important;
}

/**
     * Twelfths.
     */

.one-twelfth {
  width: 8.3333333% !important;
}

.five-twelfths {
  width: 41.6666666% !important;
}

.seven-twelfths {
  width: 58.3333333% !important;
}

.eleven-twelfths {
  width: 91.6666666% !important;
}

/*------------------------------------*    #WIDTHS-RESPONSIVE
\*------------------------------------*/

/**
 * Responsive width classes based on your responsive settings.
 */

@media screen and (max-width: 320px) {
  /**
                 * Whole.
                 */

  [class~="tiny-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="tiny-1/2"],
  [class~="tiny-2/4"],
  [class~="tiny-3/6"],
  [class~="tiny-4/8"],
  [class~="tiny-5/10"],
  [class~="tiny-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="tiny-1/3"],
  [class~="tiny-2/6"],
  [class~="tiny-3/9"],
  [class~="tiny-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="tiny-2/3"],
  [class~="tiny-4/6"],
  [class~="tiny-6/9"],
  [class~="tiny-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="tiny-1/4"],
  [class~="tiny-2/8"],
  [class~="tiny-3/12"] {
    width: 25% !important;
  }

  [class~="tiny-3/4"],
  [class~="tiny-6/8"],
  [class~="tiny-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="tiny-1/5"],
  [class~="tiny-2/10"] {
    width: 20% !important;
  }

  [class~="tiny-2/5"],
  [class~="tiny-4/10"] {
    width: 40% !important;
  }

  [class~="tiny-3/5"],
  [class~="tiny-6/10"] {
    width: 60% !important;
  }

  [class~="tiny-4/5"],
  [class~="tiny-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="tiny-1/6"],
  [class~="tiny-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="tiny-5/6"],
  [class~="tiny-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="tiny-1/8"] {
    width: 12.5% !important;
  }

  [class~="tiny-3/8"] {
    width: 37.5% !important;
  }

  [class~="tiny-5/8"] {
    width: 62.5% !important;
  }

  [class~="tiny-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="tiny-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="tiny-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="tiny-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="tiny-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="tiny-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="tiny-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="tiny-1/10"] {
    width: 10% !important;
  }

  [class~="tiny-3/10"] {
    width: 30% !important;
  }

  [class~="tiny-7/10"] {
    width: 70% !important;
  }

  [class~="tiny-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="tiny-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="tiny-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="tiny-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="tiny-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .tiny-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .tiny-one-half,
  .tiny-two-quarters,
  .tiny-three-sixths,
  .tiny-four-eighths,
  .tiny-five-tenths,
  .tiny-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .tiny-one-third,
  .tiny-two-sixths,
  .tiny-three-ninths,
  .tiny-four-twelfths {
    width: 33.3333333% !important;
  }

  .tiny-two-thirds,
  .tiny-four-sixths,
  .tiny-six-ninths,
  .tiny-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .tiny-one-quarter,
  .tiny-two-eighths,
  .tiny-three-twelfths {
    width: 25% !important;
  }

  .tiny-three-quarters,
  .tiny-six-eighths,
  .tiny-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .tiny-one-fifth,
  .tiny-two-tenths {
    width: 20% !important;
  }

  .tiny-two-fifths,
  .tiny-four-tenths {
    width: 40% !important;
  }

  .tiny-three-fifths,
  .tiny-six-tenths {
    width: 60% !important;
  }

  .tiny-four-fifths,
  .tiny-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .tiny-one-sixth,
  .tiny-two-twelfths {
    width: 16.6666666% !important;
  }

  .tiny-five-sixths,
  .tiny-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .tiny-one-eighth {
    width: 12.5% !important;
  }

  .tiny-three-eighths {
    width: 37.5% !important;
  }

  .tiny-five-eighths {
    width: 62.5% !important;
  }

  .tiny-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .tiny-one-ninth {
    width: 11.1111111% !important;
  }

  .tiny-two-ninths {
    width: 22.2222222% !important;
  }

  .tiny-four-ninths {
    width: 44.4444444% !important;
  }

  .tiny-five-ninths {
    width: 55.5555555% !important;
  }

  .tiny-seven-ninths {
    width: 77.7777777% !important;
  }

  .tiny-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .tiny-one-tenth {
    width: 10% !important;
  }

  .tiny-three-tenths {
    width: 30% !important;
  }

  .tiny-seven-tenths {
    width: 70% !important;
  }

  .tiny-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .tiny-one-twelfth {
    width: 8.3333333% !important;
  }

  .tiny-five-twelfths {
    width: 41.6666666% !important;
  }

  .tiny-seven-twelfths {
    width: 58.3333333% !important;
  }

  .tiny-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 44.9375em) {
  /**
                 * Whole.
                 */

  [class~="palm-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="palm-1/2"],
  [class~="palm-2/4"],
  [class~="palm-3/6"],
  [class~="palm-4/8"],
  [class~="palm-5/10"],
  [class~="palm-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="palm-1/3"],
  [class~="palm-2/6"],
  [class~="palm-3/9"],
  [class~="palm-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="palm-2/3"],
  [class~="palm-4/6"],
  [class~="palm-6/9"],
  [class~="palm-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="palm-1/4"],
  [class~="palm-2/8"],
  [class~="palm-3/12"] {
    width: 25% !important;
  }

  [class~="palm-3/4"],
  [class~="palm-6/8"],
  [class~="palm-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="palm-1/5"],
  [class~="palm-2/10"] {
    width: 20% !important;
  }

  [class~="palm-2/5"],
  [class~="palm-4/10"] {
    width: 40% !important;
  }

  [class~="palm-3/5"],
  [class~="palm-6/10"] {
    width: 60% !important;
  }

  [class~="palm-4/5"],
  [class~="palm-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="palm-1/6"],
  [class~="palm-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="palm-5/6"],
  [class~="palm-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="palm-1/8"] {
    width: 12.5% !important;
  }

  [class~="palm-3/8"] {
    width: 37.5% !important;
  }

  [class~="palm-5/8"] {
    width: 62.5% !important;
  }

  [class~="palm-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="palm-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="palm-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="palm-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="palm-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="palm-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="palm-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="palm-1/10"] {
    width: 10% !important;
  }

  [class~="palm-3/10"] {
    width: 30% !important;
  }

  [class~="palm-7/10"] {
    width: 70% !important;
  }

  [class~="palm-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="palm-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="palm-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="palm-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="palm-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .palm-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .palm-one-half,
  .palm-two-quarters,
  .palm-three-sixths,
  .palm-four-eighths,
  .palm-five-tenths,
  .palm-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .palm-one-third,
  .palm-two-sixths,
  .palm-three-ninths,
  .palm-four-twelfths {
    width: 33.3333333% !important;
  }

  .palm-two-thirds,
  .palm-four-sixths,
  .palm-six-ninths,
  .palm-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .palm-one-quarter,
  .palm-two-eighths,
  .palm-three-twelfths {
    width: 25% !important;
  }

  .palm-three-quarters,
  .palm-six-eighths,
  .palm-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .palm-one-fifth,
  .palm-two-tenths {
    width: 20% !important;
  }

  .palm-two-fifths,
  .palm-four-tenths {
    width: 40% !important;
  }

  .palm-three-fifths,
  .palm-six-tenths {
    width: 60% !important;
  }

  .palm-four-fifths,
  .palm-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .palm-one-sixth,
  .palm-two-twelfths {
    width: 16.6666666% !important;
  }

  .palm-five-sixths,
  .palm-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .palm-one-eighth {
    width: 12.5% !important;
  }

  .palm-three-eighths {
    width: 37.5% !important;
  }

  .palm-five-eighths {
    width: 62.5% !important;
  }

  .palm-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .palm-one-ninth {
    width: 11.1111111% !important;
  }

  .palm-two-ninths {
    width: 22.2222222% !important;
  }

  .palm-four-ninths {
    width: 44.4444444% !important;
  }

  .palm-five-ninths {
    width: 55.5555555% !important;
  }

  .palm-seven-ninths {
    width: 77.7777777% !important;
  }

  .palm-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .palm-one-tenth {
    width: 10% !important;
  }

  .palm-three-tenths {
    width: 30% !important;
  }

  .palm-seven-tenths {
    width: 70% !important;
  }

  .palm-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .palm-one-twelfth {
    width: 8.3333333% !important;
  }

  .palm-five-twelfths {
    width: 41.6666666% !important;
  }

  .palm-seven-twelfths {
    width: 58.3333333% !important;
  }

  .palm-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  /**
                 * Whole.
                 */

  [class~="lap-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="lap-1/2"],
  [class~="lap-2/4"],
  [class~="lap-3/6"],
  [class~="lap-4/8"],
  [class~="lap-5/10"],
  [class~="lap-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="lap-1/3"],
  [class~="lap-2/6"],
  [class~="lap-3/9"],
  [class~="lap-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="lap-2/3"],
  [class~="lap-4/6"],
  [class~="lap-6/9"],
  [class~="lap-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="lap-1/4"],
  [class~="lap-2/8"],
  [class~="lap-3/12"] {
    width: 25% !important;
  }

  [class~="lap-3/4"],
  [class~="lap-6/8"],
  [class~="lap-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="lap-1/5"],
  [class~="lap-2/10"] {
    width: 20% !important;
  }

  [class~="lap-2/5"],
  [class~="lap-4/10"] {
    width: 40% !important;
  }

  [class~="lap-3/5"],
  [class~="lap-6/10"] {
    width: 60% !important;
  }

  [class~="lap-4/5"],
  [class~="lap-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="lap-1/6"],
  [class~="lap-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="lap-5/6"],
  [class~="lap-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="lap-1/8"] {
    width: 12.5% !important;
  }

  [class~="lap-3/8"] {
    width: 37.5% !important;
  }

  [class~="lap-5/8"] {
    width: 62.5% !important;
  }

  [class~="lap-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="lap-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="lap-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="lap-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="lap-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="lap-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="lap-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="lap-1/10"] {
    width: 10% !important;
  }

  [class~="lap-3/10"] {
    width: 30% !important;
  }

  [class~="lap-7/10"] {
    width: 70% !important;
  }

  [class~="lap-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="lap-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="lap-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="lap-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="lap-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .lap-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .lap-one-half,
  .lap-two-quarters,
  .lap-three-sixths,
  .lap-four-eighths,
  .lap-five-tenths,
  .lap-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .lap-one-third,
  .lap-two-sixths,
  .lap-three-ninths,
  .lap-four-twelfths {
    width: 33.3333333% !important;
  }

  .lap-two-thirds,
  .lap-four-sixths,
  .lap-six-ninths,
  .lap-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .lap-one-quarter,
  .lap-two-eighths,
  .lap-three-twelfths {
    width: 25% !important;
  }

  .lap-three-quarters,
  .lap-six-eighths,
  .lap-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .lap-one-fifth,
  .lap-two-tenths {
    width: 20% !important;
  }

  .lap-two-fifths,
  .lap-four-tenths {
    width: 40% !important;
  }

  .lap-three-fifths,
  .lap-six-tenths {
    width: 60% !important;
  }

  .lap-four-fifths,
  .lap-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .lap-one-sixth,
  .lap-two-twelfths {
    width: 16.6666666% !important;
  }

  .lap-five-sixths,
  .lap-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .lap-one-eighth {
    width: 12.5% !important;
  }

  .lap-three-eighths {
    width: 37.5% !important;
  }

  .lap-five-eighths {
    width: 62.5% !important;
  }

  .lap-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .lap-one-ninth {
    width: 11.1111111% !important;
  }

  .lap-two-ninths {
    width: 22.2222222% !important;
  }

  .lap-four-ninths {
    width: 44.4444444% !important;
  }

  .lap-five-ninths {
    width: 55.5555555% !important;
  }

  .lap-seven-ninths {
    width: 77.7777777% !important;
  }

  .lap-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .lap-one-tenth {
    width: 10% !important;
  }

  .lap-three-tenths {
    width: 30% !important;
  }

  .lap-seven-tenths {
    width: 70% !important;
  }

  .lap-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .lap-one-twelfth {
    width: 8.3333333% !important;
  }

  .lap-five-twelfths {
    width: 41.6666666% !important;
  }

  .lap-seven-twelfths {
    width: 58.3333333% !important;
  }

  .lap-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 45em) {
  /**
                 * Whole.
                 */

  [class~="lap-and-up-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="lap-and-up-1/2"],
  [class~="lap-and-up-2/4"],
  [class~="lap-and-up-3/6"],
  [class~="lap-and-up-4/8"],
  [class~="lap-and-up-5/10"],
  [class~="lap-and-up-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="lap-and-up-1/3"],
  [class~="lap-and-up-2/6"],
  [class~="lap-and-up-3/9"],
  [class~="lap-and-up-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="lap-and-up-2/3"],
  [class~="lap-and-up-4/6"],
  [class~="lap-and-up-6/9"],
  [class~="lap-and-up-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="lap-and-up-1/4"],
  [class~="lap-and-up-2/8"],
  [class~="lap-and-up-3/12"] {
    width: 25% !important;
  }

  [class~="lap-and-up-3/4"],
  [class~="lap-and-up-6/8"],
  [class~="lap-and-up-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="lap-and-up-1/5"],
  [class~="lap-and-up-2/10"] {
    width: 20% !important;
  }

  [class~="lap-and-up-2/5"],
  [class~="lap-and-up-4/10"] {
    width: 40% !important;
  }

  [class~="lap-and-up-3/5"],
  [class~="lap-and-up-6/10"] {
    width: 60% !important;
  }

  [class~="lap-and-up-4/5"],
  [class~="lap-and-up-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="lap-and-up-1/6"],
  [class~="lap-and-up-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="lap-and-up-5/6"],
  [class~="lap-and-up-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="lap-and-up-1/8"] {
    width: 12.5% !important;
  }

  [class~="lap-and-up-3/8"] {
    width: 37.5% !important;
  }

  [class~="lap-and-up-5/8"] {
    width: 62.5% !important;
  }

  [class~="lap-and-up-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="lap-and-up-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="lap-and-up-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="lap-and-up-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="lap-and-up-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="lap-and-up-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="lap-and-up-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="lap-and-up-1/10"] {
    width: 10% !important;
  }

  [class~="lap-and-up-3/10"] {
    width: 30% !important;
  }

  [class~="lap-and-up-7/10"] {
    width: 70% !important;
  }

  [class~="lap-and-up-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="lap-and-up-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="lap-and-up-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="lap-and-up-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="lap-and-up-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .lap-and-up-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .lap-and-up-one-half,
  .lap-and-up-two-quarters,
  .lap-and-up-three-sixths,
  .lap-and-up-four-eighths,
  .lap-and-up-five-tenths,
  .lap-and-up-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .lap-and-up-one-third,
  .lap-and-up-two-sixths,
  .lap-and-up-three-ninths,
  .lap-and-up-four-twelfths {
    width: 33.3333333% !important;
  }

  .lap-and-up-two-thirds,
  .lap-and-up-four-sixths,
  .lap-and-up-six-ninths,
  .lap-and-up-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .lap-and-up-one-quarter,
  .lap-and-up-two-eighths,
  .lap-and-up-three-twelfths {
    width: 25% !important;
  }

  .lap-and-up-three-quarters,
  .lap-and-up-six-eighths,
  .lap-and-up-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .lap-and-up-one-fifth,
  .lap-and-up-two-tenths {
    width: 20% !important;
  }

  .lap-and-up-two-fifths,
  .lap-and-up-four-tenths {
    width: 40% !important;
  }

  .lap-and-up-three-fifths,
  .lap-and-up-six-tenths {
    width: 60% !important;
  }

  .lap-and-up-four-fifths,
  .lap-and-up-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .lap-and-up-one-sixth,
  .lap-and-up-two-twelfths {
    width: 16.6666666% !important;
  }

  .lap-and-up-five-sixths,
  .lap-and-up-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .lap-and-up-one-eighth {
    width: 12.5% !important;
  }

  .lap-and-up-three-eighths {
    width: 37.5% !important;
  }

  .lap-and-up-five-eighths {
    width: 62.5% !important;
  }

  .lap-and-up-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .lap-and-up-one-ninth {
    width: 11.1111111% !important;
  }

  .lap-and-up-two-ninths {
    width: 22.2222222% !important;
  }

  .lap-and-up-four-ninths {
    width: 44.4444444% !important;
  }

  .lap-and-up-five-ninths {
    width: 55.5555555% !important;
  }

  .lap-and-up-seven-ninths {
    width: 77.7777777% !important;
  }

  .lap-and-up-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .lap-and-up-one-tenth {
    width: 10% !important;
  }

  .lap-and-up-three-tenths {
    width: 30% !important;
  }

  .lap-and-up-seven-tenths {
    width: 70% !important;
  }

  .lap-and-up-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .lap-and-up-one-twelfth {
    width: 8.3333333% !important;
  }

  .lap-and-up-five-twelfths {
    width: 41.6666666% !important;
  }

  .lap-and-up-seven-twelfths {
    width: 58.3333333% !important;
  }

  .lap-and-up-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 63.9375em) {
  /**
                 * Whole.
                 */

  [class~="portable-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="portable-1/2"],
  [class~="portable-2/4"],
  [class~="portable-3/6"],
  [class~="portable-4/8"],
  [class~="portable-5/10"],
  [class~="portable-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="portable-1/3"],
  [class~="portable-2/6"],
  [class~="portable-3/9"],
  [class~="portable-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="portable-2/3"],
  [class~="portable-4/6"],
  [class~="portable-6/9"],
  [class~="portable-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="portable-1/4"],
  [class~="portable-2/8"],
  [class~="portable-3/12"] {
    width: 25% !important;
  }

  [class~="portable-3/4"],
  [class~="portable-6/8"],
  [class~="portable-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="portable-1/5"],
  [class~="portable-2/10"] {
    width: 20% !important;
  }

  [class~="portable-2/5"],
  [class~="portable-4/10"] {
    width: 40% !important;
  }

  [class~="portable-3/5"],
  [class~="portable-6/10"] {
    width: 60% !important;
  }

  [class~="portable-4/5"],
  [class~="portable-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="portable-1/6"],
  [class~="portable-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="portable-5/6"],
  [class~="portable-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="portable-1/8"] {
    width: 12.5% !important;
  }

  [class~="portable-3/8"] {
    width: 37.5% !important;
  }

  [class~="portable-5/8"] {
    width: 62.5% !important;
  }

  [class~="portable-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="portable-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="portable-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="portable-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="portable-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="portable-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="portable-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="portable-1/10"] {
    width: 10% !important;
  }

  [class~="portable-3/10"] {
    width: 30% !important;
  }

  [class~="portable-7/10"] {
    width: 70% !important;
  }

  [class~="portable-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="portable-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="portable-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="portable-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="portable-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .portable-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .portable-one-half,
  .portable-two-quarters,
  .portable-three-sixths,
  .portable-four-eighths,
  .portable-five-tenths,
  .portable-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .portable-one-third,
  .portable-two-sixths,
  .portable-three-ninths,
  .portable-four-twelfths {
    width: 33.3333333% !important;
  }

  .portable-two-thirds,
  .portable-four-sixths,
  .portable-six-ninths,
  .portable-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .portable-one-quarter,
  .portable-two-eighths,
  .portable-three-twelfths {
    width: 25% !important;
  }

  .portable-three-quarters,
  .portable-six-eighths,
  .portable-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .portable-one-fifth,
  .portable-two-tenths {
    width: 20% !important;
  }

  .portable-two-fifths,
  .portable-four-tenths {
    width: 40% !important;
  }

  .portable-three-fifths,
  .portable-six-tenths {
    width: 60% !important;
  }

  .portable-four-fifths,
  .portable-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .portable-one-sixth,
  .portable-two-twelfths {
    width: 16.6666666% !important;
  }

  .portable-five-sixths,
  .portable-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .portable-one-eighth {
    width: 12.5% !important;
  }

  .portable-three-eighths {
    width: 37.5% !important;
  }

  .portable-five-eighths {
    width: 62.5% !important;
  }

  .portable-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .portable-one-ninth {
    width: 11.1111111% !important;
  }

  .portable-two-ninths {
    width: 22.2222222% !important;
  }

  .portable-four-ninths {
    width: 44.4444444% !important;
  }

  .portable-five-ninths {
    width: 55.5555555% !important;
  }

  .portable-seven-ninths {
    width: 77.7777777% !important;
  }

  .portable-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .portable-one-tenth {
    width: 10% !important;
  }

  .portable-three-tenths {
    width: 30% !important;
  }

  .portable-seven-tenths {
    width: 70% !important;
  }

  .portable-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .portable-one-twelfth {
    width: 8.3333333% !important;
  }

  .portable-five-twelfths {
    width: 41.6666666% !important;
  }

  .portable-seven-twelfths {
    width: 58.3333333% !important;
  }

  .portable-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) {
  /**
                 * Whole.
                 */

  [class~="desk-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="desk-1/2"],
  [class~="desk-2/4"],
  [class~="desk-3/6"],
  [class~="desk-4/8"],
  [class~="desk-5/10"],
  [class~="desk-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="desk-1/3"],
  [class~="desk-2/6"],
  [class~="desk-3/9"],
  [class~="desk-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="desk-2/3"],
  [class~="desk-4/6"],
  [class~="desk-6/9"],
  [class~="desk-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="desk-1/4"],
  [class~="desk-2/8"],
  [class~="desk-3/12"] {
    width: 25% !important;
  }

  [class~="desk-3/4"],
  [class~="desk-6/8"],
  [class~="desk-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="desk-1/5"],
  [class~="desk-2/10"] {
    width: 20% !important;
  }

  [class~="desk-2/5"],
  [class~="desk-4/10"] {
    width: 40% !important;
  }

  [class~="desk-3/5"],
  [class~="desk-6/10"] {
    width: 60% !important;
  }

  [class~="desk-4/5"],
  [class~="desk-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="desk-1/6"],
  [class~="desk-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="desk-5/6"],
  [class~="desk-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="desk-1/8"] {
    width: 12.5% !important;
  }

  [class~="desk-3/8"] {
    width: 37.5% !important;
  }

  [class~="desk-5/8"] {
    width: 62.5% !important;
  }

  [class~="desk-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="desk-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="desk-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="desk-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="desk-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="desk-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="desk-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="desk-1/10"] {
    width: 10% !important;
  }

  [class~="desk-3/10"] {
    width: 30% !important;
  }

  [class~="desk-7/10"] {
    width: 70% !important;
  }

  [class~="desk-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="desk-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="desk-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="desk-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="desk-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .desk-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .desk-one-half,
  .desk-two-quarters,
  .desk-three-sixths,
  .desk-four-eighths,
  .desk-five-tenths,
  .desk-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .desk-one-third,
  .desk-two-sixths,
  .desk-three-ninths,
  .desk-four-twelfths {
    width: 33.3333333% !important;
  }

  .desk-two-thirds,
  .desk-four-sixths,
  .desk-six-ninths,
  .desk-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .desk-one-quarter,
  .desk-two-eighths,
  .desk-three-twelfths {
    width: 25% !important;
  }

  .desk-three-quarters,
  .desk-six-eighths,
  .desk-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .desk-one-fifth,
  .desk-two-tenths {
    width: 20% !important;
  }

  .desk-two-fifths,
  .desk-four-tenths {
    width: 40% !important;
  }

  .desk-three-fifths,
  .desk-six-tenths {
    width: 60% !important;
  }

  .desk-four-fifths,
  .desk-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .desk-one-sixth,
  .desk-two-twelfths {
    width: 16.6666666% !important;
  }

  .desk-five-sixths,
  .desk-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .desk-one-eighth {
    width: 12.5% !important;
  }

  .desk-three-eighths {
    width: 37.5% !important;
  }

  .desk-five-eighths {
    width: 62.5% !important;
  }

  .desk-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .desk-one-ninth {
    width: 11.1111111% !important;
  }

  .desk-two-ninths {
    width: 22.2222222% !important;
  }

  .desk-four-ninths {
    width: 44.4444444% !important;
  }

  .desk-five-ninths {
    width: 55.5555555% !important;
  }

  .desk-seven-ninths {
    width: 77.7777777% !important;
  }

  .desk-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .desk-one-tenth {
    width: 10% !important;
  }

  .desk-three-tenths {
    width: 30% !important;
  }

  .desk-seven-tenths {
    width: 70% !important;
  }

  .desk-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .desk-one-twelfth {
    width: 8.3333333% !important;
  }

  .desk-five-twelfths {
    width: 41.6666666% !important;
  }

  .desk-seven-twelfths {
    width: 58.3333333% !important;
  }

  .desk-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="note-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="note-1/2"],
  [class~="note-2/4"],
  [class~="note-3/6"],
  [class~="note-4/8"],
  [class~="note-5/10"],
  [class~="note-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="note-1/3"],
  [class~="note-2/6"],
  [class~="note-3/9"],
  [class~="note-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="note-2/3"],
  [class~="note-4/6"],
  [class~="note-6/9"],
  [class~="note-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="note-1/4"],
  [class~="note-2/8"],
  [class~="note-3/12"] {
    width: 25% !important;
  }

  [class~="note-3/4"],
  [class~="note-6/8"],
  [class~="note-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="note-1/5"],
  [class~="note-2/10"] {
    width: 20% !important;
  }

  [class~="note-2/5"],
  [class~="note-4/10"] {
    width: 40% !important;
  }

  [class~="note-3/5"],
  [class~="note-6/10"] {
    width: 60% !important;
  }

  [class~="note-4/5"],
  [class~="note-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="note-1/6"],
  [class~="note-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="note-5/6"],
  [class~="note-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="note-1/8"] {
    width: 12.5% !important;
  }

  [class~="note-3/8"] {
    width: 37.5% !important;
  }

  [class~="note-5/8"] {
    width: 62.5% !important;
  }

  [class~="note-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="note-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="note-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="note-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="note-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="note-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="note-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="note-1/10"] {
    width: 10% !important;
  }

  [class~="note-3/10"] {
    width: 30% !important;
  }

  [class~="note-7/10"] {
    width: 70% !important;
  }

  [class~="note-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="note-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="note-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="note-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="note-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .note-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .note-one-half,
  .note-two-quarters,
  .note-three-sixths,
  .note-four-eighths,
  .note-five-tenths,
  .note-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .note-one-third,
  .note-two-sixths,
  .note-three-ninths,
  .note-four-twelfths {
    width: 33.3333333% !important;
  }

  .note-two-thirds,
  .note-four-sixths,
  .note-six-ninths,
  .note-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .note-one-quarter,
  .note-two-eighths,
  .note-three-twelfths {
    width: 25% !important;
  }

  .note-three-quarters,
  .note-six-eighths,
  .note-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .note-one-fifth,
  .note-two-tenths {
    width: 20% !important;
  }

  .note-two-fifths,
  .note-four-tenths {
    width: 40% !important;
  }

  .note-three-fifths,
  .note-six-tenths {
    width: 60% !important;
  }

  .note-four-fifths,
  .note-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .note-one-sixth,
  .note-two-twelfths {
    width: 16.6666666% !important;
  }

  .note-five-sixths,
  .note-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .note-one-eighth {
    width: 12.5% !important;
  }

  .note-three-eighths {
    width: 37.5% !important;
  }

  .note-five-eighths {
    width: 62.5% !important;
  }

  .note-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .note-one-ninth {
    width: 11.1111111% !important;
  }

  .note-two-ninths {
    width: 22.2222222% !important;
  }

  .note-four-ninths {
    width: 44.4444444% !important;
  }

  .note-five-ninths {
    width: 55.5555555% !important;
  }

  .note-seven-ninths {
    width: 77.7777777% !important;
  }

  .note-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .note-one-tenth {
    width: 10% !important;
  }

  .note-three-tenths {
    width: 30% !important;
  }

  .note-seven-tenths {
    width: 70% !important;
  }

  .note-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .note-one-twelfth {
    width: 8.3333333% !important;
  }

  .note-five-twelfths {
    width: 41.6666666% !important;
  }

  .note-seven-twelfths {
    width: 58.3333333% !important;
  }

  .note-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="not-desktop-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="not-desktop-1/2"],
  [class~="not-desktop-2/4"],
  [class~="not-desktop-3/6"],
  [class~="not-desktop-4/8"],
  [class~="not-desktop-5/10"],
  [class~="not-desktop-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="not-desktop-1/3"],
  [class~="not-desktop-2/6"],
  [class~="not-desktop-3/9"],
  [class~="not-desktop-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="not-desktop-2/3"],
  [class~="not-desktop-4/6"],
  [class~="not-desktop-6/9"],
  [class~="not-desktop-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="not-desktop-1/4"],
  [class~="not-desktop-2/8"],
  [class~="not-desktop-3/12"] {
    width: 25% !important;
  }

  [class~="not-desktop-3/4"],
  [class~="not-desktop-6/8"],
  [class~="not-desktop-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="not-desktop-1/5"],
  [class~="not-desktop-2/10"] {
    width: 20% !important;
  }

  [class~="not-desktop-2/5"],
  [class~="not-desktop-4/10"] {
    width: 40% !important;
  }

  [class~="not-desktop-3/5"],
  [class~="not-desktop-6/10"] {
    width: 60% !important;
  }

  [class~="not-desktop-4/5"],
  [class~="not-desktop-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="not-desktop-1/6"],
  [class~="not-desktop-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="not-desktop-5/6"],
  [class~="not-desktop-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="not-desktop-1/8"] {
    width: 12.5% !important;
  }

  [class~="not-desktop-3/8"] {
    width: 37.5% !important;
  }

  [class~="not-desktop-5/8"] {
    width: 62.5% !important;
  }

  [class~="not-desktop-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="not-desktop-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="not-desktop-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="not-desktop-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="not-desktop-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="not-desktop-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="not-desktop-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="not-desktop-1/10"] {
    width: 10% !important;
  }

  [class~="not-desktop-3/10"] {
    width: 30% !important;
  }

  [class~="not-desktop-7/10"] {
    width: 70% !important;
  }

  [class~="not-desktop-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="not-desktop-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="not-desktop-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="not-desktop-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="not-desktop-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .not-desktop-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .not-desktop-one-half,
  .not-desktop-two-quarters,
  .not-desktop-three-sixths,
  .not-desktop-four-eighths,
  .not-desktop-five-tenths,
  .not-desktop-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .not-desktop-one-third,
  .not-desktop-two-sixths,
  .not-desktop-three-ninths,
  .not-desktop-four-twelfths {
    width: 33.3333333% !important;
  }

  .not-desktop-two-thirds,
  .not-desktop-four-sixths,
  .not-desktop-six-ninths,
  .not-desktop-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .not-desktop-one-quarter,
  .not-desktop-two-eighths,
  .not-desktop-three-twelfths {
    width: 25% !important;
  }

  .not-desktop-three-quarters,
  .not-desktop-six-eighths,
  .not-desktop-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .not-desktop-one-fifth,
  .not-desktop-two-tenths {
    width: 20% !important;
  }

  .not-desktop-two-fifths,
  .not-desktop-four-tenths {
    width: 40% !important;
  }

  .not-desktop-three-fifths,
  .not-desktop-six-tenths {
    width: 60% !important;
  }

  .not-desktop-four-fifths,
  .not-desktop-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .not-desktop-one-sixth,
  .not-desktop-two-twelfths {
    width: 16.6666666% !important;
  }

  .not-desktop-five-sixths,
  .not-desktop-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .not-desktop-one-eighth {
    width: 12.5% !important;
  }

  .not-desktop-three-eighths {
    width: 37.5% !important;
  }

  .not-desktop-five-eighths {
    width: 62.5% !important;
  }

  .not-desktop-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .not-desktop-one-ninth {
    width: 11.1111111% !important;
  }

  .not-desktop-two-ninths {
    width: 22.2222222% !important;
  }

  .not-desktop-four-ninths {
    width: 44.4444444% !important;
  }

  .not-desktop-five-ninths {
    width: 55.5555555% !important;
  }

  .not-desktop-seven-ninths {
    width: 77.7777777% !important;
  }

  .not-desktop-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .not-desktop-one-tenth {
    width: 10% !important;
  }

  .not-desktop-three-tenths {
    width: 30% !important;
  }

  .not-desktop-seven-tenths {
    width: 70% !important;
  }

  .not-desktop-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .not-desktop-one-twelfth {
    width: 8.3333333% !important;
  }

  .not-desktop-five-twelfths {
    width: 41.6666666% !important;
  }

  .not-desktop-seven-twelfths {
    width: 58.3333333% !important;
  }

  .not-desktop-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="actual-desktop-1/1"] {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="actual-desktop-1/2"],
  [class~="actual-desktop-2/4"],
  [class~="actual-desktop-3/6"],
  [class~="actual-desktop-4/8"],
  [class~="actual-desktop-5/10"],
  [class~="actual-desktop-6/12"] {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="actual-desktop-1/3"],
  [class~="actual-desktop-2/6"],
  [class~="actual-desktop-3/9"],
  [class~="actual-desktop-4/12"] {
    width: 33.3333333% !important;
  }

  [class~="actual-desktop-2/3"],
  [class~="actual-desktop-4/6"],
  [class~="actual-desktop-6/9"],
  [class~="actual-desktop-8/12"] {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="actual-desktop-1/4"],
  [class~="actual-desktop-2/8"],
  [class~="actual-desktop-3/12"] {
    width: 25% !important;
  }

  [class~="actual-desktop-3/4"],
  [class~="actual-desktop-6/8"],
  [class~="actual-desktop-9/12"] {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="actual-desktop-1/5"],
  [class~="actual-desktop-2/10"] {
    width: 20% !important;
  }

  [class~="actual-desktop-2/5"],
  [class~="actual-desktop-4/10"] {
    width: 40% !important;
  }

  [class~="actual-desktop-3/5"],
  [class~="actual-desktop-6/10"] {
    width: 60% !important;
  }

  [class~="actual-desktop-4/5"],
  [class~="actual-desktop-8/10"] {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="actual-desktop-1/6"],
  [class~="actual-desktop-2/12"] {
    width: 16.6666666% !important;
  }

  [class~="actual-desktop-5/6"],
  [class~="actual-desktop-10/12"] {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="actual-desktop-1/8"] {
    width: 12.5% !important;
  }

  [class~="actual-desktop-3/8"] {
    width: 37.5% !important;
  }

  [class~="actual-desktop-5/8"] {
    width: 62.5% !important;
  }

  [class~="actual-desktop-7/8"] {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="actual-desktop-1/9"] {
    width: 11.1111111% !important;
  }

  [class~="actual-desktop-2/9"] {
    width: 22.2222222% !important;
  }

  [class~="actual-desktop-4/9"] {
    width: 44.4444444% !important;
  }

  [class~="actual-desktop-5/9"] {
    width: 55.5555555% !important;
  }

  [class~="actual-desktop-7/9"] {
    width: 77.7777777% !important;
  }

  [class~="actual-desktop-8/9"] {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="actual-desktop-1/10"] {
    width: 10% !important;
  }

  [class~="actual-desktop-3/10"] {
    width: 30% !important;
  }

  [class~="actual-desktop-7/10"] {
    width: 70% !important;
  }

  [class~="actual-desktop-9/10"] {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="actual-desktop-1/12"] {
    width: 8.3333333% !important;
  }

  [class~="actual-desktop-5/12"] {
    width: 41.6666666% !important;
  }

  [class~="actual-desktop-7/12"] {
    width: 58.3333333% !important;
  }

  [class~="actual-desktop-11/12"] {
    width: 91.6666666% !important;
  }

  /**
                 * Whole.
                 */

  .actual-desktop-one-whole {
    width: 100% !important;
  }

  /**
                 * Halves.
                 */

  .actual-desktop-one-half,
  .actual-desktop-two-quarters,
  .actual-desktop-three-sixths,
  .actual-desktop-four-eighths,
  .actual-desktop-five-tenths,
  .actual-desktop-six-twelfths {
    width: 50% !important;
  }

  /**
                 * Thirds.
                 */

  .actual-desktop-one-third,
  .actual-desktop-two-sixths,
  .actual-desktop-three-ninths,
  .actual-desktop-four-twelfths {
    width: 33.3333333% !important;
  }

  .actual-desktop-two-thirds,
  .actual-desktop-four-sixths,
  .actual-desktop-six-ninths,
  .actual-desktop-eight-twelfths {
    width: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  .actual-desktop-one-quarter,
  .actual-desktop-two-eighths,
  .actual-desktop-three-twelfths {
    width: 25% !important;
  }

  .actual-desktop-three-quarters,
  .actual-desktop-six-eighths,
  .actual-desktop-nine-twelfths {
    width: 75% !important;
  }

  /**
                 * Fifths.
                 */

  .actual-desktop-one-fifth,
  .actual-desktop-two-tenths {
    width: 20% !important;
  }

  .actual-desktop-two-fifths,
  .actual-desktop-four-tenths {
    width: 40% !important;
  }

  .actual-desktop-three-fifths,
  .actual-desktop-six-tenths {
    width: 60% !important;
  }

  .actual-desktop-four-fifths,
  .actual-desktop-eight-tenths {
    width: 80% !important;
  }

  /**
                 * Sixths.
                 */

  .actual-desktop-one-sixth,
  .actual-desktop-two-twelfths {
    width: 16.6666666% !important;
  }

  .actual-desktop-five-sixths,
  .actual-desktop-ten-twelfths {
    width: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  .actual-desktop-one-eighth {
    width: 12.5% !important;
  }

  .actual-desktop-three-eighths {
    width: 37.5% !important;
  }

  .actual-desktop-five-eighths {
    width: 62.5% !important;
  }

  .actual-desktop-seven-eighths {
    width: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  .actual-desktop-one-ninth {
    width: 11.1111111% !important;
  }

  .actual-desktop-two-ninths {
    width: 22.2222222% !important;
  }

  .actual-desktop-four-ninths {
    width: 44.4444444% !important;
  }

  .actual-desktop-five-ninths {
    width: 55.5555555% !important;
  }

  .actual-desktop-seven-ninths {
    width: 77.7777777% !important;
  }

  .actual-desktop-eight-ninths {
    width: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  .actual-desktop-one-tenth {
    width: 10% !important;
  }

  .actual-desktop-three-tenths {
    width: 30% !important;
  }

  .actual-desktop-seven-tenths {
    width: 70% !important;
  }

  .actual-desktop-nine-tenths {
    width: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  .actual-desktop-one-twelfth {
    width: 8.3333333% !important;
  }

  .actual-desktop-five-twelfths {
    width: 41.6666666% !important;
  }

  .actual-desktop-seven-twelfths {
    width: 58.3333333% !important;
  }

  .actual-desktop-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

/*------------------------------------*    #PUSH
\*------------------------------------*/

/**
 * A series of helper classes that you can use to push grid elemtents to the
 * right. Classes can take a fraction-like format (e.g. `.push-2/3`)
 * or a spoken-word format (e.g. `.push-two-thirds`). Toggle formats by
 * overriding the `$inuit-use-fractions` variable. Toggle formats by
 * overriding the `$inuit-use-fractions` variable defined below.
 */

[class*="push-"] {
  position: relative;
}

/**
     * Whole.
     */

[class~="push-1/1"] {
  left: 100% !important;
}

/**
     * Halves.
     */

[class~="push-1/2"],
[class~="push-2/4"],
[class~="push-3/6"],
[class~="push-4/8"],
[class~="push-5/10"],
[class~="push-6/12"] {
  left: 50% !important;
}

/**
     * Thirds.
     */

[class~="push-1/3"],
[class~="push-2/6"],
[class~="push-3/9"],
[class~="push-4/12"] {
  left: 33.3333333% !important;
}

[class~="push-2/3"],
[class~="push-4/6"],
[class~="push-6/9"],
[class~="push-8/12"] {
  left: 66.6666666% !important;
}

/**
     * Quarters.
     */

[class~="push-1/4"],
[class~="push-2/8"],
[class~="push-3/12"] {
  left: 25% !important;
}

[class~="push-3/4"],
[class~="push-6/8"],
[class~="push-9/12"] {
  left: 75% !important;
}

/**
     * Fifths.
     */

[class~="push-1/5"],
[class~="push-2/10"] {
  left: 20% !important;
}

[class~="push-2/5"],
[class~="push-4/10"] {
  left: 40% !important;
}

[class~="push-3/5"],
[class~="push-6/10"] {
  left: 60% !important;
}

[class~="push-4/5"],
[class~="push-8/10"] {
  left: 80% !important;
}

/**
     * Sixths.
     */

[class~="push-1/6"],
[class~="push-2/12"] {
  left: 16.6666666% !important;
}

[class~="push-5/6"],
[class~="push-10/12"] {
  left: 83.3333333% !important;
}

/**
     * Eighths.
     */

[class~="push-1/8"] {
  left: 12.5% !important;
}

[class~="push-3/8"] {
  left: 37.5% !important;
}

[class~="push-5/8"] {
  left: 62.5% !important;
}

[class~="push-7/8"] {
  left: 87.5% !important;
}

/**
     * Ninths.
     */

[class~="push-1/9"] {
  left: 11.1111111% !important;
}

[class~="push-2/9"] {
  left: 22.2222222% !important;
}

[class~="push-4/9"] {
  left: 44.4444444% !important;
}

[class~="push-5/9"] {
  left: 55.5555555% !important;
}

[class~="push-7/9"] {
  left: 77.7777777% !important;
}

[class~="push-8/9"] {
  left: 88.8888888% !important;
}

/**
     * Tenths.
     */

[class~="push-1/10"] {
  left: 10% !important;
}

[class~="push-3/10"] {
  left: 30% !important;
}

[class~="push-7/10"] {
  left: 70% !important;
}

[class~="push-9/10"] {
  left: 90% !important;
}

/**
     * Twelfths.
     */

[class~="push-1/12"] {
  left: 8.3333333% !important;
}

[class~="push-5/12"] {
  left: 41.6666666% !important;
}

[class~="push-7/12"] {
  left: 58.3333333% !important;
}

[class~="push-11/12"] {
  left: 91.6666666% !important;
}

/*------------------------------------*    #PUSH-RESPONSIVE
\*------------------------------------*/

/**
 * Responsive push classes based on your responsive settings.
 */

@media screen and (max-width: 320px) {
  /**
                 * Whole.
                 */

  [class~="tiny-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="tiny-push-1/2"],
  [class~="tiny-push-2/4"],
  [class~="tiny-push-3/6"],
  [class~="tiny-push-4/8"],
  [class~="tiny-push-5/10"],
  [class~="tiny-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="tiny-push-1/3"],
  [class~="tiny-push-2/6"],
  [class~="tiny-push-3/9"],
  [class~="tiny-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="tiny-push-2/3"],
  [class~="tiny-push-4/6"],
  [class~="tiny-push-6/9"],
  [class~="tiny-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="tiny-push-1/4"],
  [class~="tiny-push-2/8"],
  [class~="tiny-push-3/12"] {
    left: 25% !important;
  }

  [class~="tiny-push-3/4"],
  [class~="tiny-push-6/8"],
  [class~="tiny-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="tiny-push-1/5"],
  [class~="tiny-push-2/10"] {
    left: 20% !important;
  }

  [class~="tiny-push-2/5"],
  [class~="tiny-push-4/10"] {
    left: 40% !important;
  }

  [class~="tiny-push-3/5"],
  [class~="tiny-push-6/10"] {
    left: 60% !important;
  }

  [class~="tiny-push-4/5"],
  [class~="tiny-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="tiny-push-1/6"],
  [class~="tiny-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="tiny-push-5/6"],
  [class~="tiny-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="tiny-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="tiny-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="tiny-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="tiny-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="tiny-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="tiny-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="tiny-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="tiny-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="tiny-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="tiny-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="tiny-push-1/10"] {
    left: 10% !important;
  }

  [class~="tiny-push-3/10"] {
    left: 30% !important;
  }

  [class~="tiny-push-7/10"] {
    left: 70% !important;
  }

  [class~="tiny-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="tiny-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="tiny-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="tiny-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="tiny-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (max-width: 44.9375em) {
  /**
                 * Whole.
                 */

  [class~="palm-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="palm-push-1/2"],
  [class~="palm-push-2/4"],
  [class~="palm-push-3/6"],
  [class~="palm-push-4/8"],
  [class~="palm-push-5/10"],
  [class~="palm-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="palm-push-1/3"],
  [class~="palm-push-2/6"],
  [class~="palm-push-3/9"],
  [class~="palm-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="palm-push-2/3"],
  [class~="palm-push-4/6"],
  [class~="palm-push-6/9"],
  [class~="palm-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="palm-push-1/4"],
  [class~="palm-push-2/8"],
  [class~="palm-push-3/12"] {
    left: 25% !important;
  }

  [class~="palm-push-3/4"],
  [class~="palm-push-6/8"],
  [class~="palm-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="palm-push-1/5"],
  [class~="palm-push-2/10"] {
    left: 20% !important;
  }

  [class~="palm-push-2/5"],
  [class~="palm-push-4/10"] {
    left: 40% !important;
  }

  [class~="palm-push-3/5"],
  [class~="palm-push-6/10"] {
    left: 60% !important;
  }

  [class~="palm-push-4/5"],
  [class~="palm-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="palm-push-1/6"],
  [class~="palm-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="palm-push-5/6"],
  [class~="palm-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="palm-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="palm-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="palm-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="palm-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="palm-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="palm-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="palm-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="palm-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="palm-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="palm-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="palm-push-1/10"] {
    left: 10% !important;
  }

  [class~="palm-push-3/10"] {
    left: 30% !important;
  }

  [class~="palm-push-7/10"] {
    left: 70% !important;
  }

  [class~="palm-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="palm-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="palm-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="palm-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="palm-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  /**
                 * Whole.
                 */

  [class~="lap-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="lap-push-1/2"],
  [class~="lap-push-2/4"],
  [class~="lap-push-3/6"],
  [class~="lap-push-4/8"],
  [class~="lap-push-5/10"],
  [class~="lap-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="lap-push-1/3"],
  [class~="lap-push-2/6"],
  [class~="lap-push-3/9"],
  [class~="lap-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="lap-push-2/3"],
  [class~="lap-push-4/6"],
  [class~="lap-push-6/9"],
  [class~="lap-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="lap-push-1/4"],
  [class~="lap-push-2/8"],
  [class~="lap-push-3/12"] {
    left: 25% !important;
  }

  [class~="lap-push-3/4"],
  [class~="lap-push-6/8"],
  [class~="lap-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="lap-push-1/5"],
  [class~="lap-push-2/10"] {
    left: 20% !important;
  }

  [class~="lap-push-2/5"],
  [class~="lap-push-4/10"] {
    left: 40% !important;
  }

  [class~="lap-push-3/5"],
  [class~="lap-push-6/10"] {
    left: 60% !important;
  }

  [class~="lap-push-4/5"],
  [class~="lap-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="lap-push-1/6"],
  [class~="lap-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="lap-push-5/6"],
  [class~="lap-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="lap-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="lap-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="lap-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="lap-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="lap-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="lap-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="lap-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="lap-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="lap-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="lap-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="lap-push-1/10"] {
    left: 10% !important;
  }

  [class~="lap-push-3/10"] {
    left: 30% !important;
  }

  [class~="lap-push-7/10"] {
    left: 70% !important;
  }

  [class~="lap-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="lap-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="lap-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="lap-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="lap-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 45em) {
  /**
                 * Whole.
                 */

  [class~="lap-and-up-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="lap-and-up-push-1/2"],
  [class~="lap-and-up-push-2/4"],
  [class~="lap-and-up-push-3/6"],
  [class~="lap-and-up-push-4/8"],
  [class~="lap-and-up-push-5/10"],
  [class~="lap-and-up-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="lap-and-up-push-1/3"],
  [class~="lap-and-up-push-2/6"],
  [class~="lap-and-up-push-3/9"],
  [class~="lap-and-up-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="lap-and-up-push-2/3"],
  [class~="lap-and-up-push-4/6"],
  [class~="lap-and-up-push-6/9"],
  [class~="lap-and-up-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="lap-and-up-push-1/4"],
  [class~="lap-and-up-push-2/8"],
  [class~="lap-and-up-push-3/12"] {
    left: 25% !important;
  }

  [class~="lap-and-up-push-3/4"],
  [class~="lap-and-up-push-6/8"],
  [class~="lap-and-up-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="lap-and-up-push-1/5"],
  [class~="lap-and-up-push-2/10"] {
    left: 20% !important;
  }

  [class~="lap-and-up-push-2/5"],
  [class~="lap-and-up-push-4/10"] {
    left: 40% !important;
  }

  [class~="lap-and-up-push-3/5"],
  [class~="lap-and-up-push-6/10"] {
    left: 60% !important;
  }

  [class~="lap-and-up-push-4/5"],
  [class~="lap-and-up-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="lap-and-up-push-1/6"],
  [class~="lap-and-up-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="lap-and-up-push-5/6"],
  [class~="lap-and-up-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="lap-and-up-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="lap-and-up-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="lap-and-up-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="lap-and-up-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="lap-and-up-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="lap-and-up-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="lap-and-up-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="lap-and-up-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="lap-and-up-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="lap-and-up-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="lap-and-up-push-1/10"] {
    left: 10% !important;
  }

  [class~="lap-and-up-push-3/10"] {
    left: 30% !important;
  }

  [class~="lap-and-up-push-7/10"] {
    left: 70% !important;
  }

  [class~="lap-and-up-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="lap-and-up-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="lap-and-up-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="lap-and-up-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="lap-and-up-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (max-width: 63.9375em) {
  /**
                 * Whole.
                 */

  [class~="portable-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="portable-push-1/2"],
  [class~="portable-push-2/4"],
  [class~="portable-push-3/6"],
  [class~="portable-push-4/8"],
  [class~="portable-push-5/10"],
  [class~="portable-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="portable-push-1/3"],
  [class~="portable-push-2/6"],
  [class~="portable-push-3/9"],
  [class~="portable-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="portable-push-2/3"],
  [class~="portable-push-4/6"],
  [class~="portable-push-6/9"],
  [class~="portable-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="portable-push-1/4"],
  [class~="portable-push-2/8"],
  [class~="portable-push-3/12"] {
    left: 25% !important;
  }

  [class~="portable-push-3/4"],
  [class~="portable-push-6/8"],
  [class~="portable-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="portable-push-1/5"],
  [class~="portable-push-2/10"] {
    left: 20% !important;
  }

  [class~="portable-push-2/5"],
  [class~="portable-push-4/10"] {
    left: 40% !important;
  }

  [class~="portable-push-3/5"],
  [class~="portable-push-6/10"] {
    left: 60% !important;
  }

  [class~="portable-push-4/5"],
  [class~="portable-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="portable-push-1/6"],
  [class~="portable-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="portable-push-5/6"],
  [class~="portable-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="portable-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="portable-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="portable-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="portable-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="portable-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="portable-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="portable-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="portable-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="portable-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="portable-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="portable-push-1/10"] {
    left: 10% !important;
  }

  [class~="portable-push-3/10"] {
    left: 30% !important;
  }

  [class~="portable-push-7/10"] {
    left: 70% !important;
  }

  [class~="portable-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="portable-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="portable-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="portable-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="portable-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) {
  /**
                 * Whole.
                 */

  [class~="desk-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="desk-push-1/2"],
  [class~="desk-push-2/4"],
  [class~="desk-push-3/6"],
  [class~="desk-push-4/8"],
  [class~="desk-push-5/10"],
  [class~="desk-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="desk-push-1/3"],
  [class~="desk-push-2/6"],
  [class~="desk-push-3/9"],
  [class~="desk-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="desk-push-2/3"],
  [class~="desk-push-4/6"],
  [class~="desk-push-6/9"],
  [class~="desk-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="desk-push-1/4"],
  [class~="desk-push-2/8"],
  [class~="desk-push-3/12"] {
    left: 25% !important;
  }

  [class~="desk-push-3/4"],
  [class~="desk-push-6/8"],
  [class~="desk-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="desk-push-1/5"],
  [class~="desk-push-2/10"] {
    left: 20% !important;
  }

  [class~="desk-push-2/5"],
  [class~="desk-push-4/10"] {
    left: 40% !important;
  }

  [class~="desk-push-3/5"],
  [class~="desk-push-6/10"] {
    left: 60% !important;
  }

  [class~="desk-push-4/5"],
  [class~="desk-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="desk-push-1/6"],
  [class~="desk-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="desk-push-5/6"],
  [class~="desk-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="desk-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="desk-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="desk-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="desk-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="desk-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="desk-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="desk-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="desk-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="desk-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="desk-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="desk-push-1/10"] {
    left: 10% !important;
  }

  [class~="desk-push-3/10"] {
    left: 30% !important;
  }

  [class~="desk-push-7/10"] {
    left: 70% !important;
  }

  [class~="desk-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="desk-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="desk-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="desk-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="desk-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="note-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="note-push-1/2"],
  [class~="note-push-2/4"],
  [class~="note-push-3/6"],
  [class~="note-push-4/8"],
  [class~="note-push-5/10"],
  [class~="note-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="note-push-1/3"],
  [class~="note-push-2/6"],
  [class~="note-push-3/9"],
  [class~="note-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="note-push-2/3"],
  [class~="note-push-4/6"],
  [class~="note-push-6/9"],
  [class~="note-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="note-push-1/4"],
  [class~="note-push-2/8"],
  [class~="note-push-3/12"] {
    left: 25% !important;
  }

  [class~="note-push-3/4"],
  [class~="note-push-6/8"],
  [class~="note-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="note-push-1/5"],
  [class~="note-push-2/10"] {
    left: 20% !important;
  }

  [class~="note-push-2/5"],
  [class~="note-push-4/10"] {
    left: 40% !important;
  }

  [class~="note-push-3/5"],
  [class~="note-push-6/10"] {
    left: 60% !important;
  }

  [class~="note-push-4/5"],
  [class~="note-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="note-push-1/6"],
  [class~="note-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="note-push-5/6"],
  [class~="note-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="note-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="note-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="note-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="note-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="note-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="note-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="note-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="note-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="note-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="note-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="note-push-1/10"] {
    left: 10% !important;
  }

  [class~="note-push-3/10"] {
    left: 30% !important;
  }

  [class~="note-push-7/10"] {
    left: 70% !important;
  }

  [class~="note-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="note-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="note-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="note-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="note-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (max-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="not-desktop-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="not-desktop-push-1/2"],
  [class~="not-desktop-push-2/4"],
  [class~="not-desktop-push-3/6"],
  [class~="not-desktop-push-4/8"],
  [class~="not-desktop-push-5/10"],
  [class~="not-desktop-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="not-desktop-push-1/3"],
  [class~="not-desktop-push-2/6"],
  [class~="not-desktop-push-3/9"],
  [class~="not-desktop-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="not-desktop-push-2/3"],
  [class~="not-desktop-push-4/6"],
  [class~="not-desktop-push-6/9"],
  [class~="not-desktop-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="not-desktop-push-1/4"],
  [class~="not-desktop-push-2/8"],
  [class~="not-desktop-push-3/12"] {
    left: 25% !important;
  }

  [class~="not-desktop-push-3/4"],
  [class~="not-desktop-push-6/8"],
  [class~="not-desktop-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="not-desktop-push-1/5"],
  [class~="not-desktop-push-2/10"] {
    left: 20% !important;
  }

  [class~="not-desktop-push-2/5"],
  [class~="not-desktop-push-4/10"] {
    left: 40% !important;
  }

  [class~="not-desktop-push-3/5"],
  [class~="not-desktop-push-6/10"] {
    left: 60% !important;
  }

  [class~="not-desktop-push-4/5"],
  [class~="not-desktop-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="not-desktop-push-1/6"],
  [class~="not-desktop-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="not-desktop-push-5/6"],
  [class~="not-desktop-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="not-desktop-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="not-desktop-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="not-desktop-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="not-desktop-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="not-desktop-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="not-desktop-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="not-desktop-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="not-desktop-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="not-desktop-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="not-desktop-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="not-desktop-push-1/10"] {
    left: 10% !important;
  }

  [class~="not-desktop-push-3/10"] {
    left: 30% !important;
  }

  [class~="not-desktop-push-7/10"] {
    left: 70% !important;
  }

  [class~="not-desktop-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="not-desktop-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="not-desktop-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="not-desktop-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="not-desktop-push-11/12"] {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 75em) {
  /**
                 * Whole.
                 */

  [class~="actual-desktop-push-1/1"] {
    left: 100% !important;
  }

  /**
                 * Halves.
                 */

  [class~="actual-desktop-push-1/2"],
  [class~="actual-desktop-push-2/4"],
  [class~="actual-desktop-push-3/6"],
  [class~="actual-desktop-push-4/8"],
  [class~="actual-desktop-push-5/10"],
  [class~="actual-desktop-push-6/12"] {
    left: 50% !important;
  }

  /**
                 * Thirds.
                 */

  [class~="actual-desktop-push-1/3"],
  [class~="actual-desktop-push-2/6"],
  [class~="actual-desktop-push-3/9"],
  [class~="actual-desktop-push-4/12"] {
    left: 33.3333333% !important;
  }

  [class~="actual-desktop-push-2/3"],
  [class~="actual-desktop-push-4/6"],
  [class~="actual-desktop-push-6/9"],
  [class~="actual-desktop-push-8/12"] {
    left: 66.6666666% !important;
  }

  /**
                 * Quarters.
                 */

  [class~="actual-desktop-push-1/4"],
  [class~="actual-desktop-push-2/8"],
  [class~="actual-desktop-push-3/12"] {
    left: 25% !important;
  }

  [class~="actual-desktop-push-3/4"],
  [class~="actual-desktop-push-6/8"],
  [class~="actual-desktop-push-9/12"] {
    left: 75% !important;
  }

  /**
                 * Fifths.
                 */

  [class~="actual-desktop-push-1/5"],
  [class~="actual-desktop-push-2/10"] {
    left: 20% !important;
  }

  [class~="actual-desktop-push-2/5"],
  [class~="actual-desktop-push-4/10"] {
    left: 40% !important;
  }

  [class~="actual-desktop-push-3/5"],
  [class~="actual-desktop-push-6/10"] {
    left: 60% !important;
  }

  [class~="actual-desktop-push-4/5"],
  [class~="actual-desktop-push-8/10"] {
    left: 80% !important;
  }

  /**
                 * Sixths.
                 */

  [class~="actual-desktop-push-1/6"],
  [class~="actual-desktop-push-2/12"] {
    left: 16.6666666% !important;
  }

  [class~="actual-desktop-push-5/6"],
  [class~="actual-desktop-push-10/12"] {
    left: 83.3333333% !important;
  }

  /**
                 * Eighths.
                 */

  [class~="actual-desktop-push-1/8"] {
    left: 12.5% !important;
  }

  [class~="actual-desktop-push-3/8"] {
    left: 37.5% !important;
  }

  [class~="actual-desktop-push-5/8"] {
    left: 62.5% !important;
  }

  [class~="actual-desktop-push-7/8"] {
    left: 87.5% !important;
  }

  /**
                 * Ninths.
                 */

  [class~="actual-desktop-push-1/9"] {
    left: 11.1111111% !important;
  }

  [class~="actual-desktop-push-2/9"] {
    left: 22.2222222% !important;
  }

  [class~="actual-desktop-push-4/9"] {
    left: 44.4444444% !important;
  }

  [class~="actual-desktop-push-5/9"] {
    left: 55.5555555% !important;
  }

  [class~="actual-desktop-push-7/9"] {
    left: 77.7777777% !important;
  }

  [class~="actual-desktop-push-8/9"] {
    left: 88.8888888% !important;
  }

  /**
                 * Tenths.
                 */

  [class~="actual-desktop-push-1/10"] {
    left: 10% !important;
  }

  [class~="actual-desktop-push-3/10"] {
    left: 30% !important;
  }

  [class~="actual-desktop-push-7/10"] {
    left: 70% !important;
  }

  [class~="actual-desktop-push-9/10"] {
    left: 90% !important;
  }

  /**
                 * Twelfths.
                 */

  [class~="actual-desktop-push-1/12"] {
    left: 8.3333333% !important;
  }

  [class~="actual-desktop-push-5/12"] {
    left: 41.6666666% !important;
  }

  [class~="actual-desktop-push-7/12"] {
    left: 58.3333333% !important;
  }

  [class~="actual-desktop-push-11/12"] {
    left: 91.6666666% !important;
  }
}

/*------------------------------------*    #HEADINGS
\*------------------------------------*/

/**
 * Headings 1–6’s corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * Use these helper classes to cause other elements to adopt the styling of the
 * respective heading, e.g.:
 *
   <h2 class="alpha">Lorem ipsum</h2>
 *
 */

.alpha {
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 1.3333333333;
}

.beta {
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.1428571429;
}

.gamma {
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 1.6;
}

.delta {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.1428571429;
}

.epsilon {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
}

.zeta {
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
}

/*------------------------------------*    #HEADINGS-RESPONSIVE
\*------------------------------------*/

/**
 * Based on _trumps.headings, this will generate resonsive equivalents of the
 * headings which change their font-size depending on the media-queries
 * set in _settings.responsive.
 */

.payment-method-braintree .hosted-control:disabled {
  opacity: .5;
}

.payment-method-braintree .hosted-control::-moz-placeholder {
  color: #c2c2c2;
}

.payment-method-braintree .hosted-control::-webkit-input-placeholder {
  color: #c2c2c2;
}

.payment-method-braintree .hosted-control:-ms-input-placeholder {
  color: #c2c2c2;
}

.payment-method-braintree .hosted-control.braintree-hosted-fields-focused {
  border-color: #006bb4;
}

.payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) {
  border-color: #e02b27;
}

.payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error {
  height: auto;
  opacity: 1;
}

.payment-method-braintree .hosted-control.braintree-hosted-fields-valid {
  border-color: #006400;
}

.payment-method-braintree .hosted-control.hosted-cid {
  width: 5rem;
}

.payment-method-braintree .hosted-control.hosted-date {
  float: left;
  margin-bottom: 7px;
  width: 6rem;
}

.payment-method-braintree .hosted-control.hosted-date:first-of-type {
  margin-right: 12px;
}

.payment-method-braintree .field-tooltip {
  right: 0;
}

.payment-method-braintree .hosted-error {
  clear: both;
  color: #e02b27;
  font-size: 1.2rem;
  height: 0;
  margin-top: 7px;
  opacity: 0;
}

.braintree-paypal-logo {
  margin-top: 10px;
  text-align: center;
}

.braintree-paypal-account {
  padding: 15px 0 15px 50px;
  position: relative;
  display: inline-block;
}

.braintree-paypal-account:before {
  background-image: url("../Magento_Braintree/images/paypal-small.png");
  background-position-x: 0;
  background-position-y: 0;
  line-height: 16px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
}

.braintree-paypal-account:before {
  left: 17px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.braintree-paypal-account .payment-method-type {
  font-weight: 700;
}

.braintree-paypal-account .payment-method-description {
  color: #575757;
}

.braintree-paypal-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.action-braintree-paypal-logo {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
}

.action-braintree-paypal-logo:focus,
.action-braintree-paypal-logo:active {
  background: none;
  border: none;
}

.action-braintree-paypal-logo:hover {
  background: none;
  border: none;
}

.action-braintree-paypal-logo.disabled,
.action-braintree-paypal-logo[disabled],
fieldset[disabled] .action-braintree-paypal-logo {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
}

.action-braintree-paypal-logo img {
  margin: 0;
  width: 114px;
}

/* CHECKOUT */

.shipping-address-item.selected-item {
  font-weight: bold;
}

.c-divider--grey {
  background: #a6a6a6;
  border: 0;
  height: 1px;
  margin: 0px 0px 12px 0px;
  width: 100%;
}

.c-checkout-shipping {
  list-style-type: none;
}

.c-order-summary {
  background-color: #333333;
  color: #FFFFFF;
  padding: 24px;
}

@media screen and (min-width: 45em) {
  .c-order-summary {
    margin-top: 48px;
  }
}

.c-order-summary__edit-cart {
  color: #FFFFFF;
  float: right;
  font-weight: 600;
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
}

.c-order-summary__edit-shipping {
  color: #FFFFFF;
  font-weight: 600;
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  margin-right: 6px;
}

.c-order-summary__shipping-title {
  font-size: 14px;
  font-size: 1rem;
  line-height: 21px;
  font-weight: bold;
}

.c-order-summary__minicart-items {
  list-style-type: none;
  margin: 0;
}

.c-item-options {
  margin: 0;
  color: #a6a6a6;
  list-style-type: none;
}

.c-shipping-type {
  font-weight: normal;
  color: #a6a6a6;
}

.c-totals tr th {
  padding-bottom: 16px;
}

.c-totals th:first-child {
  font-weight: 600;
}

.c-totals th:last-child {
  font-weight: normal;
  text-align: right;
}

.c-totals .c-totals__shipping-type {
  color: #a6a6a6;
  font-weight: normal;
}

.c-totals .c-totals__shipping-amount {
  vertical-align: top;
}

.c-totals .c-totals__grand-amount {
  font-weight: 600;
  text-align: right;
}

/* END OF CHECKOUT */

.modal-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border: 1px solid #a6a6a6;
  padding: 24px;
  max-width: 100%;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.4);
  z-index: 9999 !important;
}

@media screen and (max-width: 44.9375em) {
  .modal-popup {
    min-width: 80vw;
    padding: 12px;
  }
}

.modal-popup._show {
  display: block;
}

.modal-header {
  min-height: 40px;
}

.modal-header .action-close {
  background-color: transparent;
  position: absolute;
  top: 24px;
  right: 24px;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3EIcons_Approved%3C%2Ftitle%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2230.14%22%20y1%3D%229.86%22%20x2%3D%229.86%22%20y2%3D%2230.14%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%229.86%22%20y1%3D%229.86%22%20x2%3D%2230.14%22%20y2%3D%2230.14%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border: none;
}

.modal-header .action-close span {
  display: none;
}

.modal-header .modal-title {
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 1;
}

.modal-content {
  margin-bottom: 24px;
}

.modal-footer .action-secondary {
  background-color: #a6a6a6;
}

/* ACCOUNT */

.form-edit-account fieldset,
.form-address-edit fieldset,
.form-create-account fieldset,
.form-login fieldset,
.password-forget fieldset {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  place-content: stretch flex-start;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.form-edit-account fieldset .field,
.form-address-edit fieldset .field,
.form-create-account fieldset .field,
.form-login fieldset .field,
.password-forget fieldset .field {
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  position: relative;
}

.form-edit-account fieldset .field input,
.form-edit-account fieldset .field .payment-method-braintree .hosted-control,
.payment-method-braintree .form-edit-account fieldset .field .hosted-control,
.form-address-edit fieldset .field input,
.form-address-edit fieldset .field .payment-method-braintree .hosted-control,
.payment-method-braintree .form-address-edit fieldset .field .hosted-control,
.form-create-account fieldset .field input,
.form-create-account fieldset .field .payment-method-braintree .hosted-control,
.payment-method-braintree .form-create-account fieldset .field .hosted-control,
.form-login fieldset .field input,
.form-login fieldset .field .payment-method-braintree .hosted-control,
.payment-method-braintree .form-login fieldset .field .hosted-control,
.password-forget fieldset .field input,
.password-forget fieldset .field .payment-method-braintree .hosted-control,
.payment-method-braintree .password-forget fieldset .field .hosted-control {
  height: 46px;
  padding-top: 24px;
  margin-bottom: 12px;
}

.form-edit-account fieldset .field .c-input--checkbox,
.form-address-edit fieldset .field .c-input--checkbox,
.form-create-account fieldset .field .c-input--checkbox,
.form-login fieldset .field .c-input--checkbox,
.password-forget fieldset .field .c-input--checkbox {
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.form-edit-account fieldset .field .hosted-control,
.form-address-edit fieldset .field .hosted-control,
.form-create-account fieldset .field .hosted-control,
.form-login fieldset .field .hosted-control,
.password-forget fieldset .field .hosted-control {
  height: 54px !important;
}

.form-edit-account fieldset .field select,
.form-address-edit fieldset .field select,
.form-create-account fieldset .field select,
.form-login fieldset .field select,
.password-forget fieldset .field select {
  height: 46px;
  padding-top: 12px;
}

.form-edit-account fieldset .field.street,
.form-address-edit fieldset .field.street,
.form-create-account fieldset .field.street,
.form-login fieldset .field.street,
.password-forget fieldset .field.street {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.form-edit-account fieldset .field .label,
.form-address-edit fieldset .field .label,
.form-create-account fieldset .field .label,
.form-login fieldset .field .label,
.password-forget fieldset .field .label {
  position: absolute;
  left: 12px;
  font-weight: bold;
  line-height: 36px;
  color: #a6a6a6;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8571428571rem;
  line-height: 2;
  z-index: 1;
}

.form-edit-account fieldset .field .c-label--checkbox,
.form-address-edit fieldset .field .c-label--checkbox,
.form-create-account fieldset .field .c-label--checkbox,
.form-login fieldset .field .c-label--checkbox,
.password-forget fieldset .field .c-label--checkbox {
  position: relative;
  display: inline-block;
  vertical-align: super;
  color: #333333;
  vertical-align: middle;
  margin: 0;
}

.form-edit-account fieldset .field .label-above,
.form-address-edit fieldset .field .label-above,
.form-create-account fieldset .field .label-above,
.form-login fieldset .field .label-above,
.password-forget fieldset .field .label-above {
  position: static;
}

.form-edit-account fieldset .control:focus-within + .label,
.form-address-edit fieldset .control:focus-within + .label,
.form-create-account fieldset .control:focus-within + .label,
.form-login fieldset .control:focus-within + .label,
.password-forget fieldset .control:focus-within + .label {
  -webkit-transform: scale(50%);
  -ms-transform: scale(50%);
  transform: scale(50%);
}

.form-edit-account fieldset ._required .label:after,
.form-address-edit fieldset ._required .label:after,
.form-create-account fieldset ._required .label:after,
.form-login fieldset ._required .label:after,
.password-forget fieldset ._required .label:after {
  content: '*';
}

.c-staff-preview__title {
  color: #FFFFFF;
  font-weight: 600;
  padding-bottom: 12px;
}

.c-staff-preview__title--black {
  color: #333333;
}

.c-staff-preview__body {
  color: #FFFFFF;
  padding-bottom: 12px;
}

.c-staff-preview__body--black {
  color: #333333;
}

.c-account-dashboard {
  text-align: center;
  margin-top: 24px;
}

.c-account-dashboard__title {
  font-family: "Manus";
  padding-bottom: 6px;
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 66px;
}

.c-account-dashboard__subtitle {
  font-family: "Neue Haas Grotesk Text", sans-serif;
  padding-bottom: 24px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
  line-height: 1.5;
}

.c-recent-orders {
  padding: 24px;
}

@media screen and (max-width: 44.9375em) {
  .c-recent-orders {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.c-recent-orders__title {
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 36px;
  margin-bottom: 12px;
  font-weight: 600;
}

@media screen and (max-width: 44.9375em) {
  .c-recent-orders__title {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 30px;
  }
}

.c-recent-orders__table {
  text-align: left;
}

.c-recent-orders__table tr {
  height: 40px;
}

.c-contact {
  text-align: center;
  margin: 0px 0px 24px 0px;
}

@media screen and (max-width: 44.9375em) {
  .c-contact {
    margin-bottom: 12px;
  }
}

.c-contact__title {
  font-size: 30px;
  font-size: 2.1428571429rem;
  line-height: 36px;
  margin-bottom: 12px;
  font-weight: 600;
}

.c-contact__subtitle {
  font-family: "Neue Haas Grotesk Text", sans-serif;
  padding-bottom: 12px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
  line-height: 1.5;
}

.c-review__author {
  text-align: center;
  color: #a6a6a6;
}

.c-wp-content-tile-wrap {
  position: relative;
  padding-top: 100%;
}

.c-wp-content-tile {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.c-wp-content-tile__tag {
  color: #bfbfbf;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 24px;
}

.c-wp-content-tile__title {
  font-size: 42px;
  font-size: 3rem;
  line-height: 54px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
}

@media screen and (max-width: 63.9375em) {
  .c-wp-content-tile__title {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 36px;
  }
}

.c-wp-content-tile__body {
  color: #FFFFFF;
  font-family: "Neue Haas Grotesk Text", sans-serif;
  font-size: 18px;
  font-size: 1.2857142857rem;
  line-height: 1.3333333333;
  line-height: 1.5;
  width: 75%;
  padding-bottom: 12px;
}

.c-wp-content-tile__btn {
  position: absolute;
  bottom: 24px;
  left: 24px;
}

@media screen and (max-width: 44.9375em) {
  .c-wp-content-tile__btn {
    width: 100%;
  }
}

.c-brand-message {
  font-family: "Manus";
  padding-bottom: 6px;
  font-size: 54px;
  font-size: 3.8571428571rem;
  line-height: 66px;
  text-align: center;
}

@media screen and (max-width: 44.9375em) {
  .c-brand-message {
    font-size: 42px;
    font-size: 3rem;
    line-height: 48px;
  }
}

.c-account-profile {
  background-image: url("../images/bg-account-profile-sidebar-dark.jpg");
  text-align: center;
  padding: 52px 0px 48px 0px;
  background-repeat: none;
  background-size: cover;
}

@media screen and (max-width: 44.9375em) {
  .c-account-profile {
    background-image: url("../images/bg-account-profile-sidebar-dark-palm.jpg");
  }
}

.c-account-profile__info {
  color: #FFFFFF;
}

.c-account-profile__cta {
  font-weight: 600;
  text-transform: uppercase;
  color: #FFFFFF;
}

@media screen and (max-width: 44.9375em) {
  .c-account-profile__cta {
    display: inline-block;
    padding: 0px 30px 0px 30px;
  }
}

.c-nav-items {
  list-style-type: none;
  text-align: center;
  padding: 24px 0px 24px 0px;
  margin: 0;
}

@media screen and (max-width: 44.9375em) {
  .c-nav-items {
    padding: 0px;
  }

  .c-nav-items li:last-child {
    border-bottom: 0px;
  }
}

.c-nav-items li {
  padding: 22px 0px 22px 0px;
}

@media screen and (max-width: 44.9375em) {
  .c-nav-items li {
    border-bottom: 1px solid #a6a6a6;
    padding: 17px 0px 17px 0px;
  }
}

.c-nav-items a {
  border-bottom: 2px solid #a6a6a6;
  color: #a6a6a6;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px 6px 0px 6px;
}

@media screen and (max-width: 44.9375em) {
  .c-nav-items a {
    border-bottom: 0px;
  }
}

.c-nav-items strong {
  border-bottom: 2px solid #FFFFFF;
  margin: 0px 6px 0px 6px;
}

@media screen and (max-width: 44.9375em) {
  .c-nav-items strong {
    color: #333333;
  }
}

.c-nav-items .current {
  color: #FFFFFF;
  background-color: #65707a;
  text-transform: uppercase;
}

@media screen and (max-width: 44.9375em) {
  .c-nav-items .current {
    font-weight: 600;
    background-color: #FFFFFF;
  }
}

.c-account-sidebar-nav__items {
  margin-bottom: 24px;
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 2px solid #a6a6a6;
}

@media screen and (max-width: 44.9375em) {
  .c-account-nav-items {
    display: none;
  }
}

.c-account-nav-items.is-open {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 10;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.4);
  background-color: #FFFFFF;
}

.c-account-nav-dropdown {
  text-align: center;
  padding: 12px 0px 12px 0px;
  background-color: white;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #a6a6a6;
}

@media screen and (max-width: 63.9375em) {
  .c-order-details--mb {
    margin-bottom: 24px;
  }
}

.c-order-details-table th {
  padding: 10px;
}

.c-order-details-table td {
  padding: 10px 10px 24px 10px;
}

.c-order-details-table tbody > tr {
  border-bottom: 1px solid #bfbfbf;
}

@media screen and (max-width: 63.9375em) {
  .c-address-block--mb {
    margin-bottom: 24px;
  }
}

.account-title {
  font-size: 42px;
  font-size: 3rem;
  line-height: 54px;
  font-weight: bold;
  margin-bottom: 12px;
}

@media screen and (max-width: 44.9375em) {
  .account-title {
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 36px;
  }
}

.c-nav-cta {
  color: #7f7f7f;
  font-weight: 600;
}

.c-order-history-table tr {
  height: 40px;
}

/* END OF ORDER HISTORY */

/* END OF ACCOUNT */

.loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.loading-mask .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}

.c-star {
  width: 20px;
  height: 20px;
  background-color: yellow;
  margin-right: 6px;
  display: inline-block;
}

.c-star--half {
  width: 10px;
}

.messages .message {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  font-weight: bold;
  color: white;
  margin-bottom: 12px;
}

.messages .message a {
  color: white;
  text-decoration: underline;
}

.messages .message.message-error {
  background-color: #d74141;
}

.messages .message.message-success {
  background-color: #43b77a;
}

.messages .message.message-notice {
  background-color: #d74141;
}

div.yotpo.QABottomLine {
  display: none;
}

.checkout-cart-index .page-title {
  margin-bottom: 0 !important;
}

.no-display {
  display: none;
}

@media screen and (min-width: 64em) {
  .myw-header {
    font-size: 120px;
    font-size: 8.5714285714rem;
    line-height: 120px;
    margin-top: 150px;
    padding-bottom: 150px;
  }
}

@media screen and (min-width: 64em) and (max-width: 75em) {
  .myw-header {
    font-size: 90px;
    font-size: 6.4285714286rem;
    line-height: 90px;
    margin-top: 110px;
    padding-bottom: 110px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .myw-header {
    font-size: 85px;
    font-size: 6.0714285714rem;
    line-height: 85px;
    margin-top: 100px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 44.9375em) {
  .myw-header {
    font-size: 65px;
    font-size: 4.6428571429rem;
    line-height: 65px;
    margin-top: 72px;
    padding-bottom: 60px;
  }
}

.myw-arrow {
  position: absolute;
  right: 0;
  background-size: cover;
}

@media screen and (min-width: 64em) {
  .myw-arrow {
    width: 150px !important;
    height: 300px !important;
    bottom: 38px !important;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .myw-arrow {
    width: 120px !important;
    height: 250px !important;
    bottom: 60px !important;
  }
}

@media screen and (max-width: 44.9375em) {
  .myw-arrow {
    right: 18px !important;
    width: 120px !important;
    height: 250px !important;
    bottom: 60px !important;
  }
}

.c-popdown {
  position: absolute;
  top: 120px;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100vw;
  height: 120vh;
  z-index: 99;
  display: none;
}

@media screen and (max-width: 44.9375em) {
  .c-popdown {
    top: 72px;
    position: fixed;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-popdown {
    top: 72px;
    position: fixed;
  }
}

.c-popdown.popped {
  display: block;
}

.c-popdown.closed {
  display: none;
}

.c-popdown.sticky {
  position: fixed;
  top: 0;
}

.c-popdown__modal {
  background-image: url("../images/bg-newsletter.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 50vh;
  min-height: 600px;
  position: absolute;
  width: 100vw;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 44.9375em) {
  .c-popdown__modal {
    background-image: url("../images/bg-newsletter-palm.jpg");
    height: calc(85vh - 72px);
    min-height: 450px;
  }
}

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .c-popdown__modal {
    height: calc(60vh - 72px);
    min-height: 450px;
    background-position: center;
  }
}

.c-popdown__body {
  position: absolute;
  bottom: 12px;
  left: 0;
}

.c-popdown-signup__input {
  text-align: center;
  height: 46px;
}

.c-popdown-signup__input::-webkit-input-placeholder {
  text-align: center;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  color: #333333;
}

.c-popdown-signup__input:-ms-input-placeholder {
  text-align: center;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  color: #333333;
}

.c-popdown-signup__input::placeholder {
  text-align: center;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
  color: #333333;
}

@media screen and (max-width: 63.9375em) {
  .c-popdown-signup__input {
    display: inline-block;
    width: calc(100% - 142px);
    margin-bottom: 0;
  }
}

@media screen and (max-width: 63.9375em) {
  .c-popdown-signup__button {
    display: inline-block;
    width: auto;
    vertical-align: top;
  }
}

.c-popdown__nope {
  font-style: italic;
  text-decoration: underline;
}

.c-popdown__close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}