@font-face {
  font-family: 'Gibson';
  src: url("./Gibson-Light.woff2") format("woff2"), url("./Gibson-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gibson';
  src: url("./Gibson-Regular.woff2") format("woff2"), url("./Gibson-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * Mixins ---
 * -------------------------- */
/* ###################################
 A FEW HELPERS
####################################*/
/** VARIABLES CREATED BY INIT FUNCTION **/
.pad {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 480px) {
  .pad {
    padding-top: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .pad {
    padding-top: 110px;
  }
}

@media screen and (min-width: 480px) {
  .pad {
    padding-bottom: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .pad {
    padding-bottom: 110px;
  }
}

.pad-top {
  padding-top: 60px;
}

@media screen and (min-width: 480px) {
  .pad-top {
    padding-top: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-top {
    padding-top: 110px;
  }
}

.pad-bottom {
  padding-bottom: 60px;
}

@media screen and (min-width: 480px) {
  .pad-bottom {
    padding-bottom: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-bottom {
    padding-bottom: 110px;
  }
}

.pad-small {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .pad-small {
    padding-top: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-small {
    padding-top: 55px;
  }
}

@media screen and (min-width: 480px) {
  .pad-small {
    padding-bottom: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-small {
    padding-bottom: 55px;
  }
}

.pad-small-top {
  padding-top: 30px;
}

@media screen and (min-width: 480px) {
  .pad-small-top {
    padding-top: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-small-top {
    padding-top: 55px;
  }
}

.pad-small-bottom {
  padding-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .pad-small-bottom {
    padding-bottom: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .pad-small-bottom {
    padding-bottom: 55px;
  }
}

.margin {
  margin-top: 60px;
  margin-bottom: 60px;
}

@media screen and (min-width: 480px) {
  .margin {
    margin-top: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .margin {
    margin-top: 110px;
  }
}

@media screen and (min-width: 480px) {
  .margin {
    margin-bottom: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .margin {
    margin-bottom: 110px;
  }
}

.margin-top {
  margin-top: 60px;
}

@media screen and (min-width: 480px) {
  .margin-top {
    margin-top: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-top {
    margin-top: 110px;
  }
}

.margin-bottom {
  margin-bottom: 60px;
}

@media screen and (min-width: 480px) {
  .margin-bottom {
    margin-bottom: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-bottom {
    margin-bottom: 110px;
  }
}

.margin-small {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .margin-small {
    margin-top: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-small {
    margin-top: 55px;
  }
}

@media screen and (min-width: 480px) {
  .margin-small {
    margin-bottom: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-small {
    margin-bottom: 55px;
  }
}

.margin-small-top {
  margin-top: 30px;
}

@media screen and (min-width: 480px) {
  .margin-small-top {
    margin-top: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-small-top {
    margin-top: 55px;
  }
}

.margin-small-bottom {
  margin-bottom: 30px;
}

@media screen and (min-width: 480px) {
  .margin-small-bottom {
    margin-bottom: calc((0.03125 * (100vw - 480px)) + 30px);
  }
}

@media screen and (min-width: 1280px) {
  .margin-small-bottom {
    margin-bottom: 55px;
  }
}

/**
 * 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 {
  -webkit-box-sizing: content-box;
  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,
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"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  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"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  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,
input[type="number"]::-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"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  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,
input[type="search"]::-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;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                   http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
    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: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*
 * Base Styles
 * ============= */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

html {
  height: 100%;
}

body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 100%;
  min-width: 320px;
  color: #000;
  background-position: center;
  background-color: #FFF;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.875;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
}

figure img {
  max-width: 100%;
  max-height: 100%;
}

section {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0;
}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #000;
  color: white;
  text-shadow: none;
}

::selection {
  background: #000;
  color: white;
  text-shadow: none;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Fix default figure styles
 */
figure {
  margin: 0;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/*
 * Reset link color to inherit so it is pulled from the parent styles.
 */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*
 * Reset link color to inherit so it is pulled from the parent styles.
 */
li,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.inline {
  font-size: 1rem;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

li:last-child,
dt:last-child,
dd:last-child,
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.inline:last-child {
  margin-bottom: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
  background-color: transparent;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*
 * Typography Styles
 * ================= */
.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 479px) {
  .cols {
    margin-left: 0;
    margin-right: 0;
  }
}

.cols.valign {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cols > .col,
.cols [class*="col-"] {
  display: block;
  vertical-align: middle;
  width: calc(100% - 20px);
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 40px;
}

.cols > .col:last-child,
.cols [class*="col-"]:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 479px) {
  .cols > .col,
  .cols [class*="col-"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .cols > .col,
  .cols [class*="col-"] {
    margin-bottom: 0;
  }
}

.cols > .col-1 {
  width: calc(8.33333% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-2 {
  width: calc(16.66667% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-3 {
  width: calc(25% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-4 {
  width: calc(33.33333% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-5 {
  width: calc(41.66667% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-6 {
  width: calc(50% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-7 {
  width: calc(58.33333% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-8 {
  width: calc(66.66667% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-9 {
  width: calc(75% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-10 {
  width: calc(83.33333% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-11 {
  width: calc(91.66667% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

.cols > .col-12 {
  width: calc(100% - 20px);
}

@media screen and (min-width: 960px) {
  .cols > .padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

.cols > .panel {
  padding: 20px;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
  box-shadow: inset 1px 1px 0 0 #ccc;
}

@media screen and (min-width: 480px) {
  .cols > .small-hide {
    display: none;
  }
  .cols > .small-padd-none {
    margin-left: 10px;
  }
  .cols > .small-push-none {
    margin-right: 10px;
  }
  .cols > .small-panel {
    padding: 20px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
    box-shadow: inset 1px 1px 0 0 #ccc;
  }
  .cols > .small-nopanel {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-1 {
    display: block;
    width: calc(8.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .small-push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-2 {
    display: block;
    width: calc(16.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .small-push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-3 {
    display: block;
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .small-push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-4 {
    display: block;
    width: calc(33.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .small-push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-5 {
    display: block;
    width: calc(41.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .small-push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-6 {
    display: block;
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .small-push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-7 {
    display: block;
    width: calc(58.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .small-push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-8 {
    display: block;
    width: calc(66.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .small-push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-9 {
    display: block;
    width: calc(75% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .small-push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-10 {
    display: block;
    width: calc(83.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .small-push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-11 {
    display: block;
    width: calc(91.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .small-push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

@media screen and (min-width: 480px) {
  .cols > .small-12 {
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .cols > .small-padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .small-push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-hide {
    display: none;
  }
  .cols > .medium-padd-none {
    margin-left: 10px;
  }
  .cols > .medium-push-none {
    margin-right: 10px;
  }
  .cols > .medium-panel {
    padding: 20px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
    box-shadow: inset 1px 1px 0 0 #ccc;
  }
  .cols > .medium-nopanel {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-1 {
    display: block;
    width: calc(8.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .medium-push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-2 {
    display: block;
    width: calc(16.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .medium-push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-3 {
    display: block;
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .medium-push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-4 {
    display: block;
    width: calc(33.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .medium-push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-5 {
    display: block;
    width: calc(41.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .medium-push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-6 {
    display: block;
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .medium-push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-7 {
    display: block;
    width: calc(58.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .medium-push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-8 {
    display: block;
    width: calc(66.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .medium-push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-9 {
    display: block;
    width: calc(75% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .medium-push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-10 {
    display: block;
    width: calc(83.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .medium-push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-11 {
    display: block;
    width: calc(91.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .medium-push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

@media screen and (min-width: 768px) {
  .cols > .medium-12 {
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .cols > .medium-padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .medium-push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-hide {
    display: none;
  }
  .cols > .large-padd-none {
    margin-left: 10px;
  }
  .cols > .large-push-none {
    margin-right: 10px;
  }
  .cols > .large-panel {
    padding: 20px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
    box-shadow: inset 1px 1px 0 0 #ccc;
  }
  .cols > .large-nopanel {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-1 {
    display: block;
    width: calc(8.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .large-push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-2 {
    display: block;
    width: calc(16.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .large-push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-3 {
    display: block;
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .large-push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-4 {
    display: block;
    width: calc(33.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .large-push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-5 {
    display: block;
    width: calc(41.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .large-push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-6 {
    display: block;
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .large-push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-7 {
    display: block;
    width: calc(58.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .large-push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-8 {
    display: block;
    width: calc(66.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .large-push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-9 {
    display: block;
    width: calc(75% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .large-push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-10 {
    display: block;
    width: calc(83.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .large-push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-11 {
    display: block;
    width: calc(91.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .large-push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

@media screen and (min-width: 960px) {
  .cols > .large-12 {
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .cols > .large-padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .large-push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-hide {
    display: none;
  }
  .cols > .larger-padd-none {
    margin-left: 10px;
  }
  .cols > .larger-push-none {
    margin-right: 10px;
  }
  .cols > .larger-panel {
    padding: 20px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
    box-shadow: inset 1px 1px 0 0 #ccc;
  }
  .cols > .larger-nopanel {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-1 {
    display: block;
    width: calc(8.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .larger-push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-2 {
    display: block;
    width: calc(16.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .larger-push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-3 {
    display: block;
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .larger-push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-4 {
    display: block;
    width: calc(33.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .larger-push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-5 {
    display: block;
    width: calc(41.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .larger-push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-6 {
    display: block;
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .larger-push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-7 {
    display: block;
    width: calc(58.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .larger-push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-8 {
    display: block;
    width: calc(66.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .larger-push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-9 {
    display: block;
    width: calc(75% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .larger-push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-10 {
    display: block;
    width: calc(83.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .larger-push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-11 {
    display: block;
    width: calc(91.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .larger-push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1024px) {
  .cols > .larger-12 {
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .cols > .larger-padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .larger-push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-hide {
    display: none;
  }
  .cols > .largest-padd-none {
    margin-left: 10px;
  }
  .cols > .largest-push-none {
    margin-right: 10px;
  }
  .cols > .largest-panel {
    padding: 20px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 #ccc;
    box-shadow: inset 1px 1px 0 0 #ccc;
  }
  .cols > .largest-nopanel {
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-1 {
    display: block;
    width: calc(8.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-1 {
    margin-left: calc(8.33333% + ( 10px ));
  }
  .cols > .largest-push-1 {
    margin-right: calc(8.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-2 {
    display: block;
    width: calc(16.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-2 {
    margin-left: calc(16.66667% + ( 10px ));
  }
  .cols > .largest-push-2 {
    margin-right: calc(16.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-3 {
    display: block;
    width: calc(25% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-3 {
    margin-left: calc(25% + ( 10px ));
  }
  .cols > .largest-push-3 {
    margin-right: calc(25% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-4 {
    display: block;
    width: calc(33.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-4 {
    margin-left: calc(33.33333% + ( 10px ));
  }
  .cols > .largest-push-4 {
    margin-right: calc(33.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-5 {
    display: block;
    width: calc(41.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-5 {
    margin-left: calc(41.66667% + ( 10px ));
  }
  .cols > .largest-push-5 {
    margin-right: calc(41.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-6 {
    display: block;
    width: calc(50% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-6 {
    margin-left: calc(50% + ( 10px ));
  }
  .cols > .largest-push-6 {
    margin-right: calc(50% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-7 {
    display: block;
    width: calc(58.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-7 {
    margin-left: calc(58.33333% + ( 10px ));
  }
  .cols > .largest-push-7 {
    margin-right: calc(58.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-8 {
    display: block;
    width: calc(66.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-8 {
    margin-left: calc(66.66667% + ( 10px ));
  }
  .cols > .largest-push-8 {
    margin-right: calc(66.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-9 {
    display: block;
    width: calc(75% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-9 {
    margin-left: calc(75% + ( 10px ));
  }
  .cols > .largest-push-9 {
    margin-right: calc(75% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-10 {
    display: block;
    width: calc(83.33333% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-10 {
    margin-left: calc(83.33333% + ( 10px ));
  }
  .cols > .largest-push-10 {
    margin-right: calc(83.33333% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-11 {
    display: block;
    width: calc(91.66667% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-11 {
    margin-left: calc(91.66667% + ( 10px ));
  }
  .cols > .largest-push-11 {
    margin-right: calc(91.66667% + ( 10px ));
  }
}

@media screen and (min-width: 1280px) {
  .cols > .largest-12 {
    display: block;
    width: calc(100% - 20px);
    margin-bottom: 0;
  }
  .cols > .largest-padd-12 {
    margin-left: calc(100% + ( 10px ));
  }
  .cols > .largest-push-12 {
    margin-right: calc(100% + ( 10px ));
  }
}

[class*="grid"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 80px);
  margin: -40px;
}

[class*="grid"] > * {
  display: block;
  width: calc(100% - 80px);
  height: auto;
  margin: 40px;
}

[class*="grid"].grid-2 > * {
  width: calc((100% / 2) - 80px);
}

[class*="grid"].grid-3 > * {
  width: calc((100% / 3) - 80px);
}

[class*="grid"].grid-4 > * {
  width: calc((100% / 4) - 80px);
}

[class*="grid"].grid-5 > * {
  width: calc((100% / 5) - 80px);
}

[class*="grid"].grid-6 > * {
  width: calc((100% / 6) - 80px);
}

[class*="grid"].grid-7 > * {
  width: calc((100% / 7) - 80px);
}

[class*="grid"].grid-8 > * {
  width: calc((100% / 8) - 80px);
}

[class*="grid"].grid-9 > * {
  width: calc((100% / 9) - 80px);
}

[class*="grid"].grid-10 > * {
  width: calc((100% / 10) - 80px);
}

[class*="grid"].grid-11 > * {
  width: calc((100% / 11) - 80px);
}

[class*="grid"].grid-12 > * {
  width: calc((100% / 12) - 80px);
}

@media screen and (min-width: 480px) {
  [class*="grid"].small-2 > * {
    width: calc((100% / 2) - 80px);
  }
  [class*="grid"].small-3 > * {
    width: calc((100% / 3) - 80px);
  }
  [class*="grid"].small-4 > * {
    width: calc((100% / 4) - 80px);
  }
  [class*="grid"].small-5 > * {
    width: calc((100% / 5) - 80px);
  }
  [class*="grid"].small-6 > * {
    width: calc((100% / 6) - 80px);
  }
  [class*="grid"].small-7 > * {
    width: calc((100% / 7) - 80px);
  }
  [class*="grid"].small-8 > * {
    width: calc((100% / 8) - 80px);
  }
  [class*="grid"].small-9 > * {
    width: calc((100% / 9) - 80px);
  }
  [class*="grid"].small-10 > * {
    width: calc((100% / 10) - 80px);
  }
  [class*="grid"].small-11 > * {
    width: calc((100% / 11) - 80px);
  }
  [class*="grid"].small-12 > * {
    width: calc((100% / 12) - 80px);
  }
}

@media screen and (min-width: 768px) {
  [class*="grid"].medium-2 > * {
    width: calc((100% / 2) - 80px);
  }
  [class*="grid"].medium-3 > * {
    width: calc((100% / 3) - 80px);
  }
  [class*="grid"].medium-4 > * {
    width: calc((100% / 4) - 80px);
  }
  [class*="grid"].medium-5 > * {
    width: calc((100% / 5) - 80px);
  }
  [class*="grid"].medium-6 > * {
    width: calc((100% / 6) - 80px);
  }
  [class*="grid"].medium-7 > * {
    width: calc((100% / 7) - 80px);
  }
  [class*="grid"].medium-8 > * {
    width: calc((100% / 8) - 80px);
  }
  [class*="grid"].medium-9 > * {
    width: calc((100% / 9) - 80px);
  }
  [class*="grid"].medium-10 > * {
    width: calc((100% / 10) - 80px);
  }
  [class*="grid"].medium-11 > * {
    width: calc((100% / 11) - 80px);
  }
  [class*="grid"].medium-12 > * {
    width: calc((100% / 12) - 80px);
  }
}

@media screen and (min-width: 960px) {
  [class*="grid"].large-2 > * {
    width: calc((100% / 2) - 80px);
  }
  [class*="grid"].large-3 > * {
    width: calc((100% / 3) - 80px);
  }
  [class*="grid"].large-4 > * {
    width: calc((100% / 4) - 80px);
  }
  [class*="grid"].large-5 > * {
    width: calc((100% / 5) - 80px);
  }
  [class*="grid"].large-6 > * {
    width: calc((100% / 6) - 80px);
  }
  [class*="grid"].large-7 > * {
    width: calc((100% / 7) - 80px);
  }
  [class*="grid"].large-8 > * {
    width: calc((100% / 8) - 80px);
  }
  [class*="grid"].large-9 > * {
    width: calc((100% / 9) - 80px);
  }
  [class*="grid"].large-10 > * {
    width: calc((100% / 10) - 80px);
  }
  [class*="grid"].large-11 > * {
    width: calc((100% / 11) - 80px);
  }
  [class*="grid"].large-12 > * {
    width: calc((100% / 12) - 80px);
  }
}

@media screen and (min-width: 1024px) {
  [class*="grid"].larger-2 > * {
    width: calc((100% / 2) - 80px);
  }
  [class*="grid"].larger-3 > * {
    width: calc((100% / 3) - 80px);
  }
  [class*="grid"].larger-4 > * {
    width: calc((100% / 4) - 80px);
  }
  [class*="grid"].larger-5 > * {
    width: calc((100% / 5) - 80px);
  }
  [class*="grid"].larger-6 > * {
    width: calc((100% / 6) - 80px);
  }
  [class*="grid"].larger-7 > * {
    width: calc((100% / 7) - 80px);
  }
  [class*="grid"].larger-8 > * {
    width: calc((100% / 8) - 80px);
  }
  [class*="grid"].larger-9 > * {
    width: calc((100% / 9) - 80px);
  }
  [class*="grid"].larger-10 > * {
    width: calc((100% / 10) - 80px);
  }
  [class*="grid"].larger-11 > * {
    width: calc((100% / 11) - 80px);
  }
  [class*="grid"].larger-12 > * {
    width: calc((100% / 12) - 80px);
  }
}

@media screen and (min-width: 1280px) {
  [class*="grid"].largest-2 > * {
    width: calc((100% / 2) - 80px);
  }
  [class*="grid"].largest-3 > * {
    width: calc((100% / 3) - 80px);
  }
  [class*="grid"].largest-4 > * {
    width: calc((100% / 4) - 80px);
  }
  [class*="grid"].largest-5 > * {
    width: calc((100% / 5) - 80px);
  }
  [class*="grid"].largest-6 > * {
    width: calc((100% / 6) - 80px);
  }
  [class*="grid"].largest-7 > * {
    width: calc((100% / 7) - 80px);
  }
  [class*="grid"].largest-8 > * {
    width: calc((100% / 8) - 80px);
  }
  [class*="grid"].largest-9 > * {
    width: calc((100% / 9) - 80px);
  }
  [class*="grid"].largest-10 > * {
    width: calc((100% / 10) - 80px);
  }
  [class*="grid"].largest-11 > * {
    width: calc((100% / 11) - 80px);
  }
  [class*="grid"].largest-12 > * {
    width: calc((100% / 12) - 80px);
  }
}

/*
 * Page Layout
 * =========== */
html,
body {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.228571px;
  font-weight: 300;
  color: #000;
  background-color: #FFF;
}

body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100%;
  min-width: 320px;
  font-family: 'Gibson', sans-serif;
}

body#challenge > .page-content {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (min-width: 320px) {
  body#challenge > .page-content {
    padding-top: calc((0.05 * (100vw - 320px)) + 48px);
  }
}

@media screen and (min-width: 1280px) {
  body#challenge > .page-content {
    padding-top: 96px;
  }
}

@media screen and (min-width: 320px) {
  body#challenge > .page-content {
    padding-bottom: calc((0.05 * (100vw - 320px)) + 48px);
  }
}

@media screen and (min-width: 1280px) {
  body#challenge > .page-content {
    padding-bottom: 96px;
  }
}

img {
  height: auto;
  max-width: 100%;
}

section {
  display: block;
}

small {
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #979797;
}

b, strong {
  font-weight: 400;
}

hr {
  border: 0;
  border-bottom: 1px solid #F0F0F0;
}

.page-content {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin-top: 80px;
}

@media screen and (min-width: 960px) {
  .page-content {
    margin-top: 105px;
  }
}

.container,
.shopify-policy__container {
  display: block;
  max-width: 1280px;
  min-width: 280px;
  width: 87.5%;
  margin: 0 auto;
  outline: none;
}

.narrow,
.shopify-policy__container {
  max-width: 855px;
  margin: 0 auto;
}

.narrow-alt {
  max-width: 680px;
  margin: 0 auto;
}

.shopify-policy__container {
  padding: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 480px) {
  .shopify-policy__container {
    padding-top: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .shopify-policy__container {
    padding-top: 110px;
  }
}

@media screen and (min-width: 480px) {
  .shopify-policy__container {
    padding-bottom: calc((0.0625 * (100vw - 480px)) + 60px);
  }
}

@media screen and (min-width: 1280px) {
  .shopify-policy__container {
    padding-bottom: 110px;
  }
}

.shopify-policy__container .shopify-policy__title {
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .shopify-policy__container .shopify-policy__title {
    margin-bottom: calc((0.0625 * (100vw - 960px)) + 40px);
  }
}

@media screen and (min-width: 1280px) {
  .shopify-policy__container .shopify-policy__title {
    margin-bottom: 60px;
  }
}

.relative {
  position: relative;
}

.txt-left {
  text-align: left;
}

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

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

.txt-black {
  color: #000;
}

.txt-white {
  color: #FFF;
}

.txt-grey {
  color: #F0F0F0;
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #FFF;
}

.bg-grey {
  background-color: #F0F0F0;
}

.ucase {
  text-transform: uppercase;
}

.lcase {
  text-transform: lowercase;
}

.hide {
  display: none;
}

.btn {
  background-color: #000;
  color: #FFF;
  border: 0;
  border: 1px solid #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  width: auto;
  min-width: 150px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  letter-spacing: 2.28571px;
  text-transform: uppercase;
  padding: 7px 20px;
}

.btn.white {
  background-color: #FFF;
  border-color: #000;
  color: #000;
}

.back {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: calc(100% - 1px) calc(50% - 1px);
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2010%209%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M2.027,3.738L4.114,5.74L3.365,6.459L0,3.23L3.365,0L4.114,0.719L2.027,2.721L6.729,2.721C8.536,2.721%2010,4.127%2010,5.861C10,7.594%208.536,9%206.729,9L6.729,7.983C7.951,7.983%208.941,7.033%208.941,5.861C8.941,4.688%207.951,3.738%206.729,3.738L2.027,3.738Z%22%20/%3E%3C/svg%3E");
  margin-bottom: 14px;
  padding-right: 17px;
}

.close {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (min-width: 960px) {
  .close {
    display: none;
  }
}

.close::before, .close::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

form input,
form select,
form textarea {
  width: 100%;
  outline: none;
  border-radius: 0;
  border: 1px solid;
  margin: 0;
  padding: 14px;
  margin-bottom: 20px;
}

form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 9px 14px;
  background: none;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: calc(100% - 15px) 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2012%207%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M6,5.536L11.246,0L12,0.668L6,7L0,0.668L0.754,0L6,5.536Z%22%20/%3E%3C/svg%3E");
}

form textarea {
  min-height: 130px;
}

form span {
  display: inline-block;
  margin-bottom: 5px;
}

form .required span::after {
  content: '*';
  color: red;
}

@media screen and (min-width: 960px) {
  form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
  }
}

form .row > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 960px) {
  form .row > * {
    margin: 10px;
  }
}

form input[type="checkbox"] {
  display: none;
}

form input[type="checkbox"] ~ * {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 15px;
}

form input[type="checkbox"] ~ *::before {
  content: '';
  width: 16px;
  height: 16px;
  border: 1px solid;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75% 75%;
}

form input[type="checkbox"]:checked ~ *::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2010%207%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M3.392,5.61L9.108,0.146C9.312,-0.049%209.643,-0.049%209.847,0.146C10.051,0.341%2010.051,0.658%209.847,0.853L3.417,7L0.165,4.092C-0.045,3.904%20-0.056,3.588%200.141,3.386C0.338,3.185%200.669,3.174%200.88,3.363L3.392,5.61Z%22%20/%3E%3C/svg%3E");
}

form .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

form .footer [type="submit"] {
  width: auto;
  min-width: 110px;
  margin: 0;
  margin-right: 10px;
}

form .footer a {
  font-weight: 400;
  text-decoration: underline;
}

form .footer > a {
  margin-left: auto;
}

.table {
  width: 100%;
  text-align: left;
  margin-bottom: 40px;
}

.table tr {
  border-bottom: 1px solid #F0F0F0;
}

.table th, .table td {
  padding: 10px 0;
  white-space: nowrap;
}

.table th:not(:first-child), .table td:not(:first-child) {
  padding-left: 30px;
}

.table th {
  font-weight: 400;
}

.table a, .table a:hover {
  text-decoration: underline;
}

.heading {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3846153846;
  letter-spacing: 3.71428px;
  text-transform: uppercase;
}

@media screen and (min-width: 960px) {
  .heading {
    font-size: calc((0.00625 * (100vw - 960px)) + 24px);
  }
}

@media screen and (min-width: 1280px) {
  .heading {
    font-size: 26px;
  }
}

.heading-hero {
  font-size: 20px;
  line-height: 1.2037037037;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
}

@media screen and (min-width: 960px) {
  .heading-hero {
    font-size: calc((0.10625 * (100vw - 960px)) + 20px);
  }
}

@media screen and (min-width: 1280px) {
  .heading-hero {
    font-size: 54px;
  }
}

.heading-small {
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 400;
}

.heading.title {
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .heading.title {
    margin-bottom: calc((0.0625 * (100vw - 960px)) + 40px);
  }
}

@media screen and (min-width: 1280px) {
  .heading.title {
    margin-bottom: 60px;
  }
}

.link {
  font-size: 15px;
}

.link::after {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  border: 1px solid #000;
  border-left: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}

.wysiwyg h1,
.shopify-policy__container h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3846153846;
  letter-spacing: 3.71428px;
  text-transform: uppercase;
}

@media screen and (min-width: 960px) {
  .wysiwyg h1,
  .shopify-policy__container h1 {
    font-size: calc((0.00625 * (100vw - 960px)) + 24px);
  }
}

@media screen and (min-width: 1280px) {
  .wysiwyg h1,
  .shopify-policy__container h1 {
    font-size: 26px;
  }
}

.wysiwyg h2,
.shopify-policy__container h2 {
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 400;
}

.wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6,
.shopify-policy__container h3,
.shopify-policy__container h4,
.shopify-policy__container h5,
.shopify-policy__container h6 {
  letter-spacing: 0.228571px;
  text-transform: uppercase;
  font-weight: 400;
}

.wysiwyg ul,
.shopify-policy__container ul {
  margin-bottom: 1em;
  padding-left: 1em;
}

.wysiwyg ul li,
.shopify-policy__container ul li {
  list-style-type: disc;
}

.wysiwyg p,
.shopify-policy__container p {
  margin-bottom: 30px;
}

.wysiwyg p a,
.shopify-policy__container p a {
  font-weight: 400;
  color: #2F80ED;
  text-decoration: underline;
}

.wysiwyg p img:only-child,
.shopify-policy__container p img:only-child {
  width: 100%;
}

.wysiwyg table,
.shopify-policy__container table {
  margin-bottom: 40px;
}

.nav {
  position: fixed;
  width: 100%;
  z-index: 45;
  border-bottom: 1px solid #F0F0F0;
}

.nav > [class^="nav-"] {
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px calc(((100% - 87.5%) / 2));
}

@media screen and (min-width: 1463px) {
  .nav > [class^="nav-"] {
    padding-left: calc(((100vw - 1280px) / 2));
    padding-right: calc(((100vw - 1280px) / 2));
  }
}

.nav .nav-secondary {
  background-color: #F0F0F0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (min-width: 960px) {
  .nav .nav-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.nav .nav-secondary p {
  margin: 0;
}

.nav .nav-secondary a {
  display: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-secondary a {
    display: inline-block;
  }
}

.nav .nav-secondary .notes {
  position: relative;
  text-align: center;
  min-width: 260px;
  max-width: 640px;
}

.nav .nav-secondary .notes > * {
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  white-space: nowrap;
}

@media screen and (min-width: 960px) {
  .nav .nav-secondary .notes > * {
    font-size: 16px;
  }
}

.nav .nav-secondary .notes > *.active {
  position: relative;
}

.nav .nav-secondary [data-js-cycle_controller] > * {
  opacity: 0;
  -webkit-transition: opacity 250ms 0ms linear;
  -o-transition: opacity 250ms 0ms linear;
  transition: opacity 250ms 0ms linear;
}

.nav .nav-secondary [data-js-cycle_controller] > *.active {
  opacity: 1;
  -webkit-transition: opacity 250ms 250ms linear;
  -o-transition: opacity 250ms 250ms linear;
  transition: opacity 250ms 250ms linear;
}

.nav .nav-secondary .contact {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
}

.nav .nav-secondary .contact .icon {
  background-repeat: no-repeat;
  display: inline-block;
  width: 9px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2011%2015%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M11,5.917C11,3.842%2010.369,2.378%209.388,1.425C8.392,0.456%207.02,-0%205.5,-0C3.98,-0%202.608,0.456%201.612,1.425C0.631,2.378%200,3.842%200,5.917C0,7.528%200.822,9.276%201.832,10.786C3.295,12.971%205.123,14.653%205.123,14.653L5.5,15L5.877,14.653C5.877,14.653%207.705,12.971%209.168,10.786C10.178,9.276%2011,7.528%2011,5.917ZM5.5,13.504C6.087,12.917%207.256,11.678%208.247,10.197C9.138,8.866%209.9,7.337%209.9,5.917C9.9,4.202%209.423,2.976%208.612,2.188C7.817,1.414%206.713,1.076%205.5,1.076C4.287,1.076%203.183,1.414%202.388,2.188C1.577,2.976%201.1,4.202%201.1,5.917C1.1,7.337%201.862,8.866%202.753,10.197C3.744,11.678%204.913,12.917%205.5,13.504ZM5.5,3.634C4.286,3.634%203.3,4.598%203.3,5.786C3.3,6.973%204.286,7.938%205.5,7.938C6.714,7.938%207.7,6.973%207.7,5.786C7.7,4.598%206.714,3.634%205.5,3.634ZM5.5,4.71C6.107,4.71%206.6,5.192%206.6,5.786C6.6,6.38%206.107,6.862%205.5,6.862C4.893,6.862%204.4,6.38%204.4,5.786C4.4,5.192%204.893,4.71%205.5,4.71Z%22%20/%3E%3C/svg%3E");
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  margin-right: 2px;
}

.nav .nav-secondary .icons {
  text-align: right;
  display: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-secondary .icons {
    display: block;
  }
}

.nav .nav-secondary .fav,
.nav .nav-secondary .user {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}

.nav .nav-secondary .fav .menu,
.nav .nav-secondary .user .menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  background-color: #FFF;
  border: 1px solid #F0F0F0;
  padding: 10px 20px;
  text-align: left;
  display: none;
}

.nav .nav-secondary .fav .menu::before,
.nav .nav-secondary .user .menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav .nav-secondary .fav .menu a,
.nav .nav-secondary .user .menu a {
  font-size: 15px;
  white-space: nowrap;
}

@media screen and (min-width: 960px) {
  .nav .nav-secondary .fav:hover .menu,
  .nav .nav-secondary .user:hover .menu {
    display: block;
  }
}

.nav .nav-secondary .fav {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2014%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8.023,1.687C8.858,0.655%2010.093,0%2011.477,0C13.991,0%2016.045,2.146%2016.045,4.811C16.045,6.495%2014.8,8.328%2013.255,9.892C11.055,12.119%208.305,13.825%208.305,13.825L8.023,14L7.741,13.825C7.741,13.825%204.991,12.119%202.79,9.892C1.245,8.328%200,6.495%200,4.811C0,2.146%202.054,0%204.567,0C5.952,0%207.186,0.655%208.023,1.687ZM8.023,12.735C8.758,12.253%2010.797,10.859%2012.494,9.14C13.824,7.794%2014.975,6.261%2014.975,4.811C14.975,2.754%2013.418,1.07%2011.477,1.07C10.2,1.07%209.098,1.813%208.49,2.899L8.024,3.732L7.557,2.9C6.947,1.813%205.845,1.07%204.567,1.07C2.627,1.07%201.07,2.754%201.07,4.811C1.07,6.261%202.221,7.794%203.551,9.14C5.249,10.859%207.287,12.253%208.023,12.735Z%22%20/%3E%3C/svg%3E");
}

.nav .nav-secondary .user {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2014%2016%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M1.059,15.462C1.059,12.127%203.718,9.424%206.999,9.424C10.28,9.424%2012.941,12.127%2012.941,15.462C12.941,15.759%2013.178,16%2013.471,16C13.763,16%2014,15.759%2014,15.462C14,11.533%2010.865,8.348%206.999,8.348C3.133,8.348%200,11.532%200,15.462C0,15.759%200.237,16%200.529,16C0.822,16%201.059,15.759%201.059,15.462ZM10.657,3.718C10.657,1.665%209.02,0%207,0C4.979,0%203.341,1.665%203.341,3.718C3.341,5.772%204.979,7.437%207,7.437C9.02,7.437%2010.657,5.772%2010.657,3.718ZM9.598,3.718C9.598,5.177%208.435,6.36%207,6.36C5.564,6.36%204.4,5.177%204.4,3.718C4.4,2.259%205.564,1.076%207,1.076C8.435,1.076%209.598,2.259%209.598,3.718Z%22%20/%3E%3C/svg%3E");
}

.nav .nav-secondary .contact,
.nav .nav-secondary .icons {
  min-width: 100px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary {
    color: #FFF;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.nav .nav-primary .open {
  width: 20px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid;
  border-left: 0;
  border-right: 0;
  margin-right: 15px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .open {
    display: none;
  }
}

.nav .nav-primary .open::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #000;
  display: block;
}

.nav .nav-primary .logo {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  margin: 0 auto;
  width: 80px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .logo {
    width: calc((0.14688 * (100vw - 960px)) + 80px);
  }
}

@media screen and (min-width: 1280px) {
  .nav .nav-primary .logo {
    width: 127px;
  }
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .logo {
    width: 127px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0;
    margin-right: 40px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .nav .nav-primary .logo {
    margin-right: calc((0.09375 * (100vw - 960px)) + 40px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .nav .nav-primary .logo {
    margin-right: 70px;
  }
}

.nav .nav-primary .search-link span,
.nav .nav-primary .cart-link span {
  display: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .search-link span,
  .nav .nav-primary .cart-link span {
    display: inline-block;
  }
}

.nav .nav-primary .search-link .icon,
.nav .nav-primary .cart-link .icon {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.nav .nav-primary .search-link .icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M11.278,12.128C10.097,13.017%208.612,13.549%206.993,13.549C3.109,13.549%200,10.494%200,6.774C0,3.054%203.109,0%206.993,0C10.876,0%2013.986,3.054%2013.986,6.774C13.986,8.579%2013.254,10.227%2012.057,11.446L15.843,15.113C16.048,15.312%2016.053,15.639%2015.855,15.843C15.656,16.048%2015.329,16.053%2015.125,15.855L11.278,12.128ZM12.953,6.774C12.953,9.936%2010.294,12.516%206.993,12.516C3.691,12.516%201.032,9.936%201.032,6.774C1.032,3.612%203.691,1.032%206.993,1.032C10.294,1.032%2012.953,3.612%2012.953,6.774Z%22%20/%3E%3C/svg%3E");
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .search-link .icon {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-link {
    margin-left: 25px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .nav .nav-primary .cart-link {
    margin-left: calc((0.07812 * (100vw - 960px)) + 25px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .nav .nav-primary .cart-link {
    margin-left: 50px;
  }
}

.nav .nav-primary .cart-link .icon {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2014%2017%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M2.5,4.5C2.5,2.015%204.515,0%207,0C9.485,0%2011.5,2.015%2011.5,4.5L14,4.5L14,16.5L0,16.5L-0,4.5L2.5,4.5ZM11.5,5.5L11.5,7.5L10.5,7.5L10.5,5.5L3.5,5.5L3.5,7.5L2.5,7.5L2.5,5.5L1,5.5L1,15.5L13,15.5L13,5.5L11.5,5.5ZM10.5,4.5C10.5,2.567%208.933,1%207,1C5.067,1%203.5,2.567%203.5,4.5C3.5,4.5%2010.5,4.5%2010.5,4.5Z%22%20/%3E%3C/svg%3E");
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-link .icon {
    display: none;
  }
}

@-webkit-keyframes updated {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(4px) rotate(-5deg);
    transform: translateY(4px) rotate(-5deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes updated {
  0% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(4px) rotate(-5deg);
    transform: translateY(4px) rotate(-5deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
}

.nav .nav-primary .cart-link.updated {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-animation-name: 'updated';
  animation-name: 'updated';
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-iteration-count: 250ms;
  animation-iteration-count: 250ms;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.nav .nav-primary .nav-main {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  padding: 0 calc(((100% - 87.5%) / 2));
  padding-top: 60px;
  -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .nav-main {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
    display: inline-block;
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    pointer-events: auto;
  }
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .close {
    display: none;
  }
}

.nav .nav-primary .scroller {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .scroller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: visible;
  }
}

.nav .nav-primary .scroller > a,
.nav .nav-primary .scroller .sub-menu-item > label {
  cursor: pointer;
  padding: 10px 0;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .scroller > a,
  .nav .nav-primary .scroller .sub-menu-item > label {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .nav .nav-primary .scroller > a,
  .nav .nav-primary .scroller .sub-menu-item > label {
    margin-left: calc((0.03125 * (100vw - 960px)) + 15px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .nav .nav-primary .scroller > a,
  .nav .nav-primary .scroller .sub-menu-item > label {
    margin-left: 25px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .nav .nav-primary .scroller > a,
  .nav .nav-primary .scroller .sub-menu-item > label {
    margin-right: calc((0.03125 * (100vw - 960px)) + 15px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .nav .nav-primary .scroller > a,
  .nav .nav-primary .scroller .sub-menu-item > label {
    margin-right: 25px;
  }
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .scroller > a:hover, .nav .nav-primary .scroller > a:hover label,
  .nav .nav-primary .scroller .sub-menu-item:hover,
  .nav .nav-primary .scroller .sub-menu-item:hover label {
    text-decoration: underline;
  }
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .sub-menu-item:hover .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav .nav-primary .sub-menu-item:hover label::before {
    content: '';
  }
  .nav .nav-primary .sub-menu-item:hover::after {
    content: '';
    display: block;
    position: absolute;
    top: 105px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 105px);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
    pointer-events: none;
  }
}

@media screen and (max-width: 959px) {
  .nav .nav-primary .sub-menu-item [type="checkbox"]:checked ~ .links {
    max-height: 300px;
  }
}

.nav .nav-primary .sub-menu-item > label {
  position: relative;
}

.nav .nav-primary .sub-menu-item > label::before {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 100vw;
  height: 200%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav .nav-primary .sub-menu-item > label::after {
  content: '';
  width: 7px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid;
  border-top: 0;
  border-left: 0;
  position: absolute;
  right: 3px;
  top: calc(50% - 4px);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .sub-menu-item > label::after {
    position: static;
    width: 6px;
    height: 6px;
    margin-left: 5px;
  }
}

.nav .nav-primary .spacer {
  margin: auto 0;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .spacer {
    display: none;
  }
}

.nav .nav-primary .mobile-utility {
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid #F0F0F0;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .mobile-utility {
    display: none;
  }
}

.nav .nav-primary .mobile-utility a {
  padding: 10px 0;
}

.nav .nav-primary .links {
  visibility: visible;
  max-height: 0;
  -webkit-transition: max-height 250ms;
  -o-transition: max-height 250ms;
  transition: max-height 250ms;
  overflow: hidden;
  padding-left: 10px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .links {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: auto;
    height: auto;
    visibility: visible;
    overflow: visible;
    min-width: 200px;
    width: 100vw;
    max-height: none;
    background-color: #FFF;
    padding: 60px calc(((100% - 87.5%) / 2));
    border-top: 1px solid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
  }
}

@media screen and (min-width: 1463px) {
  .nav .nav-primary .links {
    padding: 60px calc(((100vw - 1280px) / 2));
  }
}

.nav .nav-primary .links::before, .nav .nav-primary .links::after {
  content: '';
  width: 100%;
  height: 10px;
  display: block;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .links::before, .nav .nav-primary .links::after {
    content: none;
  }
}

.nav .nav-primary .links.full {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background-color: #F0F0F0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  height: 100vh;
}

@media screen and (max-width: 959px) {
  .nav .nav-primary .links a:not(.btn) {
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0.228571px;
  }
}

.nav .nav-primary .links a:not(.btn):not(:first-child) {
  margin-top: 15px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .links a:not(.btn):not(:first-child) {
    margin-top: 25px;
  }
}

.nav .nav-primary .links .img {
  display: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .links .img {
    display: block;
  }
}

.nav .nav-primary .links .img img {
  max-width: 420px;
}

.nav .nav-primary .search-box {
  position: absolute;
  background-color: #FFF;
  color: #000;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  height: calc(100vh - 80px);
  display: none;
}

.nav .nav-primary .search-box:target {
  display: block;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .search-box {
    height: auto;
  }
}

.nav .nav-primary .search-box .container {
  position: relative;
}

.nav .nav-primary .search-box .narrow {
  max-width: 420px;
}

.nav .nav-primary .search-box .title {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.nav .nav-primary .search-box form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav .nav-primary .search-box [type="search"],
.nav .nav-primary .search-box [type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  margin: 0;
  padding: 14px 16px;
  width: 100%;
  border: 1px solid #000;
}

.nav .nav-primary .search-box [type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border: 0;
  background: none;
  padding: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M11.278,12.128C10.097,13.017%208.612,13.549%206.993,13.549C3.109,13.549%200,10.494%200,6.774C0,3.054%203.109,0%206.993,0C10.876,0%2013.986,3.054%2013.986,6.774C13.986,8.579%2013.254,10.227%2012.057,11.446L15.843,15.113C16.048,15.312%2016.053,15.639%2015.855,15.843C15.656,16.048%2015.329,16.053%2015.125,15.855L11.278,12.128ZM12.953,6.774C12.953,9.936%2010.294,12.516%206.993,12.516C3.691,12.516%201.032,9.936%201.032,6.774C1.032,3.612%203.691,1.032%206.993,1.032C10.294,1.032%2012.953,3.612%2012.953,6.774Z%22%20/%3E%3C/svg%3E");
}

.nav .nav-primary .search-box .close-btn {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.nav .nav-primary .search-box .close-btn::before, .nav .nav-primary .search-box .close-btn::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.nav .nav-primary .search-box .close-btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.nav .nav-primary .search-box .close-overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.4);
}

.nav .nav-primary .cart-box {
  position: absolute;
  color: #000;
  top: calc(100% + 1px);
  right: 0;
  width: 100%;
  height: calc(100vh - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
}

.nav .nav-primary .cart-box:target {
  opacity: 1;
  pointer-events: auto;
}

.nav .nav-primary .cart-box:target .wrapper {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box {
    height: 100vh;
    top: 0;
  }
}

@media screen and (min-width: 1463px) {
  .nav .nav-primary .cart-box {
    right: 0;
  }
}

.nav .nav-primary .cart-box .wrapper {
  position: relative;
  background-color: #FFF;
  height: auto;
  min-height: 100%;
  width: 100%;
  overflow: auto;
  padding: 20px calc(((100% - 87.5%) / 2));
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box .wrapper {
    width: calc(((100% - 87.5%) / 2) + 395px);
    padding: 55px;
    padding-left: 45px;
    padding-right: calc(((100% - 87.5%) / 2));
  }
}

@media screen and (min-width: 1463px) {
  .nav .nav-primary .cart-box .wrapper {
    width: calc(((100vw - 1280px) / 2) + 395px);
    padding-right: calc(((100vw - 1280px) / 2));
  }
}

.nav .nav-primary .cart-box header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 20px;
}

.nav .nav-primary .cart-box header .title {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box header .title {
    font-size: 20px;
  }
}

.nav .nav-primary .cart-box footer {
  margin-top: auto;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box footer {
    margin-top: 0;
  }
}

.nav .nav-primary .cart-box footer .title {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.nav .nav-primary .cart-box footer .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.nav .nav-primary .cart-box footer .btn {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.nav .nav-primary .cart-box footer .price {
  font-weight: 400;
}

.nav .nav-primary .cart-box footer p {
  font-size: 14px;
}

.nav .nav-primary .cart-box .products {
  margin-bottom: 30px;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box .products {
    margin-bottom: 50px;
  }
}

.nav .nav-primary .cart-box .product {
  border-bottom: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.nav .nav-primary .cart-box .product .img {
  position: relative;
  width: 88px;
  height: 115px;
  margin-right: 20px;
}

.nav .nav-primary .cart-box .product img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.nav .nav-primary .cart-box .product p {
  font-size: 14px;
  margin: 0;
}

.nav .nav-primary .cart-box .product .details {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav .nav-primary .cart-box .product .details .title {
  padding-right: 20px;
}

.nav .nav-primary .cart-box .product .name {
  margin-bottom: 12px;
}

.nav .nav-primary .cart-box .product .price {
  font-weight: 400;
}

.nav .nav-primary .cart-box .product .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 12px;
}

.nav .nav-primary .cart-box .product .counter {
  display: inline-block;
}

.nav .nav-primary .cart-box .product .close {
  display: block;
  top: 2px;
  right: 0;
  opacity: 0.3;
  width: 16px;
  height: 16px;
}

.nav .nav-primary .cart-box .close-btn {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}

.nav .nav-primary .cart-box .close-btn::before, .nav .nav-primary .cart-box .close-btn::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.nav .nav-primary .cart-box .close-btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.nav .nav-primary .cart-box .close-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary .cart-box .close-overlay {
    display: block;
  }
}

.nav .nav-primary .cart-box .empty {
  font-weight: 400;
  text-align: center;
  margin-top: 30px;
}

.nav .nav-primary a:not(.btn), .nav .nav-primary span, .nav .nav-primary label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
}

@media screen and (min-width: 960px) {
  .nav .nav-primary a:not(.btn), .nav .nav-primary span, .nav .nav-primary label {
    font-size: 14px;
  }
}

#toggle-menu:checked ~ .nav .nav-main {
  opacity: 1;
  pointer-events: auto;
}

.hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 784px;
  min-height: 100vh;
  color: #FFF;
}

.hero .txt {
  position: relative;
  z-index: 20;
  padding: 0 calc(((100% - 87.5%) / 2));
}

.hero [class^="heading-"] {
  margin-bottom: 28px;
}

.hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px -10px 40px;
}

@media screen and (min-width: 960px) {
  .filter-bar {
    margin: 0;
    margin-bottom: 20px;
  }
}

.filter-bar > * {
  width: 50%;
  margin: 0 10px;
}

@media screen and (min-width: 960px) {
  .filter-bar > * {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width: 959px) {
  .filter-bar .filter-toggle,
  .filter-bar .filter-sort > p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 2.28571px;
    text-transform: uppercase;
    background-color: #000;
    color: #FFF;
    text-align: center;
    padding: 8px;
  }
}

.filter-bar .filter-toggle {
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 960px) {
  .filter-bar .filter-toggle {
    padding-left: 20px;
  }
}

.filter-bar .filter-toggle::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 10px;
  height: 2px;
  display: inline-block;
  background-color: #000;
  border-top: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  -webkit-box-shadow: 0px -2px 0px 0px #000, 0px 2px 0px 0px #000;
  box-shadow: 0px -2px 0px 0px #000, 0px 2px 0px 0px #000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 960px) {
  .filter-bar .filter-toggle::before {
    content: '';
  }
}

.filter-bar .filter-toggle::after {
  content: attr(data-text-off);
}

.filter-bar .filter-sort {
  position: relative;
}

.filter-bar .filter-sort.open .list {
  display: block;
}

.filter-bar .filter-sort p, .filter-bar .filter-sort a {
  margin: 0;
  display: block;
}

.filter-bar .filter-sort .filter-selection {
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -99999px;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 960px) {
  .filter-bar .filter-sort .filter-selection {
    position: static;
    text-indent: 0;
    width: auto;
    height: auto;
  }
}

.filter-bar .filter-sort .filter-selection::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-4px) rotate(45deg);
  -ms-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
  margin-left: 10px;
}

.filter-bar .filter-sort .list {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 45;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  color: #000;
  border: 1px solid #F0F0F0;
  padding: 20px calc(((100% - 87.5%) / 2));
  text-align: left;
  display: none;
}

@media screen and (min-width: 960px) {
  .filter-bar .filter-sort .list {
    position: absolute;
    width: auto;
    height: auto;
    top: calc(100% + 20px);
    left: auto;
    right: 0;
    min-width: 200px;
    padding: 20px;
  }
}

.filter-bar .filter-sort .list a, .filter-bar .filter-sort .list label {
  display: block;
  cursor: pointer;
  font-size: 15px;
}

.filter-bar .filter-sort .list a.active, .filter-bar .filter-sort .list label.active {
  font-weight: 400;
  text-decoration: underline;
}

.filter-bar .filter-sort .list [type="radio"] {
  display: none;
}

@media screen and (min-width: 960px) {
  .filter-bar .filter-sort .list .close {
    display: none;
  }
}

#filter:checked ~ .filter-bar .filter-toggle::before {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 26px;
  font-weight: 400;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  left: -3px;
}

@media screen and (min-width: 960px) {
  #filter:checked ~ .filter-bar .filter-toggle::before {
    content: '+';
  }
}

@media screen and (min-width: 960px) {
  #filter:checked ~ .filter-bar .filter-toggle::after {
    content: attr(data-text-on);
  }
}

@media screen and (min-width: 960px) {
  .product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-wrapper > *:not(.sidebar) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px;
}

.product-wrapper .sidebar {
  position: fixed;
  z-index: 45;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms;
  padding: 20px calc(((100% - 87.5%) / 2));
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  /*.collection-filter a {
      text-decoration: underline;
      font-weight: 400;

      &:not(:first-child),
      &:only-child {
        text-decoration: none;
        font-weight: 300;
      }

      &:not(:first-child) {
        padding-left: 10px;
      }
    }*/
}

@media screen and (min-width: 960px) {
  .product-wrapper .sidebar {
    position: static;
    overflow: hidden;
    -webkit-transition: width 250ms, padding-right 250ms;
    -o-transition: width 250ms, padding-right 250ms;
    transition: width 250ms, padding-right 250ms;
    width: 0;
    padding: 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 41;
  }
}

.product-wrapper .sidebar .title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.product-wrapper .sidebar p, .product-wrapper .sidebar a {
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0.175px;
  display: block;
  white-space: nowrap;
  margin: 4px 0;
}

.product-wrapper .sidebar hr {
  border: 0;
  border-bottom: 1px solid #F0F0F0;
  margin: 30px 0;
}

.product-wrapper .sidebar .collection-filter a.active {
  text-decoration: underline;
  font-weight: 400;
}

.product-wrapper .sidebar .collection-filter a:not(:first-child) {
  padding-left: 10px;
}

#filter:checked ~ .product-wrapper .sidebar {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 960px) {
  #filter:checked ~ .product-wrapper .sidebar {
    width: 243px;
    padding-right: 25px;
  }
}

.product-wrapper.js-no-anim .sidebar {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.product-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 959px) {
  .product-cta {
    margin-top: -20px;
    margin-bottom: -20px;
  }
}

.product-cta > * {
  max-width: 420px;
  margin: 20px 0;
  padding: 0 30px;
  text-align: center;
}

@media screen and (min-width: 960px) {
  .product-cta > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
  }
}

.product-cta img {
  max-width: 30px;
  max-height: 30px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.product-cta .heading-small {
  font-size: 14px;
  margin-bottom: 10px;
}

.mobile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

@media screen and (min-width: 960px) {
  .mobile-header {
    display: none;
  }
}

.mobile-header .close {
  position: relative;
  top: 0;
  right: 0;
}

.product-list {
  margin: -25px -10px;
}

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

.product-list.home .product {
  width: calc(100% - 20px);
}

@media screen and (min-width: 640px) {
  .product-list.home .product {
    width: calc(33.33% - 20px);
  }
}

.product-list.related {
  margin-top: -10px;
}

.product-list.related .product-image::after {
  padding-top: 126.67%;
}

@media screen and (min-width: 640px) {
  .product-list.related .product {
    width: calc(50% - 20px);
  }
}

@media screen and (min-width: 960px) {
  .product-list.related .product {
    width: calc(25% - 20px);
  }
}

.product-list .product {
  width: calc(50% - 20px);
  margin: 25px 10px;
  float: left;
  position: relative;
}

@media screen and (min-width: 640px) {
  .product-list .product {
    width: calc(33.33% - 20px);
  }
}

@media screen and (min-width: 960px) {
  .product-list .product {
    width: calc(25% - 20px);
  }
  .product-list .product:hover .product-image .btn {
    opacity: 1;
  }
  .product-list .product:hover .product-image .size:hover ~ .btn {
    opacity: 0;
  }
  .product-list .product:hover .product-image .mouseout {
    display: none;
  }
  .product-list .product:hover .product-save {
    display: block;
  }
  .product-list .product .size:hover {
    opacity: 1;
  }
}

.product-list .product.sold-out .product-image .size,
.product-list .product.sold-out .product-image .btn {
  display: none;
}

.product-list .product.featured {
  width: calc(100% - 20px);
  margin-bottom: 57px;
  float: right;
}

@media screen and (min-width: 640px) {
  .product-list .product.featured {
    width: calc(66.66% - 20px);
  }
}

@media screen and (min-width: 960px) {
  .product-list .product.featured {
    width: calc(50% - 20px);
  }
}

.product-list .product.featured .product-image::after {
  content: '';
  display: block;
  padding-top: 167.744%;
}

.product-list .product.featured:empty {
  display: none;
}

.product-list .product-save {
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  outline: none;
  border: 0;
  background-color: #FFF;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2014%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8.023,1.687C8.858,0.655%2010.093,0%2011.477,0C13.991,0%2016.045,2.146%2016.045,4.811C16.045,6.495%2014.8,8.328%2013.255,9.892C11.055,12.119%208.305,13.825%208.305,13.825L8.023,14L7.741,13.825C7.741,13.825%204.991,12.119%202.79,9.892C1.245,8.328%200,6.495%200,4.811C0,2.146%202.054,0%204.567,0C5.952,0%207.186,0.655%208.023,1.687ZM8.023,12.735C8.758,12.253%2010.797,10.859%2012.494,9.14C13.824,7.794%2014.975,6.261%2014.975,4.811C14.975,2.754%2013.418,1.07%2011.477,1.07C10.2,1.07%209.098,1.813%208.49,2.899L8.024,3.732L7.557,2.9C6.947,1.813%205.845,1.07%204.567,1.07C2.627,1.07%201.07,2.754%201.07,4.811C1.07,6.261%202.221,7.794%203.551,9.14C5.249,10.859%207.287,12.253%208.023,12.735Z%22%20/%3E%3C/svg%3E");
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
}

.product-list .product-save.swym-added {
  display: block;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2014%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8,1.687C8.836,0.655%2010.07,0%2011.455,0C13.968,0%2016.023,2.146%2016.023,4.811C16.023,6.495%2014.778,8.328%2013.233,9.892C11.032,12.119%208.282,13.825%208.282,13.825L8,14L7.718,13.825C7.718,13.825%204.968,12.119%202.767,9.892C1.222,8.328%20-0.023,6.495%20-0.023,4.811C-0.023,2.146%202.031,0%204.544,0C5.929,0%207.163,0.655%208,1.687Z%22%20/%3E%3C/svg%3E");
}

@media screen and (min-width: 960px) {
  .product-list .product-save {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    display: none;
  }
}

.product-list .product-image {
  display: block;
  position: relative;
  margin-bottom: 20px;
}

.product-list .product-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.product-list .product-image a {
  display: block;
}

.product-list .product-image .btn,
.product-list .product-image .size {
  position: absolute;
  bottom: 0;
  width: 100%;
  border: 0;
  background-color: rgba(231, 231, 231, 0.4);
  color: #000;
  opacity: 0;
}

.product-list .product-image .btn {
  cursor: pointer;
}

.product-list .product-image .size {
  z-index: 1;
  text-align: center;
  padding: 7px 20px;
}

.product-list .product-image .size .product-size {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-list .product-image .size .product-size a {
  background-color: #000;
  border-color: #000;
  color: #FFF;
  font-weight: 600;
}

.product-list .product-image .size .product-size a::before {
  background-color: #FFF;
}

.product-list .product-image::after {
  content: '';
  display: block;
  padding-top: 147.564%;
}

.product-list .product-image .img-hover {
  display: none;
}

.product-list .product-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.9285714286;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
}

.product-list .product-price {
  font-size: 15px;
  margin-bottom: 8px;
}

.product-list .product-price .sale {
  text-decoration: line-through;
  opacity: 0.3;
  margin-right: 10px;
}

.product-list .product-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 26px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0 -5px;
}

.product-list .product-size a, .product-list .product-size label, .product-list .product-size span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 5px;
  margin: 0 5px;
  font-size: 12px;
  line-height: 1.7333333333;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.product-list .product-size a.unavailable, .product-list .product-size label.unavailable, .product-list .product-size span.unavailable {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  position: relative;
  border-color: #000;
}

.product-list .product-size a.unavailable::before, .product-list .product-size label.unavailable::before, .product-list .product-size span.unavailable::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
  .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-details .product-imgs {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .product-details .product-imgs {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.product-details .product-imgs img {
  width: 100%;
}

.product-details .product-imgs img:not(:first-child) {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .product-details .product-specs {
    margin-left: 10%;
    width: 330px;
  }
}

@media screen and (min-width: 768px) and (min-width: 480px) {
  .product-details .product-specs {
    width: calc((0.1125 * (100vw - 480px)) + 330px);
  }
}

@media screen and (min-width: 768px) and (min-width: 1280px) {
  .product-details .product-specs {
    width: 420px;
  }
}

@media screen and (min-width: 768px) {
  .product-details .product-specs.sticky [data-sticker] {
    width: 330px;
  }
}

@media screen and (min-width: 768px) and (min-width: 480px) {
  .product-details .product-specs.sticky [data-sticker] {
    width: calc((0.1125 * (100vw - 480px)) + 330px);
  }
}

@media screen and (min-width: 768px) and (min-width: 1280px) {
  .product-details .product-specs.sticky [data-sticker] {
    width: 420px;
  }
}

.product-details .product-specs > .swym-button-bar {
  display: none;
}

.product-details .price {
  font-weight: 400;
  margin-bottom: 30px;
}

.product-details .price .sale {
  text-decoration: line-through;
  opacity: 0.3;
  margin-right: 10px;
}

.product-details .inline-label {
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 10px;
}

.product-details .variants .variant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.product-details .variants .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  width: 100%;
  padding-bottom: 10px;
}

.product-details .variants .title a {
  opacity: 0.3;
}

.product-details .variants .title span {
  margin: 0;
}

.product-details .variants label {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
}

.product-details .variants label.unavailable {
  pointer-events: none;
}

.product-details .variants label.unavailable span {
  opacity: 0.3;
}

.product-details .variants label.unavailable span::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.product-details .variants label span {
  content: '';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7333333333;
  min-width: 26px;
  height: 26px;
  padding: 0 5px;
  display: block;
  border-radius: 13px;
  border: 1px solid;
  margin-bottom: 0;
  position: relative;
}

.product-details .variants label span[style^="background"] {
  border: 4px solid #FFF;
}

.product-details .variants label span[data-text]::after {
  content: attr(data-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.product-details .variants input {
  display: none;
}

.product-details .variants input:checked + label span {
  background-color: #000;
  border-color: #000;
  color: #FFF;
}

.product-details .add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 30px;
}

.product-details .add input[type="submit"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

.product-details .add .save {
  background-color: #000;
  border: 0;
  border-left: 1px solid #FFF;
  width: 60px;
  background-position: center;
  background-size: 16px 14px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2014%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8.023,1.687C8.858,0.655%2010.093,0%2011.477,0C13.991,0%2016.045,2.146%2016.045,4.811C16.045,6.495%2014.8,8.328%2013.255,9.892C11.055,12.119%208.305,13.825%208.305,13.825L8.023,14L7.741,13.825C7.741,13.825%204.991,12.119%202.79,9.892C1.245,8.328%200,6.495%200,4.811C0,2.146%202.054,0%204.567,0C5.952,0%207.186,0.655%208.023,1.687ZM8.023,12.735C8.758,12.253%2010.797,10.859%2012.494,9.14C13.824,7.794%2014.975,6.261%2014.975,4.811C14.975,2.754%2013.418,1.07%2011.477,1.07C10.2,1.07%209.098,1.813%208.49,2.899L8.024,3.732L7.557,2.9C6.947,1.813%205.845,1.07%204.567,1.07C2.627,1.07%201.07,2.754%201.07,4.811C1.07,6.261%202.221,7.794%203.551,9.14C5.249,10.859%207.287,12.253%208.023,12.735Z%22%20/%3E%3C/svg%3E");
}

.product-details .add .save::after {
  content: none !important;
}

.product-details .add .save.swym-added {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2014%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8,1.687C8.836,0.655%2010.07,0%2011.455,0C13.968,0%2016.023,2.146%2016.023,4.811C16.023,6.495%2014.778,8.328%2013.233,9.892C11.032,12.119%208.282,13.825%208.282,13.825L8,14L7.718,13.825C7.718,13.825%204.968,12.119%202.767,9.892C1.222,8.328%20-0.023,6.495%20-0.023,4.811C-0.023,2.146%202.031,0%204.544,0C5.929,0%207.163,0.655%208,1.687Z%22%20/%3E%3C/svg%3E");
}

@-webkit-keyframes updating {
  0% {
    left: -200%;
  }
  100% {
    left: 300%;
  }
}

@keyframes updating {
  0% {
    left: -200%;
  }
  100% {
    left: 300%;
  }
}

@-webkit-keyframes updating-text {
  0% {
    content: 'Adding';
  }
  20% {
    content: '\00a0 Adding';
  }
  40% {
    content: '\00a0\00a0 Adding.';
  }
  60% {
    content: '\00a0\00a0\00a0 Adding..';
  }
  80% {
    content: '\00a0\00a0\00a0 Adding...';
  }
  100% {
    content: '\00a0\00a0\00a0 Adding...';
  }
}

@keyframes updating-text {
  0% {
    content: 'Adding';
  }
  20% {
    content: '\00a0 Adding';
  }
  40% {
    content: '\00a0\00a0 Adding.';
  }
  60% {
    content: '\00a0\00a0\00a0 Adding..';
  }
  80% {
    content: '\00a0\00a0\00a0 Adding...';
  }
  100% {
    content: '\00a0\00a0\00a0 Adding...';
  }
}

.product-details .btn {
  width: 100%;
}

.product-details .btn::before {
  content: 'Add To Cart';
}

.product-details .btn.updating {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}

.product-details .btn.updating::before {
  -webkit-animation-name: 'updating-text';
  animation-name: 'updating-text';
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.product-details .btn.updating::after {
  content: '';
  position: absolute;
  top: 0;
  left: -200%;
  display: block;
  width: 200%;
  height: 100%;
  background-color: white;
  mix-blend-mode: difference;
  -webkit-animation-name: 'updating';
  animation-name: 'updating';
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.product-disclaimer {
  background-color: #F0F0F0;
  padding: 16px 20px;
  margin-bottom: 40px;
}

.product-disclaimer img {
  width: 13px;
  height: 10px;
  margin-right: 5px;
}

.product-disclaimer p {
  font-size: 14px;
  line-height: 1.9285714286;
  margin: 0;
}

@media screen and (min-width: 960px) {
  .discover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 960px) {
  .discover > *:not(.heading) {
    width: 50%;
  }
}

.discover > *:not(:first-child) {
  margin-top: 40px;
}

@media screen and (min-width: 960px) {
  .discover > *:not(:first-child) {
    margin-top: 0;
  }
}

.discover .img {
  position: relative;
  min-height: 300px;
  margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .discover .img {
    min-height: calc((0.3375 * (100vw - 480px)) + 300px);
  }
}

@media screen and (min-width: 1280px) {
  .discover .img {
    min-height: 570px;
  }
}

.discover p, .discover a {
  margin: 0;
  font-weight: 400;
}

.discover p {
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.discover .price {
  font-size: 15px;
  font-weight: 300;
}

.discover .price .sale {
  text-decoration: line-through;
  opacity: 0.3;
  margin-right: 10px;
}

.accordion-group {
  border-top: 1px solid #F0F0F0;
}

.accordion-group .accordion {
  border-bottom: 1px solid #F0F0F0;
}

.accordion-group .wysiwyg p:last-of-type {
  margin-bottom: 0;
}

.accordion-group .title {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 18px 0;
  position: relative;
}

.accordion-group .title::before, .accordion-group .title::after {
  content: '';
  width: 14px;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #000;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  -o-transition: transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.accordion-group .title::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.accordion-group .active .title::after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion-group .content {
  position: relative;
  visibility: visible;
  max-height: 0;
  -webkit-transition: max-height 250ms;
  -o-transition: max-height 250ms;
  transition: max-height 250ms;
  overflow: hidden;
}

.accordion-group .content::after {
  content: '';
  width: 100%;
  height: 25px;
  display: block;
}

.shop-now {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 170px;
}

@media screen and (min-width: 480px) {
  .shop-now {
    min-height: calc((0.6 * (100vw - 480px)) + 170px);
  }
}

@media screen and (min-width: 1280px) {
  .shop-now {
    min-height: 650px;
  }
}

.shop-now .txt {
  position: relative;
  z-index: 20;
}

.shop-now .txt .txt-white .line::after {
  background-color: #FFF;
}

.shop-now [class^="heading-"] {
  overflow: hidden;
}

.shop-now [class^="heading-"] .line {
  display: none;
  vertical-align: middle;
  position: relative;
  margin-top: -10px;
  margin-left: 35px;
}

@media screen and (min-width: 960px) {
  .shop-now [class^="heading-"] .line {
    display: inline-block;
  }
}

.shop-now [class^="heading-"] .line::after {
  content: '';
  position: absolute;
  background-color: #000;
  width: 100vw;
  height: 3px;
}

.shop-now [class^="heading-"] br {
  display: none;
}

@media screen and (min-width: 960px) {
  .shop-now [class^="heading-"] br {
    display: inline-block;
  }
}

.sign-up {
  text-align: left;
}

@media screen and (min-width: 960px) {
  .sign-up {
    text-align: center;
  }
}

.sign-up .container {
  max-width: 800px;
}

.sign-up p {
  margin-bottom: 10px;
}

.sign-up [type="text"],
.sign-up [type="email"] {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  display: block;
  border: 0;
  background: none;
  border-bottom: 1px solid;
  margin-bottom: 40px;
  padding: 20px 0;
}

.sign-up [type="text"]::-webkit-input-placeholder,
.sign-up [type="email"]::-webkit-input-placeholder {
  color: #979797;
}

.sign-up [type="text"]:-moz-placeholder,
.sign-up [type="email"]:-moz-placeholder {
  color: #979797;
}

.sign-up [type="text"]::-moz-placeholder,
.sign-up [type="email"]::-moz-placeholder {
  color: #979797;
}

.sign-up [type="text"]:-ms-input-placeholder,
.sign-up [type="email"]:-ms-input-placeholder {
  color: #979797;
}

@media screen and (max-width: 959px) {
  .sign-up .btn {
    width: 100%;
  }
}

.designer-group {
  padding: 40px 0;
}

.designer-group:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}

@media screen and (min-width: 640px) {
  .designer-group ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media screen and (min-width: 960px) {
  .designer-group ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

.designer-group li {
  margin: 0;
  padding-right: 40px;
}

.designer-group a {
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
}

.hero-img {
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .contact-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 960px) {
  .contact-wrapper .sidebar {
    width: 220px;
    width: 170px;
    margin-right: 40px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .contact-wrapper .sidebar {
    width: calc((0.15625 * (100vw - 960px)) + 170px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .contact-wrapper .sidebar {
    width: 220px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .contact-wrapper .sidebar {
    margin-right: calc((0.5 * (100vw - 960px)) + 40px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .contact-wrapper .sidebar {
    margin-right: 200px;
  }
}

.contact-wrapper .sidebar nav {
  margin-top: -15px;
}

.contact-wrapper .sidebar nav > *:not(:first-child) {
  border-top: 1px solid #E9E9E9;
}

.contact-wrapper .sidebar nav a {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin: 15px 0;
}

.contact-wrapper .sidebar nav a::after {
  content: '';
  width: 7px;
  height: 7px;
  border: 1px solid #000;
  border-left: 0;
  border-bottom: 0;
  margin-left: 2px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contact-wrapper .sidebar .disclaimer {
  background-color: #FAFAFA;
  text-align: center;
  padding: 30px 40px;
}

@media screen and (min-width: 960px) {
  .contact-wrapper .sidebar .disclaimer {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .contact-wrapper .sidebar .disclaimer {
    padding-left: calc((0.0625 * (100vw - 960px)) + 20px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .contact-wrapper .sidebar .disclaimer {
    padding-left: 40px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .contact-wrapper .sidebar .disclaimer {
    padding-right: calc((0.0625 * (100vw - 960px)) + 20px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .contact-wrapper .sidebar .disclaimer {
    padding-right: 40px;
  }
}

.contact-wrapper .sidebar .disclaimer p {
  font-size: 14px;
  line-height: 1.4285714286;
}

.contact-wrapper .sidebar .disclaimer img {
  max-height: 32px;
  margin-bottom: 10px;
}

.contact-wrapper .content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .contact-wrapper .content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
}

.contact-wrapper .content [type="submit"] {
  width: 100%;
}

@media screen and (min-width: 960px) {
  .contact-wrapper .content [type="submit"] {
    float: right;
    width: auto;
  }
}

.contact-wrapper .locations .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contact-wrapper .locations .location:not(:first-child) {
  border-top: 1px solid #E9E9E9;
  margin-top: 20px;
  padding-top: 30px;
}

.contact-wrapper .locations .location > * {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .contact-wrapper .locations .location > * {
    width: 33.33%;
    padding-right: 20px;
  }
}

.contact-wrapper .locations .location .heading-small {
  width: 100%;
}

.contact-wrapper .locations .location strong {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: inline-block;
  margin-bottom: 10px;
}

.contact-wrapper .locations .location a {
  text-decoration: underline;
}

.contact-wrapper .contact-message {
  background-color: #FAFAFA;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-wrapper .contact-message > *:not(.img) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contact-wrapper .contact-message .img {
  width: 41px;
  margin-right: 8%;
  margin-left: 10px;
  display: none;
}

@media screen and (min-width: 640px) {
  .contact-wrapper .contact-message .img {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .cart-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.cart-page [class^="heading"] {
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.cart-page .my-cart {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 60px;
}

@media screen and (min-width: 1280px) {
  .cart-page .my-cart {
    margin-right: 10%;
  }
}

.cart-page .my-cart .product {
  border-bottom: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.cart-page .my-cart .product:first-child {
  padding-top: 0;
}

.cart-page .my-cart .img {
  position: relative;
  width: 110px;
  height: 140px;
  margin-right: 20px;
}

.cart-page .my-cart .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.cart-page .my-cart .details {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cart-page .my-cart .details p {
  margin-bottom: 5px;
}

.cart-page .my-cart .details p:not(.title) {
  font-size: 14px;
}

.cart-page .my-cart .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-page .my-cart .price {
  font-size: 14px;
  font-weight: 400;
}

.cart-page .my-cart .controls a, .cart-page .my-cart .controls button, .cart-page .my-cart .controls input {
  border: 0;
  background: none;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

@media screen and (min-width: 640px) {
  .cart-page .my-cart .controls a, .cart-page .my-cart .controls button, .cart-page .my-cart .controls input {
    display: inline-block;
  }
}

@media screen and (min-width: 640px) {
  .cart-page .my-cart .controls a:not(:first-child), .cart-page .my-cart .controls button:not(:first-child), .cart-page .my-cart .controls input:not(:first-child) {
    margin-left: 15px;
  }
}

.cart-page .my-cart .controls .remove::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 10px 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M13.955,14.999L0.211,1.257C0.185,1.226%200.156,1.197%200.132,1.164C-0.057,0.899%20-0.042,0.508%200.17,0.258C0.275,0.134%200.422,0.046%200.581,0.013C0.661,-0.004%200.743,-0.001%200.824,0.003C0.864,0.011%200.904,0.016%200.943,0.028C1.021,0.051%201.095,0.087%201.162,0.134C1.195,0.158%201.224,0.187%201.255,0.213L14.998,13.956L28.74,0.215C28.771,0.188%2028.8,0.159%2028.833,0.136C28.933,0.065%2029.05,0.019%2029.171,0.004C29.251,-0.006%2029.333,0.004%2029.414,0.014C29.452,0.026%2029.493,0.034%2029.53,0.049C29.796,0.152%2029.988,0.42%2029.999,0.706C30.006,0.869%2029.957,1.032%2029.863,1.165C29.839,1.198%2029.81,1.227%2029.784,1.258L29.599,1.443L29.591,1.452L16.042,15L29.787,28.743C29.813,28.774%2029.842,28.803%2029.865,28.836C30.031,29.067%2030.046,29.395%2029.899,29.642C29.732,29.922%2029.368,30.065%2029.054,29.972C28.976,29.948%2028.902,29.912%2028.836,29.865C28.803,29.841%2028.774,29.812%2028.743,29.786L14.999,16.043L1.268,29.772C1.237,29.799%201.208,29.828%201.175,29.851C0.944,30.016%200.616,30.032%200.369,29.884C0.089,29.718%20-0.054,29.354%200.039,29.04C0.063,28.962%200.099,28.888%200.146,28.822C0.17,28.789%200.198,28.76%200.225,28.729L0.409,28.544L0.417,28.535L13.955,14.999Z%22%20/%3E%3C/svg%3E");
}

@media screen and (min-width: 1280px) {
  .cart-page .summary {
    width: 420px;
  }
}

.cart-page .summary .total {
  margin-bottom: 30px;
}

.cart-page .summary .sub-total {
  font-size: 14px;
}

.cart-page .summary .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
}

.cart-page .summary .row p {
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.cart-page .summary .btn {
  width: 100%;
  margin-bottom: 10px;
}

.cart-page .summary .product-disclaimer {
  margin-top: 15px;
}

.counter {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 80px;
  margin-left: 5px;
}

.counter .minus,
.counter .plus {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  background-color: white;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.counter .minus::before,
.counter .plus::before {
  font-size: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.counter .minus.disabled,
.counter .plus.disabled {
  pointer-events: none;
  color: lightgray;
}

.counter .minus {
  left: 0;
}

.counter .minus::before {
  content: '\2212';
}

.counter .plus {
  right: 0;
}

.counter .plus::before {
  content: '\002B';
}

.counter input {
  text-align: center;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  width: 100%;
  height: 26px;
  text-indent: 13px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}

.about-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: -40px calc(((100% - 87.5%) / 2));
}

@media screen and (min-width: 960px) {
  .about-cta {
    margin: 0;
    padding: 0 calc(((100% - 87.5%) / 2));
  }
}

@media screen and (min-width: 1463px) {
  .about-cta {
    padding: 0 calc(((100vw - 1280px) / 2));
  }
}

.about-cta .txt {
  padding: 40px 20px 120px;
}

@media screen and (min-width: 960px) {
  .about-cta .txt {
    padding: 40px 0;
    max-width: 330px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .about-cta .txt {
    max-width: calc((0.28125 * (100vw - 960px)) + 330px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .about-cta .txt {
    max-width: 420px;
  }
}

.about-cta .img {
  position: relative;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .about-cta .img {
    width: 50%;
    margin: -75px 0;
  }
}

.about-cta .logo {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 190px;
  height: 190px;
}

@media screen and (min-width: 960px) {
  .about-cta .logo {
    top: 50%;
    left: 0;
    width: 120px;
    height: 120px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .about-cta .logo {
    width: calc((0.21875 * (100vw - 960px)) + 120px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .about-cta .logo {
    width: 190px;
  }
}

@media screen and (min-width: 960px) and (min-width: 960px) {
  .about-cta .logo {
    height: calc((0.21875 * (100vw - 960px)) + 120px);
  }
}

@media screen and (min-width: 960px) and (min-width: 1280px) {
  .about-cta .logo {
    height: 190px;
  }
}

@media screen and (min-width: 1024px) {
  .blog-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.blog-wrapper .blog-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.blog-wrapper .sidebar {
  margin-top: 5%;
}

@media screen and (min-width: 1024px) {
  .blog-wrapper .sidebar {
    width: 310px;
    margin-top: 0;
    margin-left: 10%;
  }
}

.blog-wrapper .sidebar h1, .blog-wrapper .sidebar h2, .blog-wrapper .sidebar h3, .blog-wrapper .sidebar h4, .blog-wrapper .sidebar h5, .blog-wrapper .sidebar h6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.blog-wrapper .sidebar .img {
  position: relative;
  display: block;
  margin-bottom: 20px;
  min-height: 210px;
}

@media screen and (min-width: 960px) {
  .blog-wrapper .sidebar .img {
    min-height: calc((-0.0625 * (100vw - 960px)) + 210px);
  }
}

@media screen and (min-width: 1280px) {
  .blog-wrapper .sidebar .img {
    min-height: 190px;
  }
}

.blog-wrapper .sidebar hr {
  margin: 40px 0;
}

.blog-wrapper .sidebar ul li {
  margin: 0;
}

.blog-wrapper .sidebar ul li a {
  text-decoration: underline;
}

.blog-wrapper .article > * {
  margin: 0;
}

.blog-wrapper .article:not(:first-child) {
  margin-top: 40px;
}

@media screen and (min-width: 960px) {
  .blog-wrapper .article:not(:first-child) {
    margin-top: calc((0.0625 * (100vw - 960px)) + 40px);
  }
}

@media screen and (min-width: 1280px) {
  .blog-wrapper .article:not(:first-child) {
    margin-top: 60px;
  }
}

.blog-wrapper .article .img {
  position: relative;
  display: block;
  min-height: 210px;
  margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .blog-wrapper .article .img {
    min-height: calc((0.4 * (100vw - 480px)) + 210px);
  }
}

@media screen and (min-width: 1280px) {
  .blog-wrapper .article .img {
    min-height: 530px;
  }
}

.article-header {
  text-align: center;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.article-header .heading {
  margin: 0;
}

.article-header .img {
  margin-bottom: 0;
  padding: 20px 0;
}

.pagination {
  text-align: center;
  margin-top: 40px;
}

.pagination .page {
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.pagination .prev a,
.pagination .next a {
  width: 20px;
  height: 20px;
  text-indent: -99999px;
  display: inline-block;
  vertical-align: middle;
  background: none;
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%207%2012%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M5.536,6L-0,0.754L0.668,0L7,6L0.668,12L0,11.246L5.536,6Z%22%20/%3E%3C/svg%3E");
  margin: 0 5px;
}

.pagination .prev a {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination.alt .page {
  font-size: 17px;
  margin: 0 7px;
}

.pagination.alt .page a {
  font-size: 16px;
  font-weight: 300;
}

.account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}

@media screen and (min-width: 960px) {
  .account {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.account > * {
  border: 1px solid #F0F0F0;
  width: calc(100% - 20px);
  margin: 10px;
  padding: 20px;
}

@media screen and (min-width: 960px) {
  .account > * {
    width: calc(50% - 20px);
    padding: 35px;
  }
}

.account .errors {
  color: red;
  font-weight: 400;
  margin-bottom: 10px;
}

.account .errors li {
  margin: 0;
}

.account [for="toggle-recover"] {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  text-decoration: underline;
  margin-left: auto;
}

.account #toggle-recover:checked ~ .recover {
  display: block;
}

.account #toggle-recover:checked ~ #login {
  display: none;
}

.account .recover:target {
  display: block;
}

.account .recover:target ~ #login {
  display: none;
}

.account .address:not(:first-of-type) {
  margin-top: 40px;
}

.account .address .edit {
  display: none;
}

.account .address .view .btn {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .account .address .view .btn {
    width: auto;
  }
}

.account .address .view .btn:not(:first-child) {
  margin-top: 10px;
}

@media screen and (min-width: 640px) {
  .account .address .view .btn:not(:first-child) {
    margin-top: 0;
  }
}

.account .address.open .edit {
  display: block;
}

.account .address.open .view {
  display: none;
}

.register-box {
  border: 1px solid #F0F0F0;
  max-width: 640px;
  margin: 0 auto;
  padding: 30px 20px;
  margin-top: 40px;
}

@media screen and (min-width: 480px) {
  .register-box {
    margin-top: calc((0.025 * (100vw - 480px)) + 40px);
  }
}

@media screen and (min-width: 1280px) {
  .register-box {
    margin-top: 60px;
  }
}

@media screen and (min-width: 960px) {
  .register-box {
    padding: 30px;
  }
}

.page-footer {
  background-color: #000;
  color: #FFF;
}

.page-footer form {
  position: relative;
}

.page-footer form [type="email"],
.page-footer form [type="text"] {
  width: 100%;
  outline: none;
  border: 0;
  display: block;
  background: none;
  border-bottom: 1px solid;
  color: #FFF;
  margin-bottom: 30px;
  padding: 0;
  padding-bottom: 20px;
}

.page-footer form [type="email"]::-webkit-input-placeholder,
.page-footer form [type="text"]::-webkit-input-placeholder {
  color: #FFF;
}

.page-footer form [type="email"]:-moz-placeholder,
.page-footer form [type="text"]:-moz-placeholder {
  color: #FFF;
}

.page-footer form [type="email"]::-moz-placeholder,
.page-footer form [type="text"]::-moz-placeholder {
  color: #FFF;
}

.page-footer form [type="email"]:-ms-input-placeholder,
.page-footer form [type="text"]:-ms-input-placeholder {
  color: #FFF;
}

.page-footer form [type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -99999px;
  border: 0;
  width: 20px;
  height: 100%;
  padding: 0;
  background: none;
  background-repeat: no-repeat;
  background-size: 7px 12px;
  background-position: 100% 0%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%207%2012%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M5.536,6L-0,0.754L0.668,0L7,6L0.668,12L0,11.246L5.536,6Z%22%20/%3E%3C/svg%3E");
}

.page-footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-footer .social a {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.page-footer .social .instagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2025%2025%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M24.937,7.35C24.878,6.022%2024.663,5.109%2024.355,4.317C24.038,3.477%2023.549,2.725%2022.909,2.1C22.284,1.465%2021.527,0.972%2020.697,0.659C19.9,0.352%2018.992,0.137%2017.663,0.078C16.325,0.015%2015.9,0%2012.505,0C9.11,0%208.685,0.015%207.352,0.073C6.023,0.132%205.109,0.347%204.318,0.654C3.478,0.972%202.726,1.46%202.1,2.1C1.465,2.725%200.972,3.482%200.659,4.312C0.352,5.109%200.137,6.017%200.078,7.345C0.015,8.683%200,9.108%200,12.503C0,15.897%200.015,16.322%200.073,17.655C0.132,18.983%200.347,19.897%200.655,20.688C0.972,21.528%201.465,22.28%202.1,22.905C2.726,23.54%203.483,24.033%204.313,24.346C5.109,24.653%206.018,24.868%207.347,24.927C8.68,24.985%209.105,25%2012.5,25C15.895,25%2016.32,24.985%2017.654,24.927C18.982,24.868%2019.895,24.653%2020.687,24.346C22.367,23.696%2023.696,22.368%2024.346,20.688C24.653,19.892%2024.868,18.983%2024.927,17.655C24.985,16.322%2025,15.897%2025,12.503C25,9.108%2024.995,8.683%2024.937,7.35ZM22.685,17.557C22.631,18.778%2022.426,19.438%2022.255,19.877C21.835,20.966%2020.97,21.831%2019.881,22.251C19.441,22.422%2018.777,22.627%2017.561,22.68C16.242,22.739%2015.846,22.754%2012.51,22.754C9.174,22.754%208.773,22.739%207.459,22.68C6.238,22.627%205.578,22.422%205.139,22.251C4.597,22.05%204.103,21.733%203.703,21.318C3.287,20.912%202.97,20.424%202.77,19.882C2.599,19.442%202.394,18.778%202.34,17.562C2.281,16.244%202.267,15.848%202.267,12.512C2.267,9.177%202.281,8.776%202.34,7.462C2.394,6.242%202.599,5.582%202.77,5.143C2.97,4.6%203.287,4.107%203.708,3.707C4.113,3.292%204.601,2.974%205.144,2.774C5.583,2.603%206.248,2.398%207.464,2.344C8.783,2.286%209.178,2.271%2012.515,2.271C15.856,2.271%2016.251,2.286%2017.566,2.344C18.787,2.398%2019.446,2.603%2019.886,2.774C20.428,2.974%2020.921,3.292%2021.322,3.707C21.737,4.112%2022.055,4.6%2022.255,5.143C22.426,5.582%2022.631,6.246%2022.685,7.462C22.743,8.781%2022.758,9.177%2022.758,12.512C22.758,15.848%2022.743,16.239%2022.685,17.557ZM12.416,6.684C9.012,6.684%206.25,9.445%206.25,12.85C6.25,16.255%209.012,19.016%2012.416,19.016C15.821,19.016%2018.583,16.255%2018.583,12.85C18.583,9.445%2015.821,6.684%2012.416,6.684ZM12.416,16.85C10.208,16.85%208.416,15.059%208.416,12.85C8.416,10.641%2010.208,8.85%2012.416,8.85C14.625,8.85%2016.417,10.641%2016.417,12.85C16.417,15.059%2014.625,16.85%2012.416,16.85ZM18.827,7.879C19.622,7.879%2020.267,7.235%2020.267,6.44C20.267,5.644%2019.622,5%2018.827,5C18.032,5%2017.387,5.644%2017.387,6.44C17.387,7.235%2018.032,7.879%2018.827,7.879Z%22%20/%3E%3C/svg%3E");
}

.page-footer .social .linkedin {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2023%2023%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M0.573,7.288L5.003,7.288L5.003,22.726L0.573,22.726L0.573,7.288ZM2.675,5.357L2.643,5.357C1.04,5.357%200,4.176%200,2.682C0,1.157%201.07,0%202.706,0C4.34,0%205.345,1.154%205.377,2.678C5.377,4.172%204.34,5.357%202.675,5.357ZM22.727,22.727L17.704,22.727L17.704,14.737C17.704,12.646%2016.919,11.22%2015.191,11.22C13.869,11.22%2013.134,12.181%2012.792,13.111C12.664,13.443%2012.684,13.907%2012.684,14.373L12.684,22.727L7.708,22.727C7.708,22.727%207.772,8.574%207.708,7.288L12.684,7.288L12.684,9.711C12.978,8.651%2014.568,7.139%2017.106,7.139C20.254,7.139%2022.727,9.361%2022.727,14.142L22.727,22.727Z%22%20/%3E%3C/svg%3E");
}

.page-footer .social .facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2013%2027%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M8.312,26.136L2.77,26.136L2.77,13.067L0,13.067L0,8.563L2.77,8.563L2.77,5.859C2.77,2.186%204.333,0%208.776,0L12.475,0L12.475,4.505L10.163,4.505C8.433,4.505%208.319,5.134%208.319,6.309L8.311,8.563L12.5,8.563L12.01,13.067L8.311,13.067L8.311,26.136L8.312,26.136Z%22%20/%3E%3C/svg%3E");
}

.page-footer .social .twitter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23FFF%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2033%2026%22%20version%3D%221.1%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20xml:space%3D%22preserve%22%20style%3D%22fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;%22%3E%3Cpath%20d%3D%22M29.112,4.112C30.526,3.292%2031.584,2.001%2032.089,0.479C30.76,1.245%2029.306,1.784%2027.79,2.073C26.51,0.748%2024.72,-0.002%2022.847,0C18.475,0%2015.264,3.953%2016.251,8.059C10.808,7.794%205.736,5.301%202.297,1.202C0.502,4.201%201.419,8.037%204.392,9.965C3.317,9.932%202.266,9.651%201.327,9.143C1.252,12.184%203.501,15.029%206.756,15.663C5.759,15.925%204.713,15.963%203.698,15.774C4.585,18.448%207.127,20.28%2010.024,20.332C7.186,22.49%203.581,23.468%200,23.051C3.096,24.979%206.699,26.003%2010.378,26C22.948,26%2030.051,15.708%2029.622,6.476C30.947,5.547%2032.091,4.397%2033,3.079C31.787,3.601%2030.482,3.953%2029.112,4.112Z%22%20/%3E%3C/svg%3E");
}

.page-footer .cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid;
  margin: 0;
  padding-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .page-footer .cols {
    padding: 100px 0 60px;
  }
}

.page-footer .cols nav {
  width: 50%;
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .page-footer .cols nav {
    width: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .page-footer .cols nav {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .page-footer .cols nav:not(.form) {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .page-footer .cols nav:not(.form) {
    width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .page-footer .cols nav:not(.form) {
    width: auto;
  }
}

@media screen and (min-width: 1280px) {
  .page-footer .cols nav {
    width: auto;
  }
}

.page-footer .cols nav.form {
  width: 100%;
  margin-bottom: 60px;
}

@media screen and (min-width: 1280px) {
  .page-footer .cols nav.form {
    width: auto;
    min-width: 300px;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.page-footer .cols nav > a {
  display: block;
  margin: 14px 0;
}

.page-footer .cols p, .page-footer .cols a {
  font-size: 15px;
  text-transform: uppercase;
}

.page-footer .cols p {
  font-weight: 400;
}

.page-footer .legal {
  padding: 30px 0;
  text-align: center;
}

.page-footer .legal .logo {
  display: inline-block;
  width: 160px;
}

@media screen and (min-width: 480px) {
  .page-footer .legal .logo {
    width: calc((-0.05625 * (100vw - 480px)) + 160px);
  }
}

@media screen and (min-width: 1280px) {
  .page-footer .legal .logo {
    width: 115px;
  }
}

@media screen and (min-width: 960px) {
  .page-footer .legal .logo {
    margin-bottom: 15px;
  }
}

.page-footer .legal .logo svg {
  fill: #FFF;
}

@media screen and (min-width: 960px) {
  .page-footer .legal p {
    font-size: 15px;
  }
}

.page-footer .legal a {
  display: inline-block;
  text-decoration: underline;
  margin: 20px;
}

.page-footer .legal span {
  display: block;
  margin: 20px 0;
}

@media screen and (min-width: 960px) {
  .page-footer .legal span {
    display: inline-block;
  }
}

.page-footer .legal span, .page-footer .legal a {
  font-weight: 400;
}

@media screen and (min-width: 960px) {
  .page-footer .legal span, .page-footer .legal a {
    margin: 0 10px;
    font-weight: 300;
  }
}

[data-modal] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 11, 0.72);
  visibility: hidden;
  opacity: 0;
  z-index: -9;
  pointer-events: none;
  overflow: hidden;
  -webkit-transition: z-index 150ms 0ms linear, visibility 150ms 0ms linear, opacity 150ms 0ms linear;
  -o-transition: z-index 150ms 0ms linear, visibility 150ms 0ms linear, opacity 150ms 0ms linear;
  transition: z-index 150ms 0ms linear, visibility 150ms 0ms linear, opacity 150ms 0ms linear;
}

[data-modal] > a {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

[data-modal] > [data-close] {
  position: absolute;
  width: 100%;
  height: 100%;
}

[data-modal] > *:not(a) {
  display: inline-block;
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.5);
  background-color: #FFF;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: calc(100% - 2em);
  max-width: 560px;
  padding: 0 1em;
  margin-bottom: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 200px;
}

@media screen and (min-width: 480px) {
  [data-modal] > *:not(a) {
    height: calc((0.125 * (100vw - 480px)) + 200px);
  }
}

@media screen and (min-width: 1280px) {
  [data-modal] > *:not(a) {
    height: 300px;
  }
}

[data-modal]:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 45;
  overflow: auto;
}

[data-modal] .content p {
  margin: 0 auto;
}

[data-modal] .heading {
  margin-bottom: 5px;
}

@media screen and (min-width: 480px) {
  [data-modal] .heading {
    margin-bottom: calc((-0.00625 * (100vw - 480px)) + 5px);
  }
}

@media screen and (min-width: 1280px) {
  [data-modal] .heading {
    margin-bottom: 0px;
  }
}

[data-modal] .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.51px;
  padding: 8px 16px 8px;
}

@media screen and (min-width: 768px) {
  [data-modal] .close {
    padding: 16px 30px 14px;
    min-width: 120px;
  }
}

@media screen and (min-width: 768px) {
  [data-js-side_nav].sticky [data-sticker] {
    position: fixed;
    top: 0;
    margin-top: 6.5em;
  }
}

.vendors > *:nth-child(1n+11):not(.more) {
  display: none !important;
}

.vendors .more {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.vendors .more::before {
  content: 'more';
}

.vendors #more_vendors:checked ~ *:nth-child(1n+11):not(.more) {
  display: block !important;
}

.vendors #more_vendors:checked ~ .more::before {
  content: 'less';
}

.hidden {
  display: none !important;
}


/*********************************************** KLAVIYO FORM  ***/
.klaviyo-form-SnpfpK #email_104155849 {padding: 0 !important}