/** Shopify CDN: Minification failed

Line 6342:10 Expected identifier but found whitespace
Line 6342:13 Unexpected ";"

**/
@charset "UTF-8";
* {
  -webkit-overflow-scrolling: touch; }

.c-white {
  color: white; }

.c-link {
  color: #222222; }

.c-accent {
  color: #2e3234; }

.bg-light {
  background-color: #F9F9F9; }

.bg-dark {
  background-color: #292E31; }

.text-light {
  color: white; }

.bg-transparent {
  background-color: transparent; }
  .bg-transparent:hover {
    background-color: transparent !important; }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-variant-ligatures: no-common-ligatures; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  font-display: swap; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 81%;
  letter-spacing: 1.5px; }

/**
 * 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.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

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

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

input:focus, a:focus {
  outline: none; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

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

h1, h2, h3, h4, h5, h6, p {
  margin: auto; }

* {
  /*letter-spacing: 0px  !important;*/ }

h1, h2, h3, h4, h5, h6 {
  /*letter-spacing: 1px  !important;*/ }

*,
.border-box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

ul, ol, li, nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em; }

/* Linear Gradients - Bourbon */
/* From the awesome Bourbon Library https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_linear-gradient.scss */
.u-center {
  text-align: center !important; }

.u-right {
  text-align: right !important; }

.u-left {
  text-align: left !important; }

.u-justify {
  text-align: justify !important; }

.u-height-100 {
  height: auto;
  height: 100vh; }

.u-margin-0 {
  margin: 0; }

.u-margin-b-sm {
  margin-bottom: 10px !important; }

.u-margin-l-sm {
  margin-left: 20px; }

.u-float-r {
  float: right; }

@media screen and (min-width: 550px) {
  .sm_u-float-r {
    float: right; } }
/**
 * Inline-block grid sizing
 *
 * [s = "size"] [applied columns] [total number of columns]
 * Where ".s12" means "size, 1 column of 2".
 *
 */
.row.inline .s1 {
  width: 100%; }
.row.inline .s12 {
  width: calc(50% - 20px/2 ); }
.row.inline .s13 {
  width: calc(33.333333% - 20px/1.666666 ); }
.row.inline .s23 {
  width: calc(66.666666% - 20px/2.333333 ); }
.row.inline .s14 {
  width: calc(25% - 20px/1.333333 ); }
.row.inline .s34 {
  width: calc(75% - 20px/2.666666 ); }
.row.inline .s15 {
  width: calc(20% - 20px/1.333333 ); }
.row.inline .s25 {
  width: calc(40% - 20px/2 ); }
.row.inline .s35 {
  width: calc(60% - 20px/2.333333 ); }
.row.inline .s45 {
  width: calc(80% - 20px/2.666666 ); }
.row.inline .s16 {
  width: calc(16.666666% - 20px/1.666666 ); }
.row.inline .s56 {
  width: calc(83.333333% - 20px/2.166666 ); }
.row.inline .p12 {
  left: calc(50% + 20px/2 ); }
.row.inline .p13 {
  left: calc(33.333333% + 20px/3.666666 ); }
.row.inline .p23 {
  left: calc(66.666666% + 20px/2.333333 ); }
.row.inline .p14 {
  left: calc(25% + 20px/2.333333 ); }
.row.inline .p34 {
  left: calc(75% + 20px/1.333333 ); }
.row.inline .p16 {
  left: calc(16.666666% + 20px/2.166666 ); }
.row.inline .p56 {
  left: calc(83.333333% + 20px/1.666666 ); }
.row.inline .p12,
.row.inline .p13,
.row.inline .p23,
.row.inline .p14,
.row.inline .p34,
.row.inline .p16,
.row.inline .p56 {
  min-height: 1px; }
.row.inline .pl12 {
  left: calc(-50% + 20px/2 ); }
.row.inline .pl13 {
  left: calc(-33.333333% + 20px/3.666666 ); }
.row.inline .pl23 {
  left: calc(-66.666666% + 20px/2.333333 ); }
.row.inline .pl14 {
  left: calc(-25% + 20px/2.666666 ); }
.row.inline .pl34 {
  left: calc(-75% + 20px/1.333333 ); }
.row.inline .pl16 {
  left: calc(-16.666666% + 20px/2.166666 ); }
.row.inline .pl56 {
  left: calc(-83.333333% + 20px/1.666666 ); }
.row.inline .sx12 {
  margin-right: calc(50% + 20px/2 ); }
.row.inline .sx13 {
  margin-right: calc(33.333333% + 20px/1.666666 ); }
.row.inline .sx23 {
  margin-right: calc(66.666666% + 20px/2.333333 ); }
.row.inline .sx14 {
  margin-right: calc(25% + 20px/2.666666 ); }
.row.inline .sx34 {
  margin-right: calc(75% + 20px/1.333333 ); }
.row.inline .sx16 {
  margin-right: calc(16.666666% + 20px/2.166666 ); }
.row.inline .sx56 {
  margin-right: calc(83.333333% + 20px/1.666666 ); }
@media screen and (min-width: 399px) {
  .row.inline .xs_s1 {
    width: 100%; }
  .row.inline .xs_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .xs_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .xs_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .xs_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .xs_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .xs_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .xs_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .xs_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .xs_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .xs_s16 {
    width: calc(16.666666% - 20px/1.666666 ); }
  .row.inline .xs_s56 {
    width: calc(83.333333% - 20px/2.166666 ); }
  .row.inline .xs_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .xs_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .xs_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xs_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .xs_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .xs_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xs_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .xs_p12,
  .row.inline .xs_p13,
  .row.inline .xs_p23,
  .row.inline .xs_p14,
  .row.inline .xs_p34,
  .row.inline .xs_p16,
  .row.inline .xs_p56 {
    min-height: 1px; }
  .row.inline .xs_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .xs_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .xs_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .xs_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .xs_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .xs_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .xs_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .xs_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .xs_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .xs_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xs_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .xs_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .xs_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xs_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }
@media screen and (min-width: 550px) {
  .row.inline .sm_s1 {
    width: 100%; }
  .row.inline .sm_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .sm_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .sm_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .sm_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .sm_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .sm_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .sm_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .sm_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .sm_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .sm_s16 {
    width: calc(16.666666% - 20px/1.666666 ); }
  .row.inline .sm_s56 {
    width: calc(83.333333% - 20px/2.166666 ); }
  .row.inline .sm_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .sm_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .sm_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .sm_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .sm_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .sm_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .sm_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .sm_p12,
  .row.inline .sm_p13,
  .row.inline .sm_p23,
  .row.inline .sm_p14,
  .row.inline .sm_p34,
  .row.inline .sm_p16,
  .row.inline .sm_p56 {
    min-height: 1px; }
  .row.inline .sm_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .sm_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .sm_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .sm_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .sm_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .sm_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .sm_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .sm_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .sm_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .sm_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .sm_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .sm_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .sm_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .sm_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }
@media screen and (min-width: 769px) {
  .row.inline .med_s1 {
    width: 100%; }
  .row.inline .med_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .med_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .med_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .med_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .med_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .med_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .med_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .med_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .med_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .med_s16 {
    width: calc(16.666666% - 20px/1.666666 ); }
  .row.inline .med_s56 {
    width: calc(83.333333% - 20px/2.166666 ); }
  .row.inline .med_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .med_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .med_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .med_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .med_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .med_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .med_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .med_p12,
  .row.inline .med_p13,
  .row.inline .med_p23,
  .row.inline .med_p14,
  .row.inline .med_p34,
  .row.inline .med_p16,
  .row.inline .med_p56 {
    min-height: 1px; }
  .row.inline .med_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .med_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .med_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .med_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .med_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .med_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .med_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .med_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .med_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .med_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .med_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .med_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .med_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .med_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }
@media screen and (min-width: 1024px) {
  .row.inline .lg_s1 {
    width: 100%; }
  .row.inline .lg_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .lg_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .lg_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .lg_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .lg_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .lg_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .lg_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .lg_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .lg_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .lg_s16 {
    width: calc(16.666666% - 20px/1.666666 ); }
  .row.inline .lg_s56 {
    width: calc(83.333333% - 20px/2.166666 ); }
  .row.inline .lg_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .lg_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .lg_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .lg_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .lg_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .lg_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .lg_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .lg_p12,
  .row.inline .lg_p13,
  .row.inline .lg_p23,
  .row.inline .lg_p14,
  .row.inline .lg_p34,
  .row.inline .lg_p16,
  .row.inline .lg_p56 {
    min-height: 1px; }
  .row.inline .lg_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .lg_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .lg_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .lg_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .lg_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .lg_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .lg_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .lg_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .lg_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .lg_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .lg_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .lg_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .lg_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .lg_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }
@media screen and (min-width: 1280px) {
  .row.inline .xl_s1 {
    width: 100%; }
  .row.inline .xl_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .xl_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .xl_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .xl_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .xl_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .xl_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .xl_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .xl_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .xl_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .xl_s16 {
    width: calc(16.666666% - 20px/1.6666666 ); }
  .row.inline .xl_s56 {
    width: calc(83.333333% - 20px/2.1666666 ); }
  .row.inline .xl_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .xl_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .xl_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xl_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .xl_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .xl_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xl_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .xl_p12,
  .row.inline .xl_p13,
  .row.inline .xl_p23,
  .row.inline .xl_p14,
  .row.inline .xl_p34,
  .row.inline .xl_p16,
  .row.inline .xl_p56 {
    min-height: 1px; }
  .row.inline .xl_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .xl_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .xl_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .xl_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .xl_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .xl_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .xl_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .xl_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .xl_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .xl_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xl_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .xl_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .xl_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xl_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }
@media screen and (min-width: 1400px) {
  .row.inline .xxl_s1 {
    width: 100%; }
  .row.inline .xxl_s12 {
    width: calc(50% - 20px/2 ); }
  .row.inline .xxl_s13 {
    width: calc(33.333333% - 20px/1.666666 ); }
  .row.inline .xxl_s23 {
    width: calc(66.666666% - 20px/2.333333 ); }
  .row.inline .xxl_s14 {
    width: calc(25% - 20px/1.333333 ); }
  .row.inline .xxl_s34 {
    width: calc(75% - 20px/2.666666 ); }
  .row.inline .xxl_s15 {
    width: calc(20% - 20px/1.333333 ); }
  .row.inline .xxl_s25 {
    width: calc(40% - 20px/2 ); }
  .row.inline .xxl_s35 {
    width: calc(60% - 20px/2.333333 ); }
  .row.inline .xxl_s45 {
    width: calc(80% - 20px/2.666666 ); }
  .row.inline .xxl_s16 {
    width: calc(16.666666% - 20px/1.666666 ); }
  .row.inline .xxl_s56 {
    width: calc(83.333333% - 20px/2.166666 ); }
  .row.inline .xxl_p12 {
    left: calc(50% + 20px/2 ); }
  .row.inline .xxl_p13 {
    left: calc(33.333333% + 20px/3.666666 ); }
  .row.inline .xxl_p23 {
    left: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xxl_p14 {
    left: calc(25% + 20px/2.333333 ); }
  .row.inline .xxl_p34 {
    left: calc(75% + 20px/1.333333 ); }
  .row.inline .xxl_p16 {
    left: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xxl_p56 {
    left: calc(83.333333% + 20px/1.666666 ); }
  .row.inline .xxl_p12,
  .row.inline .xxl_p13,
  .row.inline .xxl_p23,
  .row.inline .xxl_p14,
  .row.inline .xxl_p34,
  .row.inline .xxl_p16,
  .row.inline .xxl_p56 {
    min-height: 1px; }
  .row.inline .xxl_pl12 {
    left: calc(-50% + 20px/2 ); }
  .row.inline .xxl_pl13 {
    left: calc(-33.333333% + 20px/3.666666 ); }
  .row.inline .xxl_pl23 {
    left: calc(-66.666666% + 20px/2.333333 ); }
  .row.inline .xxl_pl14 {
    left: calc(-25% + 20px/2.666666 ); }
  .row.inline .xxl_pl34 {
    left: calc(-75% + 20px/1.333333 ); }
  .row.inline .xxl_pl16 {
    left: calc(-16.666666% + 20px/2.166666 ); }
  .row.inline .xxl_pl56 {
    left: calc(-83.333333% + 20px/1.666666 ); }
  .row.inline .xxl_sx12 {
    margin-right: calc(50% + 20px/2 ); }
  .row.inline .xxl_sx13 {
    margin-right: calc(33.333333% + 20px/1.666666 ); }
  .row.inline .xxl_sx23 {
    margin-right: calc(66.666666% + 20px/2.333333 ); }
  .row.inline .xxl_sx14 {
    margin-right: calc(25% + 20px/2.666666 ); }
  .row.inline .xxl_sx34 {
    margin-right: calc(75% + 20px/1.333333 ); }
  .row.inline .xxl_sx16 {
    margin-right: calc(16.666666% + 20px/2.166666 ); }
  .row.inline .xxl_sx56 {
    margin-right: calc(83.333333% + 20px/1.666666 ); } }

/**
 * Float based grid layouts, by default.
 */
.s1 {
  width: 100%;
  float: none; }

.s12 {
  width: 50%; }

.s13 {
  width: 33.333333%; }

.s23 {
  width: 66.666666%; }

.s14 {
  width: 25%; }

.s34 {
  width: 75%; }

.s15 {
  width: 20%; }

.s25 {
  width: 40%; }

.s35 {
  width: 60%; }

.s45 {
  width: 80%; }

.s16 {
  width: 16.666666%; }

.s56 {
  width: 83.333333%; }

.p12 {
  left: 50%; }

.p13 {
  left: 33.333333%; }

.p23 {
  left: 66.666666%; }

.p14 {
  left: 25%; }

.p34 {
  left: 75%; }

.p16 {
  left: 16.666666%; }

.p56 {
  left: 83.333333%; }

.p12,
.p13,
.p23,
.p14,
.p34,
.p16,
.p56 {
  min-height: 1px; }

.pl12 {
  left: -50%; }

.pl13 {
  left: -33.333333%; }

.pl23 {
  left: -66.666666%; }

.pl14 {
  left: -25%; }

.pl34 {
  left: -75%; }

.pl16 {
  left: -16.666666%; }

.pl56 {
  left: -83.333333%; }

.sx12 {
  margin-right: 50%; }

.sx13 {
  margin-right: 33.333333%; }

.sx23 {
  margin-right: 66.666666%; }

.sx14 {
  margin-right: 25%; }

.sx34 {
  margin-right: 75%; }

.sx16 {
  margin-right: 16.666666%; }

.sx56 {
  margin-right: 83.333333%; }

@media screen and (min-width: 399px) {
  .xs_s1 {
    width: 100%;
    float: none; }

  .xs_s12 {
    width: 50%; }

  .xs_s13 {
    width: 33.333333%; }

  .xs_s23 {
    width: 66.666666%; }

  .xs_s14 {
    width: 25%; }

  .xs_s34 {
    width: 75%; }

  .xs_s15 {
    width: 20%; }

  .xs_s25 {
    width: 40%; }

  .xs_s35 {
    width: 60%; }

  .xs_s45 {
    width: 80%; }

  .xs_s16 {
    width: 16.666666%; }

  .xs_s56 {
    width: 83.333333%; }

  .xs_p12 {
    left: 50%; }

  .xs_p13 {
    left: 33.333333%; }

  .xs_p23 {
    left: 66.666666%; }

  .xs_p14 {
    left: 25%; }

  .xs_p34 {
    left: 75%; }

  .xs_p16 {
    left: 16.666666%; }

  .xs_p56 {
    left: 83.333333%; }

  .xs_p12,
  .xs_p13,
  .xs_p23,
  .xs_p14,
  .xs_p34,
  .xs_p16,
  .xs_p56 {
    min-height: 1px; }

  .xs_pl12 {
    left: -50%; }

  .xs_pl13 {
    left: -33.333333%; }

  .xs_pl23 {
    left: -66.666666%; }

  .xs_pl14 {
    left: -25%; }

  .xs_pl34 {
    left: -75%; }

  .xs_pl16 {
    left: -16.666666%; }

  .xs_pl56 {
    left: -83.333333%; }

  .xs_sx12 {
    margin-right: 50%; }

  .xs_sx13 {
    margin-right: 33.333333%; }

  .xs_sx23 {
    margin-right: 66.666666%; }

  .xs_sx14 {
    margin-right: 25%; }

  .xs_sx34 {
    margin-right: 75%; }

  .xs_sx16 {
    margin-right: 16.666666%; }

  .xs_sx56 {
    margin-right: 83.333333%; } }
@media screen and (min-width: 550px) {
  .sm_s1 {
    width: 100%;
    float: none; }

  .sm_s12 {
    width: 50%; }

  .sm_s13 {
    width: 33.333333%; }

  .sm_s23 {
    width: 66.666666%; }

  .sm_s14 {
    width: 25%; }

  .sm_s34 {
    width: 75%; }

  .sm_s15 {
    width: 20%; }

  .sm_s25 {
    width: 40%; }

  .sm_s35 {
    width: 60%; }

  .sm_s45 {
    width: 80%; }

  .sm_s16 {
    width: 16.666666%; }

  .sm_s56 {
    width: 83.333333%; }

  .sm_p12 {
    left: 50%; }

  .sm_p13 {
    left: 33.333333%; }

  .sm_p23 {
    left: 66.666666%; }

  .sm_p14 {
    left: 25%; }

  .sm_p34 {
    left: 75%; }

  .sm_p16 {
    left: 16.666666%; }

  .sm_p56 {
    left: 83.333333%; }

  .sm_p12,
  .sm_p13,
  .sm_p23,
  .sm_p14,
  .sm_p34,
  .sm_p16,
  .sm_p56 {
    min-height: 1px; }

  .sm_pl12 {
    left: -50%; }

  .sm_pl13 {
    left: -33.333333%; }

  .sm_pl23 {
    left: -66.666666%; }

  .sm_pl14 {
    left: -25%; }

  .sm_pl34 {
    left: -75%; }

  .sm_pl16 {
    left: -16.666666%; }

  .sm_pl56 {
    left: -83.333333%; }

  .sm_sx12 {
    margin-right: 50%; }

  .sm_sx13 {
    margin-right: 33.333333%; }

  .sm_sx23 {
    margin-right: 66.666666%; }

  .sm_sx14 {
    margin-right: 25%; }

  .sm_sx34 {
    margin-right: 75%; }

  .sm_sx16 {
    margin-right: 16.666666%; }

  .sm_sx56 {
    margin-right: 83.333333%; } }
@media screen and (min-width: 769px) {
  .med_s1 {
    width: 100%;
    float: none; }

  .med_s12 {
    width: 50%; }

  .med_s13 {
    width: 33.333333%; }

  .med_s23 {
    width: 66.666666%; }

  .med_s14 {
    width: 25%; }

  .med_s34 {
    width: 75%; }

  .med_s15 {
    width: 20%; }

  .med_s25 {
    width: 40%; }

  .med_s35 {
    width: 60%; }

  .med_s45 {
    width: 80%; }

  .med_s16 {
    width: 16.666666%; }

  .med_s56 {
    width: 83.333333%; }

  .med_p12 {
    left: 50%; }

  .med_p13 {
    left: 33.333333%; }

  .med_p23 {
    left: 66.666666%; }

  .med_p14 {
    left: 25%; }

  .med_p34 {
    left: 75%; }

  .med_p16 {
    left: 16.666666%; }

  .med_p56 {
    left: 83.333333%; }

  .med_p12,
  .med_p13,
  .med_p23,
  .med_p14,
  .med_p34,
  .med_p16,
  .med_p56 {
    min-height: 1px; }

  .med_pl12 {
    left: -50%; }

  .med_pl13 {
    left: -33.333333%; }

  .med_pl23 {
    left: -66.666666%; }

  .med_pl14 {
    left: -25%; }

  .med_pl34 {
    left: -75%; }

  .med_pl16 {
    left: -16.666666%; }

  .med_pl56 {
    left: -83.333333%; }

  .med_sx12 {
    margin-right: 50%; }

  .med_sx13 {
    margin-right: 33.333333%; }

  .med_sx23 {
    margin-right: 66.666666%; }

  .med_sx14 {
    margin-right: 25%; }

  .med_sx34 {
    margin-right: 75%; }

  .med_sx16 {
    margin-right: 16.666666%; }

  .med_sx56 {
    margin-right: 83.333333%; } }
@media screen and (min-width: 1024px) {
  .lg_s1 {
    width: 100%;
    float: none; }

  .lg_s12 {
    width: 50%; }

  .lg_s13 {
    width: 33.333333%; }

  .lg_s23 {
    width: 66.666666%; }

  .lg_s14 {
    width: 25%; }

  .lg_s34 {
    width: 75%; }

  .lg_s15 {
    width: 20%; }

  .lg_s25 {
    width: 40%; }

  .lg_s35 {
    width: 60%; }

  .lg_s45 {
    width: 80%; }

  .lg_s16 {
    width: 16.666666%; }

  .lg_s56 {
    width: 83.333333%; }

  .lg_p12 {
    left: 50%; }

  .lg_p13 {
    left: 33.333333%; }

  .lg_p23 {
    left: 66.666666%; }

  .lg_p14 {
    left: 25%; }

  .lg_p34 {
    left: 75%; }

  .lg_p16 {
    left: 16.666666%; }

  .lg_p56 {
    left: 83.333333%; }

  .lg_p12,
  .lg_p13,
  .lg_p23,
  .lg_p14,
  .lg_p34,
  .lg_p16,
  .lg_p56 {
    min-height: 1px; }

  .lg_pl12 {
    left: -50%; }

  .lg_pl13 {
    left: -33.333333%; }

  .lg_pl23 {
    left: -66.666666%; }

  .lg_pl14 {
    left: -25%; }

  .lg_pl34 {
    left: -75%; }

  .lg_pl16 {
    left: -16.666666%; }

  .lg_pl56 {
    left: -83.333333%; }

  .lg_sx12 {
    margin-right: 50%; }

  .lg_sx13 {
    margin-right: 33.333333%; }

  .lg_sx23 {
    margin-right: 66.666666%; }

  .lg_sx14 {
    margin-right: 25%; }

  .lg_sx34 {
    margin-right: 75%; }

  .lg_sx16 {
    margin-right: 16.666666%; }

  .lg_sx56 {
    margin-right: 83.333333%; } }
@media screen and (min-width: 1280px) {
  .xl_s1 {
    width: 100%;
    float: none; }

  .xl_s12 {
    width: 50%; }

  .xl_s13 {
    width: 33.333333%; }

  .xl_s23 {
    width: 66.666666%; }

  .xl_s14 {
    width: 25%; }

  .xl_s34 {
    width: 75%; }

  .xl_s15 {
    width: 20%; }

  .xl_s25 {
    width: 40%; }

  .xl_s35 {
    width: 60%; }

  .xl_s45 {
    width: 80%; }

  .xl_s16 {
    width: 16.666666%; }

  .xl_s56 {
    width: 83.333333%; }

  .xl_p12 {
    left: 50%; }

  .xl_p13 {
    left: 33.333333%; }

  .xl_p23 {
    left: 66.666666%; }

  .xl_p14 {
    left: 25%; }

  .xl_p34 {
    left: 75%; }

  .xl_p16 {
    left: 16.666666%; }

  .xl_p56 {
    left: 83.333333%; }

  .xl_p12,
  .xl_p13,
  .xl_p23,
  .xl_p14,
  .xl_p34,
  .xl_p16,
  .xl_p56 {
    min-height: 1px; }

  .xl_pl12 {
    left: -50%; }

  .xl_pl13 {
    left: -33.333333%; }

  .xl_pl23 {
    left: -66.666666%; }

  .xl_pl14 {
    left: -25%; }

  .xl_pl34 {
    left: -75%; }

  .xl_pl16 {
    left: -16.666666%; }

  .xl_pl56 {
    left: -83.333333%; }

  .xl_sx12 {
    margin-right: 50%; }

  .xl_sx13 {
    margin-right: 33.333333%; }

  .xl_sx23 {
    margin-right: 66.666666%; }

  .xl_sx14 {
    margin-right: 25%; }

  .xl_sx34 {
    margin-right: 75%; }

  .xl_sx16 {
    margin-right: 16.666666%; }

  .xl_sx56 {
    margin-right: 83.333333%; } }
@media screen and (min-width: 1400px) {
  .xxl_s1 {
    width: 100%;
    float: none; }

  .xxl_s12 {
    width: 50%; }

  .xxl_s13 {
    width: 33.333333%; }

  .xxl_s23 {
    width: 66.666666%; }

  .xxl_s14 {
    width: 25%; }

  .xxl_s34 {
    width: 75%; }

  .xxl_s15 {
    width: 20%; }

  .xxl_s25 {
    width: 40%; }

  .xxl_s35 {
    width: 60%; }

  .xxl_s45 {
    width: 80%; }

  .xxl_s16 {
    width: 16.666666%; }

  .xxl_s56 {
    width: 83.333333%; }

  .xxl_p12 {
    left: 50%; }

  .xxl_p13 {
    left: 33.333333%; }

  .xxl_p23 {
    left: 66.666666%; }

  .xxl_p14 {
    left: 25%; }

  .xxl_p34 {
    left: 75%; }

  .xxl_p16 {
    left: 16.666666%; }

  .xxl_p56 {
    left: 83.333333%; }

  .xxl_p12,
  .xxl_p13,
  .xxl_p23,
  .xxl_p14,
  .xxl_p34,
  .xxl_p16,
  .xxl_p56 {
    min-height: 1px; }

  .xxl_pl12 {
    left: -50%; }

  .xxl_pl13 {
    left: -33.333333%; }

  .xxl_pl23 {
    left: -66.666666%; }

  .xxl_pl14 {
    left: -25%; }

  .xxl_pl34 {
    left: -75%; }

  .xxl_pl16 {
    left: -16.666666%; }

  .xxl_pl56 {
    left: -83.333333%; }

  .xxl_sx12 {
    margin-right: 50%; }

  .xxl_sx13 {
    margin-right: 33.333333%; }

  .xxl_sx23 {
    margin-right: 66.666666%; }

  .xxl_sx14 {
    margin-right: 25%; }

  .xxl_sx34 {
    margin-right: 75%; }

  .xxl_sx16 {
    margin-right: 16.666666%; }

  .xxl_sx56 {
    margin-right: 83.333333%; } }
.hero .slide-content .button {
  font-size: 15px !important; }

html, body {
  font-size: 15px;
  font-family: "Avenir";
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: “liga” on; }

.h0 {
  font-family: "sd_georgia","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400 !important;
  line-height: 1.2;
  font-size: 33px !important;
  letter-spacing: 1.2667px; }
  @media screen and (max-width: 550px) {
    .h0 {
      font-size: 30px !important; } }

h1,
.h1 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.1;
  margin-bottom: 0.2em; }
  @media screen and (min-width: 550px) {
    h1,
    .h1 {
      font-size: 23.52px; } }

h1.main-logo {
  font-size: 24px; }

h2,
.h2 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19.2px;
  font-weight: 100;
  line-height: 1.4;
  margin-bottom: 0.5em; }

h3,
.h3 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16.8px;
  font-weight: 100;
  line-height: 1.3;
  margin-bottom: 0.2em; }

h4,
.h4 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px; }

h5,
.h5 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6; }

h6,
.h6 {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9.6px;
  font-weight: 500;
  line-height: 1.6; }

p,
.p {
  font-family: "Avenir";
  font-size: 15px;
  font-weight: 100;
  line-height: 2;
  margin-bottom: .618em; }

p a {
  text-decoration: underline; }

.p0 {
  font-family: "Avenir";
  font-size: 15px;
  font-weight: 100;
  line-height: 2;
  font-size: 1.2rem; }

i {
  font-style: italic; }
  i.fa {
    font-style: normal; }

strong, b, .bold {
  font-weight: 900; }

.uppercase {
  text-transform: uppercase; }

.f-lt {
  font-weight: 100; }

.f-bld {
  font-weight: 900; }

.f-cw {
  color: white; }

.f-cw-02 {
  color: rgba(255, 255, 255, 0.2); }

.f-underline {
  text-decoration: underline; }

.cap {
  text-transform: uppercase; }

[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"].icon-2x, [class*=" icon-"].icon-2x {
    font-size: 2rem; }

.icon-arrow-left:before {
  content: "\e600"; }

.icon-arrow-right:before {
  content: "\e601"; }

.icon-boxes:before {
  content: "\e602"; }

.icon-close:before {
  content: "\e604"; }

.icon-divider:before {
 /* content: "\e606";

  background-color: $c-background;
  color: $c-border;
  display: block;
  font-size: 2rem;
  height: 20px;
  text-align: center;
  width: 55px;*/ }

.icon-update:before {
  content: "\e605"; }

.icon-facebook:before {
  content: "\e603"; }

.icon-zoom:before {
  content: "\e607"; }

.icon-instagram:before {
  content: "\e608"; }

.icon-location:before {
  content: "\e609"; }

.icon-mail:before {
  content: "\e60a"; }

.icon-menu {
  position: relative;
  width: 24px;
  height: 19.58px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }
  .icon-menu .diamond-bar {
    position: absolute;
    top: -12.71px;
    left: -10.5px;
    width: 45px;
    height: 45px;
    background-color: transparent;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
  .icon-menu .icon-bar,
  .icon-menu .icon-bar:before,
  .icon-menu .icon-bar:after {
    position: absolute;
    display: block;
    width: 24px;
    height: 3.74px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; }
  .icon-menu .icon-bar:before,
  .icon-menu .icon-bar:after {
    content: ""; }
  .icon-menu .icon-bar {
    top: 7.92px; }
  .icon-menu .icon-bar:before {
    top: -7.92px; }
  .icon-menu .icon-bar:after {
    top: 7.92px; }
  .icon-menu.open .diamond-bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: white; }
  .icon-menu.open .icon-bar:before,
  .icon-menu.open .icon-bar:after {
    top: 0; }
  .icon-menu.open #hamburger-bar {
    background-color: transparent !important; }
  .icon-menu.open .icon-bar:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .icon-menu.open .icon-bar:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.icon-pinterest:before {
  content: "\e60d"; }

.icon-search:before {
  content: "\e60e"; }

.icon-twitter:before {
  content: "\e610"; }

.icon-googleplus:before {
  content: "\ea88"; }

.icon-youtube:before {
  content: "\ea98"; }

.icon-rss:before {
  content: "\f034"; }

.icon-tumblr:before {
  content: "\eabb"; }

.icon-american_express:before {
  content: "\41"; }

.icon-bitcoin:before {
  content: "\42"; }

.icon-cirrus:before {
  content: "\43"; }

.icon-discover:before {
  content: "\44"; }

.icon-fancy:before {
  content: "\46"; }

.icon-google:before {
  content: "\47"; }

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

.icon-master:before {
  content: "\4d"; }

.icon-paypal:before {
  content: "\50"; }

.icon-stripe:before {
  content: "\53"; }

.icon-visa:before {
  content: "\56"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-dankort:before {
  content: "\64"; }

.icon-maestro:before {
  content: "\6d"; }

button, .button {
  display: inline-block;
  position: relative;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  padding: 12px 18px;
  margin: auto;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 11px;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  background-color: #333333;
  color: white;
  border: 0;
  border-radius: 50px; }
  @media screen and (max-width: 399px) {
    button, .button {
      width: 100%; } }
  button + .button, .button + .button {
    margin-right: 10px; }
  button:hover, .button:hover {
    opacity: 0.8; }

.button-lg {
  display: inline-block;
  position: relative;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  padding: 12px 18px;
  margin: auto;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 11px;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  background-color: #333333;
  color: white;
  border: 0;
  border-radius: 50px;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19.2px;
  font-weight: 100;
  line-height: 1.4; }
  @media screen and (max-width: 399px) {
    .button-lg {
      width: 100%; } }
  .button-lg + .button {
    margin-right: 10px; }
  .button-lg:hover {
    opacity: 0.8; }

.button-sm {
  display: inline-block;
  position: relative;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  padding: 12px 18px;
  margin: auto;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 11px;
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  background-color: #333333;
  color: white;
  border: 0;
  border-radius: 50px;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  padding: .3rem 1rem; }
  @media screen and (max-width: 399px) {
    .button-sm {
      width: 100%; } }
  .button-sm + .button {
    margin-right: 10px; }
  .button-sm:hover {
    opacity: 0.8; }

::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.5); }

:-moz-placeholder {
  color: rgba(34, 34, 34, 0.5); }

::-moz-placeholder {
  color: rgba(34, 34, 34, 0.5); }

:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.5); }

input:-webkit-autofill {
  background-color: transparent !important;
  box-shadow: 0 0 0 1000px white inset; }

input, textarea, select {
  color: #222222;
  background-color: white; }

input, textarea, select {
  display: block;
  position: relative;
  font-family: Avenir;
  font-size: 13px;
  font-weight: 100;
  line-height: 1;
  border: 0;
  border-radius: 0;
  padding: 12px 18px;
  -webkit-appearance: none;
  -moz-appearance: none; }

/* IE 10 */
select::-ms-expand {
  display: none; }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

select {
  padding-right: 5rem; }

.selectArrow {
  display: inline-block;
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  color: #222222;
  right: 20px;
  font-size: 10px;
  pointer-events: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  z-index: 10;
  top: 50% !important;
  transform: translateY(50%) rotate(90deg); }
  .selectArrow::after {
    content: "\e601"; }

.collectionGrid-nav {
  border-top: 1px solid #f2f2f2;
  padding-top: 30px !important; }

.collectionGrid-nav .selectArrow {
  margin: auto;
  top: 0 !important;
  bottom: 0;
  right: 35px;
  transform: rotate(90deg) !important; }
  @media screen and (max-width: 768px) {
    .collectionGrid-nav .selectArrow {
      top: 50% !important; } }
  @media screen and (max-width: 550px) {
    .collectionGrid-nav .selectArrow {
      display: none; } }

legend {
  margin-bottom: 1rem;
  width: 100%; }

label {
  display: block;
  position: relative;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  width: 100%;
  color: rgba(34, 34, 34, 0.5);
  margin-bottom: 3px; }

.accessible-label {
  display: none !important; }

.inputGroup {
  display: block;
  position: relative;
  text-align: justify; }
  .inputGroup::after {
    display: inline-block;
    position: relative;
    content: '';
    width: 100%; }
  .inputGroup.inline {
    margin: 1rem auto; }
    .inputGroup.inline:first-child {
      margin-left: 0; }
    .inputGroup.inline:last-child {
      margin-right: 0; }
  .inputGroup.no-label {
    padding-top: 10px; }

input.inline {
  display: inline-block;
  position: relative;
  margin: 1rem auto; }
  input.inline:first-child {
    margin-left: 0; }
  input.inline:last-child {
    margin-right: 0; }

input[type="password"] {
  border: 1px solid #e4e4e4; }

.search-page-form input[type="search"] {
  border: 1px solid #e4e4e4;
  float: left;
  width: 75% !important;
  box-sizing: border-box;
  margin-bottom: 18px;
  line-height: initial;
  height: 50px !important; }
  @media screen and (min-width: 399px) {
    .search-page-form input[type="search"] {
      width: auto;
      margin-bottom: 0; } }
.search-page-form input[type="submit"] {
  float: left;
  border-width: 1px;
  width: 25% !important;
  line-height: 1 !important;
  height: 50px !important; }

.feedback.error {
  color: #2e3234; }
.feedback.errors {
  background: #f9a7a7; }
.feedback ul {
  padding: 0 !important;
  margin: 0 !important; }
.feedback ul li {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  margin: 0; }

/*
 * Mail Chimp
 */
.mce_hidden {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden; }

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

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

.d-table-header {
  display: table-header-group; }

.d-table-footer {
  display: table-footer-group; }

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

.d-table-cell {
  display: table-cell;
  vertical-align: middle; }

/*
 * Responsive Table Styles
 * Used for the cart and account
 */
.med_show {
  display: none !important; }

.sm_show {
  display: none !important; }

@media screen and (max-width: 768px) {
  .med_hide {
    display: none !important; }

  .med_show {
    display: block !important; }

  .med_d-block-ab {
    display: block;
    position: absolute; }

  .med_d-block {
    display: block;
    position: relative; }

  .med_u-container {
    width: 100%; }

  .med_u-row {
    display: block;
    position: relative; }
    .med_u-row::before, .med_u-row::after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .med_u-row::after {
      clear: both;
      border-bottom: 1px solid #e4e4e4;
      width: 100%; }

  .med_u-block {
    float: left; } }
@media screen and (max-width: 550px) {
  .sm_hide {
    display: none !important; }

  .sm_show {
    display: block !important; } }
.bg-cover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

/* Add HTML markup and these styles will fill the parent element with a full background.
NOTE: must specify z-index values for siblings.*/
.bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0; }

.bg-image {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0; }

.bg-overlay {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1; }

.bg-placeholder {
  background-size: auto !important;
  background-repeat: repeat !important; }

.bg-loading, .bg-loaded {
  background-color: white; }

.spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -ms-perspective: 200px;
  perspective: 200px;
  background: white;
  z-index: 10; }

.spinner-diamond {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  -webkit-animation: spinDiamond3d 1200ms 120ms infinite;
  -moz-animation: spinDiamond3d 1200ms 120ms infinite;
  -ms-animation: spinDiamond3d 1200ms 120ms infinite;
  animation: spinDiamond3d 1200ms 120ms infinite; }
  .no-csstransforms3d .spinner-diamond {
    width: 26px;
    height: 26px;
    -webkit-animation: spinDiamond 1200ms 120ms infinite;
    -moz-animation: spinDiamond 1200ms 120ms infinite;
    -ms-animation: spinDiamond 1200ms 120ms infinite;
    animation: spinDiamond 1200ms 120ms infinite; }
  .spinner-diamond.left, .spinner-diamond.right {
    width: 14px;
    height: 14px; }
    .no-csstransforms3d .spinner-diamond.left, .no-csstransforms3d .spinner-diamond.right {
      width: 18.2px;
      height: 18.2px; }
  .spinner-diamond > span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #222222;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .spinner-diamond.left {
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -ms-animation-delay: 0ms;
    animation-delay: 0ms; }
    .spinner-diamond.left > span {
      -webkit-transform: translateX(-90%) rotate(45deg);
      -moz-transform: translateX(-90%) rotate(45deg);
      -ms-transform: translateX(-90%) rotate(45deg);
      transform: translateX(-90%) rotate(45deg); }
  .spinner-diamond.right {
    -webkit-animation-delay: 240ms;
    -moz-animation-delay: 240ms;
    -ms-animation-delay: 240ms;
    animation-delay: 240ms; }
    .spinner-diamond.right > span {
      -webkit-transform: translateX(90%) rotate(45deg);
      -moz-transform: translateX(90%) rotate(45deg);
      -ms-transform: translateX(90%) rotate(45deg);
      transform: translateX(90%) rotate(45deg); }

@-webkit-keyframes spinDiamond {
  0% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: translateX(-100%) scale(0.7);
    -moz-transform: translateX(-100%) scale(0.7);
    -ms-transform: translateX(-100%) scale(0.7);
    transform: translateX(-100%) scale(0.7);
    opacity: 0; }

  50% {
    -webkit-transform: translateX(100%) scale(0.7);
    -moz-transform: translateX(100%) scale(0.7);
    -ms-transform: translateX(100%) scale(0.7);
    transform: translateX(100%) scale(0.7);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

@-moz-keyframes spinDiamond {
  0% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: translateX(-100%) scale(0.7);
    -moz-transform: translateX(-100%) scale(0.7);
    -ms-transform: translateX(-100%) scale(0.7);
    transform: translateX(-100%) scale(0.7);
    opacity: 0; }

  50% {
    -webkit-transform: translateX(100%) scale(0.7);
    -moz-transform: translateX(100%) scale(0.7);
    -ms-transform: translateX(100%) scale(0.7);
    transform: translateX(100%) scale(0.7);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

@keyframes spinDiamond {
  0% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: translateX(-100%) scale(0.7);
    -moz-transform: translateX(-100%) scale(0.7);
    -ms-transform: translateX(-100%) scale(0.7);
    transform: translateX(-100%) scale(0.7);
    opacity: 0; }

  50% {
    -webkit-transform: translateX(100%) scale(0.7);
    -moz-transform: translateX(100%) scale(0.7);
    -ms-transform: translateX(100%) scale(0.7);
    transform: translateX(100%) scale(0.7);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }

  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }

@-webkit-keyframes spinDiamond3d {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -moz-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -ms-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    opacity: 0; }

  50% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); }

  100% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); } }

@-moz-keyframes spinDiamond3d {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -moz-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -ms-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    opacity: 0; }

  50% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); }

  100% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); } }

@keyframes spinDiamond3d {
  0% {
    -webkit-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -moz-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -ms-transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    transform: rotateY(0deg) translateZ(60px) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  30% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    opacity: 0; }

  50% {
    -webkit-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -moz-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -ms-transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    transform: rotateY(-180deg) translateZ(60px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0; }

  80% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); }

  100% {
    -webkit-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -moz-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    -ms-transform: rotateY(-360deg) translateZ(60px) rotateY(360deg);
    transform: rotateY(-360deg) translateZ(60px) rotateY(360deg); } }

html {
  position: relative;
  background-color: white;
  overflow-x: hidden; }
  html.nav--is-visible, html.cart--is-visible {
    overflow: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    html.nav--is-visible::-webkit-scrollbar, html.cart--is-visible::-webkit-scrollbar {
      display: none;
      width: 0;
      background: green; }

body {
  display: block;
  position: relative;
  background-color: white;
  /*overflow-x: hidden;*/ }
  body.nav--is-visible, body.cart--is-visible {
    overflow: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    body.nav--is-visible::-webkit-scrollbar, body.cart--is-visible::-webkit-scrollbar {
      display: none;
      width: 0; }
  @media screen and (max-width: 550px) {
    body {
      overflow: hidden; } }

a {
  color: inherit;
  text-decoration: none; }
  a .link-hover {
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity;
    color: #222222; }
    a .link-hover:hover {
      opacity: 0.8; }

.container-wrap {
  display: block;
  position: relative;
  margin: auto;
  width: 100%; }

.container {
  display: block;
  position: relative;
  margin: 0rem auto;
  max-width: 1600px;
  width: 100%;
  z-index: 0; }

.pad-sm {
  padding: 1.5rem 0rem; }
  @media screen and (min-width: 550px) {
    .pad-sm {
      padding: 3rem 0rem; } }

.pad-med {
  padding: 3.33rem 0rem; }
  @media screen and (min-width: 550px) {
    .pad-med {
      padding: 6.66rem 0rem; } }

.pad-lg {
  padding: 5rem 0rem; }
  @media screen and (min-width: 550px) {
    .pad-lg {
      padding: 10rem 0rem; } }

/* Use a row to specify width and .inline or .float options
 * to set up a wrapper for grids.
 */
.row {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  z-index: 1; }
  .row:before, .row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row:after {
    clear: both; }
  .row.row-sm {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row.row-sm {
        width: 75%; } }
    @media screen and (min-width: 768px) {
      .row.row-sm {
        width: 60%; } }
  .row.row-med {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row.row-med {
        width: 80%; } }
    @media screen and (min-width: 768px) {
      .row.row-med {
        width: 70%; } }
  .row.row-lg {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row.row-lg {
        width: 87.5%; } }
    @media screen and (min-width: 768px) {
      .row.row-lg {
        width: 85%; } }
  .row.inline {
    text-align: justify; }
    .row.inline:before {
      display: none; }
    .row.inline:after {
      display: inline-block;
      position: relative;
      content: '';
      width: 100%; }
    .row.inline.center {
      text-align: center; }
    .row.inline .block {
      display: inline-block;
      position: relative;
      float: none; }
  .row.va-m .block {
    vertical-align: middle; }
  .row.vm-child::after {
    display: inline-block;
    position: relative;
    content: '';
    height: 50%;
    width: 0px; }

.block {
  display: block;
  position: relative;
  float: left;
  text-align: left;
  vertical-align: top; }

.gridSpacer {
  height: 0;
  font-size: 0; }

.content {
  display: inline-block;
  position: relative;
  margin: auto;
  text-align: left;
  width: 99%;
  vertical-align: middle; }

.divider {
  display: block;
  position: relative;
  background-color: #e4e4e4;
  height: 4px;
  margin: 1rem 0rem 1.4rem;
  width: 100px; }

.divider--wide {
  display: block;
  position: relative;
  background-color: #e4e4e4;
  height: 1px;
  margin: 1rem 0rem 1.4rem;
  width: 100%; }

.diamond-outline:hover .diamond {
  border-color: rgba(255, 0, 0, 0);
  transform: rotate(45deg) scale(1, 1);
  -webkit-transform: rotate(45deg) scale(1, 1);
  -moz-transform: rotate(45deg) scale(1, 1);
  -ms-transform: rotate(45deg) scale(1, 1); }
.diamond-outline .diamond {
  display: block;
  position: absolute;
  -webkit-transition: background .1s, border 0.1s, transform 0.1s;
  -moz-transition: background .1s, border 0.1s, transform 0.1s;
  -ms-transition: background .1s, border 0.1s, transform 0.1s;
  transition: background .1s, border 0.1s, transform 0.1s;
  background-color: white;
  border: 2px solid rgba(255, 0, 0, 0);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: rotate(45deg) scale(0.9, 0.9);
  -webkit-transform: rotate(45deg) scale(0.9, 0.9);
  -moz-transform: rotate(45deg) scale(0.9, 0.9);
  -ms-transform: rotate(45deg) scale(0.9, 0.9); }

span.ie8-after {
  display: none; }

.centered {
  text-align: center; }

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

.clear-both {
  display: block;
  clear: both; }

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

.bg-placeholder {
  background-repeat: repeat;
  background-size: initial; }

.svg-placeholder {
  background-color: #FAF9F9;
  position: relative; }
  .svg-placeholder svg {
    height: 80%;
    left: 50%;
    max-height: 100%;
    min-height: 400px;
    max-width: 100%;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }

.blogModule {
  color: #222222; }
  .blogModule.style-default {
    background-color: white; }
  .blogModule.style-light {
    background-color: #fafafa; }
  .blogModule h1,
  .blogModule h2,
  .blogModule h3,
  .blogModule h4,
  .blogModule h5,
  .blogModule h6 {
    color: black; }
  .blogModule p {
    font-size: 12.45px;
    letter-spacing: 1.2667px; }
  .blogModule .button {
    background-color: #333333;
    color: white; }
  .blogModule.style-primary {
    background-color: #333333;
    color: #FFFFFF; }
    .blogModule.style-primary h1,
    .blogModule.style-primary h2,
    .blogModule.style-primary h3,
    .blogModule.style-primary h4,
    .blogModule.style-primary h5,
    .blogModule.style-primary h6 {
      color: #FFFFFF; }
    .blogModule.style-primary a {
      color: #FFFFFF; }
    .blogModule.style-primary .button {
      background-color: #FFFFFF;
      color: #333333; }
  .blogModule a {
    -webkit-transition: 0.3s opacity;
    -moz-transition: 0.3s opacity;
    -ms-transition: 0.3s opacity;
    transition: 0.3s opacity; }
    .blogModule a:hover {
      opacity: 0.8; }
  .blogModule .carousel-slide-image {
    padding-top: initial !important;
    height: 200px;
    position: relative; }
    @media (min-width: 768px) {
      .blogModule .carousel-slide-image {
        padding-top: 66%; } }
    .blogModule .carousel-slide-image > .carousel-slide-excerpt {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .blogModule .carousel-slide-image + .carousel-slide-info {
      padding: 20px 0 0; }
    .blogModule .carousel-slide-image.with-repeat {
      background-repeat: repeat;
      background-size: initial; }
  .blogModule .carousel-slide-info {
    padding: 0;
    text-align: left; }
    .blogModule .carousel-slide-info + .carousel-slide-image {
      margin: 0 0 30px; }
    .blogModule .carousel-slide-info p:last-of-type {
      margin-bottom: 0; }
    .blogModule .carousel-slide-info .post-date {
      font-family: "sd_georgia", Times, "Times New Roman", serif;
      margin-bottom: 0;
      letter-spacing: 0; }
      .blogModule .carousel-slide-info .post-date + p {
        margin-top: 1rem; }
  .blogModule .blogModule.center .blogModule-posts-post {
    padding: 0 20px;
    float: left; }
  .blogModule .blogModule .post-divider:last-of-type {
    display: none; }
  @media (min-width: 1025px) {
    .blogModule .blogModule.u-left > a {
      margin-right: 10px; } }
  @media (min-width: 550px) {
    .blogModule .blogModule {
      height: 360px; } }
  .blogModule .button {
    transition: opacity 0.3s; }
    .blogModule .button:hover {
      opacity: 1; }

hr.post-divider {
  display: block;
  position: relative;
  border-top: 2px solid #e4e4e4;
  margin: 0 auto 40px;
  width: 80px; }
  @media (min-width: 769px) {
    hr.post-divider {
      display: none; } }

.fake-blog--image {
  padding-top: initial !important;
  height: 200px !important;
  width: 300px !important;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 768px) {
  .blogModule .carousel-slide-info, .blogModule p {
    text-align: center; } }
.blogModule-slider {
  display: none !important; }
  .blogModule-slider .no-image {
    position: relative;
    transform: translateY(50%);
    margin-top: 100px; }

@media only screen and (min-width: 1023px) {
  .blogModule-posts-post:nth-child(4n+1) {
    clear: both; } }
@media only screen and (max-width: 1023px) and (min-width: 769px) {
  .blogModule-posts-post:nth-child(2n+1) {
    clear: both; } }
.carousel-slide-image.no-image {
  height: 100px; }

@media screen and (max-width: 768px) {
  .blogModule-posts {
    display: none !important; }

  .blogModule-slider {
    display: block !important; } }
.blogModule-posts-post {
  padding: 0 20px;
  float: left !important; }

/* Flickity listens for `content: 'flickity'` on the ::after psuedo-element and initializes.
 */
.row.js-carousel-slider {
  outline: 0 !important; }
  .row.js-carousel-slider::after {
    content: '';
    display: table; }
    @media screen and (max-width: 768px) {
      .row.js-carousel-slider::after {
        content: 'flickity';
        display: table;
        font-size: 0; } }
  .row.js-carousel-slider.inline {
    text-align: center; }
    .row.js-carousel-slider.inline::after {
      content: ''; }
      @media screen and (max-width: 768px) {
        .row.js-carousel-slider.inline::after {
          content: 'flickity'; } }

/**
 * Outer carousel container.
 */
.carousel {
  /**
   * Added here, not on .js-carousel, because we want it to overflow .row.row--lg but not the container.
   */
  overflow-x: hidden;
  /* padding: 60px 0 30px;
   @media screen and (max-width: $sm) {
     padding: 50px 0 20px;
   }*/
  /**
   * For the button in the homepage blog module.
   */ }
  .carousel .button {
    margin: 10px 0 30px; }

@media screen and (max-width: 550px) {
  .blogModule .carousel {
    padding: 20px 0 20px; } }
/**
 * Title of section.
 */
.carousel-title {
  margin-bottom: 20px;
  text-align: center; }

/**
 * Slide element within .row.row--lg.
 */
.carousel-slide {
  padding: 0 1rem; }
  .ie8 .carousel-slide {
    width: 23% !important; }

.carousel-slide-image {
  display: block;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: cover;
   padding-top: 100%;*/
  width: 100%;
  height: 200px; }
  .carousel-slide-image:hover .collectionBlock-image-inner {
    opacity: 1; }

.carousel-slide-info {
  display: block;
  position: relative;
  padding: 20px 0 30px;
  text-align: center; }
  @media screen and (max-width: 550px) {
    .carousel-slide-info {
      padding: 15px 0 0px; } }

.collectionGrid {
  margin: 60px 0 50px; }
  @media screen and (min-width: 768px) {
    .collectionGrid {
      margin: 75px 0 75px; } }
  .template-collection .collectionGrid, .template-search .collectionGrid {
    margin: 20px 0; }
    @media screen and (min-width: 768px) {
      .template-collection .collectionGrid, .template-search .collectionGrid {
        margin: 0 0 25px; } }
  .collectionGrid .collectionGrid-row.row {
    /**
     * Static to accommodate Quick View.
     */ }
    .collectionGrid .collectionGrid-row.row > .block {
      position: static; }

.product-in-waiting {
  position: absolute !important;
  opacity: 0;
  pointer-events: none; }

.collectionBlock {
  transition: opacity 0.3s ease-in; }

.collectionGrid-header {
  margin-bottom: 20px; }
  .collectionGrid-header .block {
    text-align: center; }
  .collectionGrid-header h1 {
    margin-bottom: 25px; }
  .collectionGrid-header .collections {
    margin-bottom: 25px; }
  .collectionGrid-header .collection {
    display: inline-block;
    position: relative;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    -webkit-transition: color .2s, opacity .2s;
    -moz-transition: color .2s, opacity .2s;
    -ms-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s;
    border-bottom: 2px solid transparent;
    color: #222222;
    cursor: pointer;
    margin: 0 15px;
    opacity: .6;
    padding: 1px 0;
    text-transform: uppercase;
    /**
     * Active class needs to be applied to first collection in markup.
     */ }
    .collectionGrid-header .collection:hover {
      opacity: 1; }
    .collectionGrid-header .collection.is-active {
      border-bottom: 2px solid #222222;
      opacity: 1; }
  .collectionGrid-header #collectionGrid-selector {
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    display: inline-block;
    position: relative;
    width: 100%; }

.collectionGrid-slider {
  display: block;
  position: relative; }
  .collectionGrid-slider .slick-list--quickview-open {
    height: auto !important; }
    .collectionGrid-slider .slick-list--quickview-open .slick-slide:not(.slick-active) {
      max-height: 0px; }
  .collectionGrid-slider .slick-slide {
    height: auto; }

.template-search .breadcrumbs, .template-search .collectionGrid-filter, .template-search .tag-filter {
  display: block !important;
  position: relative !important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: initial !important; }
.template-search .breadcrumbs {
  width: 100%; }

.section-breadcrumbs {
  display: block;
  margin: 0 auto;
  width: 100%; }
  .section-breadcrumbs .breadcrumbs {
    margin: 0 auto; }

.open-filter {
  float: left;
  opacity: 1;
  display: block;
  cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .open-filter {
      opacity: 1;
      display: none; } }

.close-filter {
  float: left;
  opacity: 1;
  display: none;
  cursor: pointer; }
  @media screen and (max-width: 1024px) {
    .close-filter {
      opacity: 1;
      display: none; } }

.close-filter__mobile {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: none;
  opacity: 0;
  line-height: 40px;
  height: 40px;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    .close-filter__mobile {
      opacity: 1;
      display: none;
      margin-bottom: 30px; } }
  @media screen and (max-width: 550px) {
    .close-filter__mobile {
      background: none;
      color: #333;
      text-transform: uppercase;
      font-weight: normal;
      border-right: 1px solid #ccc;
      margin-bottom: 0px; } }

.open-filter__mobile {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: none;
  opacity: 0;
  line-height: 40px;
  height: 40px;
  padding: 0; }
  @media screen and (max-width: 1024px) {
    .open-filter__mobile {
      opacity: 1;
      display: block; } }
  @media screen and (max-width: 550px) {
    .open-filter__mobile {
      background: none;
      color: #333;
      text-transform: uppercase;
      font-weight: normal;
      border-right: 1px solid #ccc;
      margin-bottom: 0px; } }

.filter-wrapper {
  border: 1px solid #d6d5d5;
  padding: 10px 5px;
  margin-bottom: 25px; }

/**
 * These are the individual grid items.
 */
.collectionBlock {
  /**
   * Sets the featured products on the Collection page.
   */
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .has-featured-products .collectionBlock:nth-of-type(-n+2) {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .has-featured-products .collectionBlock:nth-of-type(-n+2) {
        width: calc(50% - 20px/2) !important; } }
  .ajax-sorting .collectionBlock {
    opacity: 0; }

/**
 * This controls the size of image.
 */
.collectionBlock-image {
  display: block;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /**
   * 100% is square at desktop sizes.
   */
  /*padding-top: 66%;*/
  height: 350px; }
  .collectionBlock-image:hover .collectionBlock-image-inner {
    opacity: 1; }
  @media screen and (max-width: 550px) {
    .collectionBlock-image {
      height: 150px; } }

.c-image {
  display: block;
  max-width: 380px;
  max-height: 370px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  @media screen and (max-width: 550px) {
    .c-image {
      max-width: 150px;
      max-height: 145px; } }

/**
 * This is the hover layer over the image.
 */
.collectionBlock-image-inner {
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  text-align: center;
  z-index: 1;
  /**
   * Hide hover effect alltogether for screens below 1024px.
   */ }
  .collectionBlock-image-inner:after {
    display: inline-block;
    position: relative;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .collectionBlock-image-inner .button {
    max-width: 90%; }
  @media screen and (max-width: 1024px) {
    .collectionBlock-image-inner {
      display: none; } }
  .collectionBlock-image-inner.collection-error {
    opacity: .8; }
    .collectionBlock-image-inner.collection-error .no-products {
      display: inline-block;
      position: relative;
      color: white;
      max-width: 85%;
      text-align: center;
      vertical-align: middle; }
      .image-hover-light .collectionBlock-image-inner.collection-error .no-products {
        color: #222222; }

/**
 * The text portion below the block.
 */
.collectionBlock-info {
  padding: 10px 15px 50px 0;
  text-align: center; }
  .collectionBlock-info h3.sale {
    color: #2e3234; }
    .collectionBlock-info h3.sale strike {
      color: rgba(34, 34, 34, 0.5); }
  .collectionBlock-info h4, .collectionBlock-info h3 {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-align: left;
    /* text-transform: uppercase;*/
    font-size: 11px;
    letter-spacing: 1.5px; }
  .collectionBlock-info p.h4 {
    font-size: 13px;
    line-height: 3;
    text-align: left;
    letter-spacing: 1.5px; }
    .collectionBlock-info p.h4 strike {
      color: rgba(34, 34, 34, 0.5); }
    .collectionBlock-info p.h4 .sale {
      color: #bd443c; }
  @media screen and (max-width: 550px) {
    .collectionBlock-info {
      float: left;
      padding: 0 0 50px; } }

.gallery-wrap {
  color: #222222; }
  .gallery-wrap.style-default {
    background-color: white; }
  .gallery-wrap.style-light {
    background-color: #fafafa; }
  .gallery-wrap h1,
  .gallery-wrap h2,
  .gallery-wrap h3,
  .gallery-wrap h4,
  .gallery-wrap h5,
  .gallery-wrap h6 {
    color: black; }
  .gallery-wrap a {
    color: #333333; }
  .gallery-wrap .gallery-content .button {
    background-color: #333333;
    color: white; }
  .gallery-wrap.style-primary {
    background-color: #333333;
    color: #FFFFFF; }
    .gallery-wrap.style-primary h1,
    .gallery-wrap.style-primary h2,
    .gallery-wrap.style-primary h3,
    .gallery-wrap.style-primary h4,
    .gallery-wrap.style-primary h5,
    .gallery-wrap.style-primary h6 {
      color: #FFFFFF; }
    .gallery-wrap.style-primary a {
      color: #FFFFFF; }
    .gallery-wrap.style-primary .gallery-content .button {
      background-color: #FFFFFF;
      color: #333333; }
  .gallery-wrap.style-nav-white .slick-next,
  .gallery-wrap.style-nav-white .slick-prev {
    background-color: #333333;
    transition: 0.3s opacity; }
    .gallery-wrap.style-nav-white .slick-next:after,
    .gallery-wrap.style-nav-white .slick-prev:after {
      color: white; }
  .gallery-wrap.style-nav-white .slick-dots li {
    border-color: #FFFFFF; }
    .gallery-wrap.style-nav-white .slick-dots li.slick-active {
      background-color: #FFFFFF; }
  .gallery-wrap.style-nav-text .slick-next,
  .gallery-wrap.style-nav-text .slick-prev {
    background-color: #FFFFFF;
    transition: 0.3s opacity; }
    .gallery-wrap.style-nav-text .slick-next:after,
    .gallery-wrap.style-nav-text .slick-prev:after {
      color: #333333; }
  .gallery-wrap.style-nav-text .slick-dots li {
    border-color: #222222; }
    .gallery-wrap.style-nav-text .slick-dots li.slick-active {
      background-color: #222222; }
  .gallery-wrap a {
    -webkit-transition: 0.3s opacity;
    -moz-transition: 0.3s opacity;
    -ms-transition: 0.3s opacity;
    transition: 0.3s opacity; }
    .gallery-wrap a:hover {
      opacity: 0.8; }

.gallery {
  height: 560px;
  overflow: hidden;
  /**
   * Height of slider and content, since they're both 50% height.
   */
  /**
   * Height of slider and content, since they're both 50% height.
   */ }
  @media screen and (max-width: 1024px) {
    .gallery {
      height: 620px; } }
  @media screen and (max-width: 768px) {
    .gallery {
      height: 950px; } }
  @media screen and (max-width: 399px) {
    .gallery {
      /*height: 850px;*/ } }
  .gallery .row {
    height: 100%;
    max-height: 560px; }
    @media screen and (max-width: 768px) {
      .gallery .row {
        max-height: 800px; } }
    @media screen and (max-width: 399px) {
      .gallery .row {
        max-height: 500px; } }
    .gallery .row .block {
      text-align: center; }
  .gallery .gallery-content,
  .gallery .gallery-slider {
    height: 100%; }
    @media (max-width: 768px) {
      .gallery .gallery-content,
      .gallery .gallery-slider {
        height: 38%; } }
    @media (max-width: 375px) {
      .gallery .gallery-content,
      .gallery .gallery-slider {
        height: 52%; } }
  .ie8 .gallery .gallery-content {
    width: 40%; }
  .ie8 .gallery .gallery-slider {
    width: 60%; }
  @media (max-width: 768px) {
    .gallery .gallery-slider {
      min-height: 290px; } }

/**
 * Text portion of the gallery module.
 */
.gallery-content {
  height: 100%;
  padding: 10px;
  /**
   * Vertically aligns .gallery-content-inner
   */ }
  .gallery-content::after {
    display: inline-block;
    position: relative;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .gallery-content .button {
    -webkit-transition: 0.3s opacity;
    -moz-transition: 0.3s opacity;
    -ms-transition: 0.3s opacity;
    transition: 0.3s opacity; }
    .gallery-content .button:hover {
      opacity: 1; }

/**
 * This is the vertically aligned bit.
 */
.gallery-content-inner {
  display: inline-block;
  max-width: 510px;
  text-align: left;
  vertical-align: middle;
  width: 90%;
  /*h1 { margin-bottom: 0px; font: normal 40px/50px $general_font; }*/ }
  .gallery-content-inner p {
    margin-bottom: 50px;
    line-height: 1.85714; }

.hero-center .slide-inner {
  text-align: center; }

.hero-left .slide-inner {
  text-align: left; }
.hero-left .slick-dots {
  text-align: left; }
  .hero-left .slick-dots li {
    margin: 0 8px 0 0; }
    .hero-left .slick-dots li + li {
      margin: 0 8px; }

.hero-right .slide-inner {
  text-align: right; }
.hero-right .slick-dots {
  text-align: right; }
  .hero-right .slick-dots li {
    margin: 0 0 0 16px; }

/**
 * Hero Module
 */
@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomout {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.we-zoomin {
  -webkit-animation: zoomout 7s 1;
  animation: zoomout 7s 1;
  transition-timing-function: ease-out; }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99; }

.ie .hero {
  min-height: 800px; }

.hero {
  height: 100vh;
  overflow: hidden;
  /**
   * This remains if the slideshow is disabled too, so don't delete.
   */
  /*.slide-inner:not(.bg-loaded) .slide-content { opacity: 0; }*/
  /**
   * Slider Related
   */ }
  .hero.style-primary .slide-content {
    color: #222222; }
    .hero.style-primary .slide-content:before {
      background-color: white; }
    .hero.style-primary .slide-content .button {
      background-color: #333333;
      color: white; }
  .hero.style-white .slide-content {
    color: #FFFFFF; }
    .hero.style-white .slide-content:before {
      background-color: #333333; }
    .hero.style-white .slide-content .button {
      background-color: #FFFFFF;
      color: #333333; }
  .hero.style-nav-white .slick-next,
  .hero.style-nav-white .slick-prev {
    background-color: #333333;
    transition: 0.3s opacity; }
    .hero.style-nav-white .slick-next:after,
    .hero.style-nav-white .slick-prev:after {
      color: white; }
  .hero.style-nav-text .slick-next,
  .hero.style-nav-text .slick-prev {
    background-color: #FFFFFF;
    transition: 0.3s opacity; }
    .hero.style-nav-text .slick-next:after,
    .hero.style-nav-text .slick-prev:after {
      color: #333333; }
  .hero.style-nav-text .slick-dots li {
    border-color: #222222; }
    .hero.style-nav-text .slick-dots li.slick-active {
      background-color: #222222; }
  @media (max-width: 1400px) {
    .hero {
      height: auto;
      padding-top: 52%; } }
  @media (max-width: 1024px) {
    .hero {
      padding-top: 70%; } }
  @media (max-width: 768px) {
    .hero {
      padding-top: 120%; } }
  @media (max-width: 399px) {
    .hero {
      padding-top: 150%; } }
  @media screen and (min-width: 768px) {
    .hero:hover .slick-prev, .hero:hover .slick-next {
      /**
       * Same as default state.
       */
      opacity: 1; }
      .hero:hover .slick-prev:hover, .hero:hover .slick-next:hover {
        opacity: 1; } }
  .hero.hero--border {
    /**
     * Hero--border border removed under $xs.
     */ }
    @media screen and (min-width: 399px) {
      .hero.hero--border {
        margin-top: 20px;
        margin-bottom: 20px;
        width: calc(100% - 40px); } }
    .ie8 .hero.hero--border {
      height: 800px;
      margin-top: 20px;
      width: 97%; }
  .hero .hero-slide {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; }
  .hero .slide-content {
    padding: 0px;
    position: relative; }
    .hero .slide-content h1,
    .hero .slide-content h2,
    .hero .slide-content .button {
      position: relative;
      z-index: 9; }
    .hero .slide-content .button {
      -webkit-transition: 0.3s opacity;
      -moz-transition: 0.3s opacity;
      -ms-transition: 0.3s opacity;
      transition: 0.3s opacity;
      margin-top: 15px; }
      .hero .slide-content .button:hover {
        opacity: 0.8; }
    .hero .slide-content:before {
      content: '';
      height: 100%;
      left: 0;
      opacity: 0.5;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 0; }
  .hero .hero-dots-row {
    max-width: calc(1600px * 0.9); }
    @media screen and (min-width: 399px) {
      .hero .hero-dots-row {
        max-width: calc(1600px * 0.875); } }
    @media screen and (min-width: 768px) {
      .hero .hero-dots-row {
        max-width: calc(1600px * 0.85); } }
  .hero .slick-list {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute; }
  .hero .slick-prev, .hero .slick-next {
    top: calc(50% - 40px); }

.hero-slider {
  visibility: visible;
  -webkit-transform: translateY(0) scale(1);
  opacity: 1;
  transform: translateY(0) scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.instagram h3 {
  font-weight: bold;
  margin-bottom: 40px;
  text-transform: capitalize !important; }

.instagram, .signUp, .carousel-title, .as-seen, .review-wrapper {
  text-align: center; }
  .instagram h2, .signUp h2, .carousel-title h2, .as-seen h2, .review-wrapper h2 {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 4px;
    color: #000;
    margin-bottom: 40px; }
  .instagram.style-default, .signUp.style-default, .carousel-title.style-default, .as-seen.style-default, .review-wrapper.style-default {
    background-color: white; }
  .instagram.style-light, .signUp.style-light, .carousel-title.style-light, .as-seen.style-light, .review-wrapper.style-light {
    background-color: #FAFAFA; }
  .instagram .instagram-title, .signUp .instagram-title, .carousel-title .instagram-title, .as-seen .instagram-title, .review-wrapper .instagram-title {
    color: #222222; }
  .instagram .button, .signUp .button, .carousel-title .button, .as-seen .button, .review-wrapper .button {
    background-color: #333333;
    color: #fff; }
  .instagram .slick-next,
  .instagram .slick-prev, .signUp .slick-next,
  .signUp .slick-prev, .carousel-title .slick-next,
  .carousel-title .slick-prev, .as-seen .slick-next,
  .as-seen .slick-prev, .review-wrapper .slick-next,
  .review-wrapper .slick-prev {
    background-color: #333333; }
    .instagram .slick-next:after,
    .instagram .slick-prev:after, .signUp .slick-next:after,
    .signUp .slick-prev:after, .carousel-title .slick-next:after,
    .carousel-title .slick-prev:after, .as-seen .slick-next:after,
    .as-seen .slick-prev:after, .review-wrapper .slick-next:after,
    .review-wrapper .slick-prev:after {
      color: white; }
  .instagram.style-primary, .signUp.style-primary, .carousel-title.style-primary, .as-seen.style-primary, .review-wrapper.style-primary {
    background-color: #333333; }
    .instagram.style-primary .instagram-title, .signUp.style-primary .instagram-title, .carousel-title.style-primary .instagram-title, .as-seen.style-primary .instagram-title, .review-wrapper.style-primary .instagram-title {
      color: #FFFFFF; }
    .instagram.style-primary .button, .signUp.style-primary .button, .carousel-title.style-primary .button, .as-seen.style-primary .button, .review-wrapper.style-primary .button {
      background-color: #FFFFFF;
      color: #333333; }
    .instagram.style-primary .slick-next,
    .instagram.style-primary .slick-prev, .signUp.style-primary .slick-next,
    .signUp.style-primary .slick-prev, .carousel-title.style-primary .slick-next,
    .carousel-title.style-primary .slick-prev, .as-seen.style-primary .slick-next,
    .as-seen.style-primary .slick-prev, .review-wrapper.style-primary .slick-next,
    .review-wrapper.style-primary .slick-prev {
      background-color: #FFFFFF; }
      .instagram.style-primary .slick-next:after,
      .instagram.style-primary .slick-prev:after, .signUp.style-primary .slick-next:after,
      .signUp.style-primary .slick-prev:after, .carousel-title.style-primary .slick-next:after,
      .carousel-title.style-primary .slick-prev:after, .as-seen.style-primary .slick-next:after,
      .as-seen.style-primary .slick-prev:after, .review-wrapper.style-primary .slick-next:after,
      .review-wrapper.style-primary .slick-prev:after {
        color: #333333; }
  .instagram .instagram-title, .signUp .instagram-title, .carousel-title .instagram-title, .as-seen .instagram-title, .review-wrapper .instagram-title {
    max-width: 500px;
    padding-top: 10px; }
  .instagram .di
  .instagram-inner .instagram-titles, .signUp .di
  .instagram-inner .instagram-titles, .carousel-title .di
  .instagram-inner .instagram-titles, .as-seen .di
  .instagram-inner .instagram-titles, .review-wrapper .di
  .instagram-inner .instagram-titles {
    padding: 0; }
  .instagram .instagram-follow, .signUp .instagram-follow, .carousel-title .instagram-follow, .as-seen .instagram-follow, .review-wrapper .instagram-follow {
    display: block;
    position: absolute;
    white-space: nowrap;
    max-width: 200px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 20px; }
    .instagram .instagram-follow:first-child:last-child, .signUp .instagram-follow:first-child:last-child, .carousel-title .instagram-follow:first-child:last-child, .as-seen .instagram-follow:first-child:last-child, .review-wrapper .instagram-follow:first-child:last-child {
      display: inline-block;
      position: relative;
      top: auto; }
    .instagram .instagram-follow .button, .signUp .instagram-follow .button, .carousel-title .instagram-follow .button, .as-seen .instagram-follow .button, .review-wrapper .instagram-follow .button {
      margin: 0; }
    .instagram .instagram-follow .icon-instagram, .signUp .instagram-follow .icon-instagram, .carousel-title .instagram-follow .icon-instagram, .as-seen .instagram-follow .icon-instagram, .review-wrapper .instagram-follow .icon-instagram {
      margin-right: 5px; }
    @media (max-width: 1024px) {
      .instagram .instagram-follow, .signUp .instagram-follow, .carousel-title .instagram-follow, .as-seen .instagram-follow, .review-wrapper .instagram-follow {
        margin: 10px auto;
        position: relative;
        right: auto;
        top: auto;
        width: 200px; } }
    @media screen and (max-width: 399px) {
      .instagram .instagram-follow, .signUp .instagram-follow, .carousel-title .instagram-follow, .as-seen .instagram-follow, .review-wrapper .instagram-follow {
        width: 100%; } }
  .instagram .instagram-img, .signUp .instagram-img, .carousel-title .instagram-img, .as-seen .instagram-img, .review-wrapper .instagram-img {
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: -5px; }
    .instagram .instagram-img img, .signUp .instagram-img img, .carousel-title .instagram-img img, .as-seen .instagram-img img, .review-wrapper .instagram-img img {
      height: 100%;
      width: 100%; }
    .instagram .instagram-img.is-placeholder svg, .signUp .instagram-img.is-placeholder svg, .carousel-title .instagram-img.is-placeholder svg, .as-seen .instagram-img.is-placeholder svg, .review-wrapper .instagram-img.is-placeholder svg {
      background-color: #FAF9F9; }
  .instagram .slick-disabled, .signUp .slick-disabled, .carousel-title .slick-disabled, .as-seen .slick-disabled, .review-wrapper .slick-disabled {
    opacity: 0 !important; }
  .instagram .flickity-viewport.slick-slide, .signUp .flickity-viewport.slick-slide, .carousel-title .flickity-viewport.slick-slide, .as-seen .flickity-viewport.slick-slide, .review-wrapper .flickity-viewport.slick-slide {
    display: none; }
  .instagram .instagram-slider, .signUp .instagram-slider, .carousel-title .instagram-slider, .as-seen .instagram-slider, .review-wrapper .instagram-slider {
    width: 100% !important;
    overflow: hidden; }
    @media (min-width: 550px) {
      .instagram .instagram-slider .slick-list, .signUp .instagram-slider .slick-list, .carousel-title .instagram-slider .slick-list, .as-seen .instagram-slider .slick-list, .review-wrapper .instagram-slider .slick-list {
        margin-left: -10px;
        margin-right: -10px;
        width: auto; } }
    .instagram .instagram-slider:after, .signUp .instagram-slider:after, .carousel-title .instagram-slider:after, .as-seen .instagram-slider:after, .review-wrapper .instagram-slider:after {
      display: none; }
  .instagram .slick-track, .signUp .slick-track, .carousel-title .slick-track, .as-seen .slick-track, .review-wrapper .slick-track {
    margin: 0 auto; }
  .instagram .js-error, .signUp .js-error, .carousel-title .js-error, .as-seen .js-error, .review-wrapper .js-error {
    display: none; }

.instagram-img--wrapper {
  display: inline-block;
  float: left; }

.instagram-img {
  background-size: cover;
  background-position: center center; }

@media screen and (min-width: 769px) {
  .instagram-img--wrapper {
    width: 16.66667%; } }
@media screen and (max-width: 768px) {
  .instagram-img--wrapper {
    width: 33.33333%; } }
@media screen and (max-width: 550px) {
  .instagram-img--wrapper {
    width: 50%; }

  .seen-icons img {
    width: 100%; } }
.mosaic {
  margin-top: 50px; }
  .mosaic .column {
    /**
     * This column doesn't need the row::after since the big
     * block wraps the top two little blocks already.
     * It was taking up vertical space on resize.
     */ }
    .mosaic .column:first-of-type::after {
      display: none; }
    @media screen and (min-width: 1000px) {
      .mosaic .column {
        /**
         * This column doesn't need the row::after since the big
         * block wraps the top two little blocks already.
         * It was taking up vertical space on resize.
         */ }
        .mosaic .column:first-of-type::after {
          display: inline-block; } }
  .mosaic.style-nav-white .mosaic-slider .flickity-page-dots li {
    border-color: #FFFFFF; }
    .mosaic.style-nav-white .mosaic-slider .flickity-page-dots li.is-selected {
      background-color: #FFFFFF; }
  .mosaic.style-nav-text .mosaic-slider .flickity-page-dots li {
    border-color: #222222; }
    .mosaic.style-nav-text .mosaic-slider .flickity-page-dots li.is-selected {
      background-color: #222222; }

.mosaic-title {
  margin-bottom: 25px;
  margin-top: 100px; }
  .mosaic-title h1 {
    margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .mosaic, .mosaic-title {
    margin-top: 35px; } }
.mosaic-block {
  margin-bottom: 20px;
  padding-top: 100%; }
  @media screen and (min-width: 550px) {
    .mosaic-block {
      padding-top: calc(50% - 10px); } }
  @media screen and (max-width: 768px) {
    .mosaic-block {
      margin-bottom: 0; } }
  .mosaic-block h1 {
    margin-bottom: 10px; }
  .mosaic-block p {
    margin-bottom: 20px; }
  .mosaic-block h3 {
    margin-bottom: 0.3em; }
  .mosaic-block.feature {
    padding-top: 100%; }
    .mosaic-block.feature .mosaic-block-image {
      padding-top: 100%; }
    @media screen and (min-width: 1000px) {
      .mosaic-block.feature h3 {
        font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19.2px;
        font-weight: 100;
        line-height: 1.4; } }
    .mosaic-block.feature .mosaic-block-inner .content {
      max-width: 380px; }

.mosaic-block-image {
  display: block;
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 0;
  padding-top: 100%;
  z-index: 0; }

.mosaic-block-inner {
  display: block;
  position: relative;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  padding: 20px 0;
  text-align: center;
  z-index: 99;
  overflow: hidden; }
  .mosaic-block-inner::after {
    display: inline-block;
    position: relative;
    content: '';
    height: 100%;
    vertical-align: bottom; }
  @media screen and (min-width: 550px) {
    .mosaic-block-inner {
      background-color: rgba(0, 0, 0, 0.75);
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      opacity: 0;
      padding: 0;
      position: absolute; }
      .image-hover-light .mosaic-block-inner {
        background-color: rgba(255, 255, 255, 0.5); }
      .touch .mosaic-block-inner .mosaic-block-inner:hover {
        opacity: 0; } }
  .mosaic-block-inner .content {
    display: inline-block;
    position: relative;
    position: absolute;
    bottom: 0;
    color: #222222;
    left: 0;
    max-width: 200px;
    max-height: 200px;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 80%; }
    .mosaic-block-inner .content h3.sale {
      color: #2e3234; }
      .mosaic-block-inner .content h3.sale strike {
        color: rgba(34, 34, 34, 0.5); }
    @media screen and (max-width: 550px) {
      .mosaic-block-inner .content {
        position: unset; } }
    @media screen and (min-width: 550px) {
      .mosaic-block-inner .content {
        color: white; }
        .mosaic-block-inner .content h3.sale {
          color: #2e3234; }
          .mosaic-block-inner .content h3.sale strike {
            color: white; }
        .image-hover-light .mosaic-block-inner .content {
          color: #222222; }
          .image-hover-light .mosaic-block-inner .content h3.sale {
            color: #2e3234; }
            .image-hover-light .mosaic-block-inner .content h3.sale strike {
              color: #222222; } }

@media screen and (min-width: 550px) {
  .block--has-image:hover, .mosaic--product:hover {
    opacity: 1; } }
.mosaic-slider {
  position: relative; }
  .mosaic-slider .flickity-viewport {
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0; }
    .mosaic-slider .flickity-viewport .flickity-slider {
      height: 100%; }
  .mosaic-slider .mosaic-slide {
    height: 100%;
    width: 100%; }
    .mosaic-slider .mosaic-slide .mosaic-block-inner {
      height: 100%;
      width: 100%; }
  .mosaic-slider .flickity-page-dots li {
    z-index: 1; }
  @media screen and (max-width: 549px) {
    .mosaic-slider .flickity-viewport {
      bottom: auto; }
      .mosaic-slider .flickity-viewport:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding-top: 100%; }
      .mosaic-slider .flickity-viewport .flickity-slider {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%; }
    .mosaic-slider .flickity-page-dots {
      position: absolute;
      top: -32px;
      bottom: auto;
      margin-top: 100%;
      padding-bottom: 0; } }

.mosaic--images p {
  font-size: 1.2rem;
  margin-bottom: 10px !important; }
.mosaic--images .h3 {
  font-size: 9.96px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: bold; }

.template-product .flickity-page-dots {
  bottom: -25px; }

.block-4-padding {
  padding-top: calc(150% + 10px) !important; }

.three-blocks-padding {
  padding-top: calc(25% + 100px) !important;
  margin-bottom: 0px; }

.fifth-block-padding {
  padding-top: calc(50% - 10px) !important; }

.mosaic-block-5, .one-block {
  padding-top: 50% !important; }

.only-four-padding {
  padding-top: calc(150% + 10px) !important; }

.just-one-block {
  margin-bottom: 40px; }

.four-blocks-margin {
  margin-bottom: 10px; }

@media screen and (max-width: 550px) {
  .three-blocks-padding {
    padding-top: calc(100% + 20px) !important; }

  .mosaic-block-5, .fifth-block-padding, .one-block {
    padding-top: 100% !important; } }
.mosaic.no-title {
  margin-top: 20px;
  margin-bottom: -50px; }

.signUp {
  /**
   * Auto required to center container
   */
  margin: 40px auto 0px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .signUp {
      /**
       * Auto required to center container
       */
      margin: 0 auto 30px; } }
  .signUp h4 {
    font-weight: 400;
    max-width: 550px; }

.signUp-confirmation {
  display: none; }

.signUp-posted {
  /**
   * Hide body text, hide form.
   */
  /**
   * Show confirmation
   */ }
  .signUp-posted .signUp-body,
  .signUp-posted .signUp-form {
    /*display: none;*/ }
  .signUp-posted .signUp-confirmation {
    display: block;
    font-weight: 600;
    font-size: 1.2em; }

.signUp-form {
  display: block;
  position: relative;
  margin: 30px auto 60px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .signUp-form {
      width: 400px; } }
  .signUp-form.success-response--is-visible .inputGroup, .signUp-form.error-response--is-visible .inputGroup {
    opacity: 0; }
  .signUp-form .inputGroup {
    display: block;
    position: relative;
    border-bottom: 2px solid #222222;
    height: 35px;
    width: 100%; }
    .signUp-form .inputGroup input {
      background-color: transparent;
      border: none !important; }
    .signUp-form .inputGroup:after {
      display: none; }
  .template-index .signUp-form ::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .template-index .signUp-form :-moz-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .template-index .signUp-form ::-moz-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .template-index .signUp-form :-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5); }

.signUp-mailIcon {
  display: block;
  position: absolute;
  bottom: 0;
  color: #222222;
  left: 0;
  top: .5em;
  width: 1em;
  font-size: 1.1rem; }

.signUp-input {
  height: 100%;
  padding: 0;
  padding-left: 40px !important;
  width: 100%; }
  .signUp-input.input:focus {
    outline: none; }

button.signUp-submit {
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  bottom: 0.2em;
  color: #222222;
  right: -10px;
  top: -0.3em;
  width: 40px; }
  button.signUp-submit:before {
    background: none; }
  @media screen and (min-width: 768px) {
    button.signUp-submit {
      right: -25px;
      width: 60px; } }
  button.signUp-submit:hover {
    background-color: rgba(255, 255, 255, 0);
    color: #222222;
    border: 0; }

.signUp-responses {
  display: block;
  position: absolute;
  bottom: -10px;
  left: -10px;
  right: -10px;
  top: -10px;
  z-index: -1; }
  .success-response--is-visible .signUp-responses, .error-response--is-visible .signUp-responses {
    z-index: 0; }

.signUp-response {
  display: block;
  position: absolute;
  font-family: "Avenir";
  font-size: 15px;
  font-weight: 100;
  line-height: 2;
  background-color: white;
  bottom: 5px;
  left: 0;
  right: 0;
  opacity: 0;
  padding: 10px 15px; }

.error-response--is-visible #mce-error-response {
  opacity: 1; }

.success-response--is-visible #mce-success-response {
  opacity: 1; }

/**
 * MailChimp Validation error
 * div selects only the error, not the input.mce_inline_error.
 */
div.mce_inline_error {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  color: #2e3234;
  padding: 10px 0;
  text-align: center; }

.title-module {
  margin: 20px auto 90px;
  text-align: center; }
  @media screen and (min-width: 550px) {
    .title-module {
      margin: 70px auto 120px; } }
  .title-module h2,
  .title-module h4 {
    margin-bottom: 1em; }
  .title-module.title-module-about h1 {
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px; }
  .title-module.title-module-about p {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: left !important; }
  .title-module .rich-content p {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 100;
    line-height: 1.4;
    margin-bottom: 1em; }

.video-module {
  color: #222222; }
  .video-module.style-default {
    background-color: white; }
  .video-module.style-light {
    background-color: #fafafa; }
  .video-module h1,
  .video-module h2,
  .video-module h3,
  .video-module h4,
  .video-module h5,
  .video-module h6 {
    color: black; }
  .video-module a {
    color: #333333; }
  .video-module.style-primary {
    background-color: #333333;
    color: #FFFFFF; }
    .video-module.style-primary h1,
    .video-module.style-primary h2,
    .video-module.style-primary h3,
    .video-module.style-primary h4,
    .video-module.style-primary h5,
    .video-module.style-primary h6 {
      color: #FFFFFF; }
    .video-module.style-primary a {
      color: #FFFFFF; }
  .video-module a {
    transition: opacity 0.3s; }
    .video-module a:hover {
      opacity: 0.8; }
  .video-module p {
    max-width: 700px; }
  .video-module .video-module-title {
    padding-bottom: 40px; }
  .video-module .video-text-wrapper {
    margin-top: 50px;
    margin-bottom: 25px; }
    .video-module .video-text-wrapper h1, .video-module .video-text-wrapper p {
      text-align: center; }
  @media screen and (max-width: 550px) {
    .video-module {
      margin-bottom: 20px; } }

.video-container {
  padding-top: 62%; }
  .video-container iframe {
    display: block;
    position: absolute;
    height: 100% !important;
    top: 0;
    width: 100% !important; }

.siteAlert {
  /*background-color: $c-primary;*/
  background-color: #333;
  color: #f5f3f3; }
  .siteAlert .alert-title {
    color: #f5f3f3;
    font-size: 11.6px;
    line-height: 1.5;
    padding: 10px 0;
    display: block; }
  .siteAlert .alert-text {
    color: #f5f3f3; }

@media screen and (max-width: 1024px) {
  .siteAlert {
    background: #333; } }
.siteAlert {
  -webkit-transition: left .3s, height .3s;
  -moz-transition: left .3s, height .3s;
  -ms-transition: left .3s, height .3s;
  transition: left .3s, height .3s;
  left: 0;
  overflow: hidden;
  z-index: 1;
  text-align: left;
  transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s; }
  .siteAlert p {
    margin-top: 10px;
    font-family: 'Avenir', sans-serif; }
  @media screen and (min-width: 768px) {
    .siteAlert {
      text-align: center; } }
  .siteAlert .alert-link {
    display: block;
    position: relative;
    z-index: 0; }
  .siteAlert .row.row-lg {
    display: inline-block; }
  .siteAlert .block {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: left;
    float: none; }
    .siteAlert .block p {
      font-size: 0.62rem;
      letter-spacing: 1.5px !important; }
    @media screen and (min-width: 768px) {
      .siteAlert .block {
        text-align: center; } }
    @media screen and (max-width: 550px) {
      .siteAlert .block {
        max-width: 100%; } }
  .siteAlert > .container {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s; }

.alert-close {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  position: absolute;
  background-color: transparent;
  color: white;
  cursor: pointer;
  height: 40px;
  font-size: 1rem;
  line-height: 40px;
  right: 10px;
  top: calc(50% - 22px);
  text-align: center;
  width: 40px;
  z-index: 1000;
  display: none; }
  @media screen and (max-width: 768px) {
    .alert-close {
      top: 10px; } }
  .nav--is-visible .alert-close {
    opacity: 0; }

.cartContainer {
  border-left: 0px solid #2e3234;
  max-width: 420px;
  display: block;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.97);
  background-color: rgba(255, 255, 255, 0.97);
  bottom: 0;
  height: 100vh;
  overflow-y: scroll;
  padding: 40px 0;
  right: 0;
  top: 0;
  width: 100%;
  transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out 0.25s;
  -moz-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out 0.25s;
  -ms-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out 0.25s;
  opacity: 0;
  z-index: -1000; }
  .cart--is-visible .cartContainer {
    opacity: 1;
    overflow: hidden;
    z-index: 1000;
    transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out;
    -moz-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out;
    -ms-transition: opacity .5s ease-in-out, z-index 0.25s ease-in-out; }
  .cartContainer .scroll {
    display: block;
    position: relative;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 80px; }
    @media screen and (max-width: 550px) {
      .cartContainer .scroll {
        display: none; } }
  .cartContainer #Cart {
    opacity: 0;
    transform: translateX(80%);
    -webkit-transform: translateX(80%);
    -moz-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; }
    .cartContainer #Cart.open {
      opacity: 1;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0); }
    .cartContainer #Cart.close {
      opacity: 0;
      transform: translateX(80%);
      -webkit-transform: translateX(80%);
      -moz-transform: translateX(80%);
      -ms-transform: translateX(80%);
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; }

.cart-row {
  width: 90%; }
  @media screen and (min-width: 399px) {
    .cart-row {
      width: 85%; } }
  @media screen and (min-width: 1024px) {
    .cart-row {
      width: 85%; } }

.cartToggle.diamond-outline .diamond {
  border-color: #222 !important;
  background-color: #ffffff !important; }

.cartToggle:after {
  color: #222 !important; }

.menuToggle .diamond-bar {
  background-color: #ffffff !important; }

.cart-close {
  display: block;
  position: absolute;
  position: fixed;
  cursor: pointer;
  height: 30px;
  font-size: 0.8rem;
  line-height: 30px;
  right: 40px;
  top: 48px;
  text-align: center;
  width: 30px; }
  .cart-close .diamond {
    background-color: transparent; }

.cart-title {
  margin: 20px 0;
  float: none; }
  .cart-title h1, .cart-title .h4 {
    line-height: normal; }
  .cart-title h1 {
    margin-bottom: 15px; }
  .cart-title .h4 {
    color: rgba(34, 34, 34, 0.8);
    margin-bottom: 45px; }
  @media screen and (max-width: 550px) {
    .cart-title {
      margin: 30px 0 0 0; } }

/*
 * Cart Table
 */
.cart-table {
  float: left; }
  .cart-table .d-table-cell {
    border-bottom: 1px solid #e4e4e4;
    padding: 18px 0; }
    @media screen and (max-width: 1022px) {
      .cart-table .d-table-cell {
        border-bottom: 0px solid #e4e4e4; } }
  .cart-table .d-table-row-group {
    overflow: hidden;
    margin-bottom: 1em; }
  .cart-table .d-table-footer .d-table-cell {
    color: rgba(34, 34, 34, 0.6);
    border-bottom: 0px solid #e4e4e4;
    padding: 5px 0; }
    .cart-table .d-table-footer .d-table-cell.is-update {
      text-align: center; }
  .cart-table .d-table-header .d-table-cell {
    color: rgba(34, 34, 34, 0.6);
    padding: 5px 0; }
  @media (max-width: 768px) {
    .cart-table {
      margin-bottom: -55px; }
      .cart-table .d-table-footer {
        display: block; }
        .cart-table .d-table-footer .d-table-row {
          display: block; }
        .cart-table .d-table-footer .d-table-cell {
          display: block; }
          .cart-table .d-table-footer .d-table-cell:empty {
            display: none; }
          .cart-table .d-table-footer .d-table-cell.is-update {
            text-align: right; }
        .cart-table .d-table-footer .cart-subtotal-title {
          display: none; }
        .cart-table .d-table-footer .cart-update {
          z-index: 2;
          margin-left: 0; } }
  @media (max-width: 550px) {
    .cart-table {
      margin-bottom: -20px; }
      .cart-table .d-table-footer {
        text-align: center; }
        .cart-table .d-table-footer .d-table-cell.is-update {
          text-align: center; }
        .cart-table .d-table-footer .cart-update {
          margin-top: 0px;
          margin-left: auto; } }

.cart-product-thumb {
  width: 95px; }
  @media screen and (max-width: 768px) {
    .cart-product-thumb {
      height: 115px; } }
  @media screen and (max-width: 399px) {
    .cart-product-thumb {
      width: 75px; } }
  .cart-product-thumb .product-thumbnail {
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 75px;
    overflow: hidden;
    width: 75px;
    vertical-align: middle; }
    @media screen and (max-width: 399px) {
      .cart-product-thumb .product-thumbnail {
        height: 55px;
        width: 55px; } }

@media screen and (max-width: 768px) {
  .cart-product-desc {
    width: 75%; } }
@media screen and (max-width: 550px) {
  .cart-product-desc {
    min-height: 116px;
    padding-bottom: 8px !important;
    width: 60%; } }
@media screen and (max-width: 399px) {
  .cart-product-desc {
    width: 60%; } }
.cart-product-desc .cart-product-props {
  line-height: 19px !important;
  margin-top: 8px; }
  .cart-product-desc .cart-product-props small {
    font-size: .8em;
    line-height: 1.4; }
    .cart-product-desc .cart-product-props small a {
      color: #222222; }

.cart-product-quantity {
  text-align: center;
  width: 150px; }
  @media screen and (max-width: 768px) {
    .cart-product-quantity {
      float: right;
      margin-bottom: 20px;
      padding: 0 !important;
      width: auto; } }
  .cart-product-quantity .counter {
    display: inline-block;
    position: relative; }
    .cart-product-quantity .counter .inputCounter {
      background-color: transparent;
      max-width: 120px; }
  .cart-product-quantity select {
    background-color: white;
    border: 1px solid #e4e4e4; }

.cart-product-total {
  text-align: center;
  width: 150px; }
  @media screen and (max-width: 768px) {
    .cart-product-total {
      float: left;
      font-size: 1.2rem;
      padding: 15px 3px !important;
      width: auto; } }

.cart-subtotal-title {
  position: relative; }
  .cart-subtotal-title h3 {
    display: block;
    right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 18px; }

.cart-product-remove {
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  color: rgba(34, 34, 34, 0.5);
  text-align: right;
  width: 40px; }
  .cart-product-remove:hover {
    color: #222222; }
  @media screen and (max-width: 768px) {
    .cart-product-remove {
      height: 40px;
      line-height: 40px;
      padding: 0 !important;
      right: -10px;
      top: 10px;
      text-align: center;
      width: 40px; } }

.cart-update {
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  background-color: transparent;
  border: 0 !important;
  color: rgba(34, 34, 34, 0.6);
  padding: 10px 16px; }
  .cart-update:hover {
    background-color: transparent;
    color: #222222; }
  @media (max-width: 768px) {
    .cart-update {
      padding: 20px 0 30px; } }

/*
 * Bottom Section: Checkout Buttons
 */
.checkout-buttons {
  padding: 20px 0 80px; }
  .checkout-buttons.row {
    text-align: right; }
    @media screen and (max-width: 768px) {
      .checkout-buttons.row {
        text-align: justify; } }
  @media screen and (max-width: 550px) {
    .checkout-buttons .u-right {
      text-align: center !important; } }
  .checkout-buttons h2 {
    color: #333333 !important; }

.additional-checkout-buttons.row {
  text-align: right;
  margin: 0 -36px; }
  @media screen and (max-width: 768px) {
    .additional-checkout-buttons.row {
      text-align: center; } }
@media screen and (max-width: 768px) {
  .additional-checkout-buttons button {
    margin-top: 20px; }
    .additional-checkout-buttons button:first-child {
      margin-top: 0; } }

.cart-checkout {
  font-weight: 900;
  margin-left: 20px; }
  @media screen and (max-width: 768px) {
    .cart-checkout {
      margin-left: 0; } }

.order-notes {
  text-align: left;
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (max-width: 1280px) {
    .order-notes {
      bottom: auto;
      margin-bottom: 30px;
      position: relative;
      text-align: right;
      width: 100%; } }
  @media screen and (max-width: 550px) {
    .order-notes {
      text-align: left;
      width: 100%; } }

.order-notes__label {
  color: #222222;
  /*font-family: "Montserrat","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5; }

.order-notes__content {
  border: 1px solid #e4e4e4;
  height: 60px;
  resize: none;
  width: 90%;
  padding: 7px;
  font-size: 13px;
  font-family: Avenir, sans-serif; }
  @media screen and (max-width: 550px) {
    .order-notes__content {
      width: 100%; } }

.style-default.nav-container,
.style-light.nav-container {
  color: #222222; }
  .style-default.nav-container ::-webkit-input-placeholder,
  .style-light.nav-container ::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.7); }
  .style-default.nav-container :-moz-placeholder,
  .style-light.nav-container :-moz-placeholder {
    color: rgba(34, 34, 34, 0.7); }
  .style-default.nav-container ::-moz-placeholder,
  .style-light.nav-container ::-moz-placeholder {
    color: rgba(34, 34, 34, 0.7); }
  .style-default.nav-container :-ms-input-placeholder,
  .style-light.nav-container :-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.7); }
  .style-default.nav-container .nav-search,
  .style-light.nav-container .nav-search {
    color: #222222; }
    .style-default.nav-container .nav-search .h4,
    .style-light.nav-container .nav-search .h4 {
      color: #222222; }
    .style-default.nav-container .nav-search .nav-search-overlay .inputGroup,
    .style-light.nav-container .nav-search .nav-search-overlay .inputGroup {
      border-bottom: 2px solid #222222; }
    .style-default.nav-container .nav-search .nav-search-overlay .nav-search-input,
    .style-light.nav-container .nav-search .nav-search-overlay .nav-search-input {
      background-color: transparent;
      color: #222222; }
    .style-default.nav-container .nav-search .nav-search-overlay .nav-search-submit,
    .style-light.nav-container .nav-search .nav-search-overlay .nav-search-submit {
      background-color: transparent !important;
      color: #222222; }
      .style-default.nav-container .nav-search .nav-search-overlay .nav-search-submit:hover,
      .style-light.nav-container .nav-search .nav-search-overlay .nav-search-submit:hover {
        background-color: transparent !important;
        color: #222222; }
  .style-default.nav-container .nav-mobile-close,
  .style-light.nav-container .nav-mobile-close {
    color: #222222; }
  .style-default.nav-container .menu-item > a:hover, .style-default.nav-container .submenu-item > a:hover,
  .style-light.nav-container .menu-item > a:hover,
  .style-light.nav-container .submenu-item > a:hover {
    color: #333333; }
  .style-default.nav-container .menu-item,
  .style-light.nav-container .menu-item {
    color: #222222; }
  .style-default.nav-container .menu-divider,
  .style-light.nav-container .menu-divider {
    background-color: #fff; }
  .style-default.nav-container .nav-social .nav-social-link .diamond,
  .style-light.nav-container .nav-social .nav-social-link .diamond {
    background-color: transparent;
    border-color: #222;
    opacity: 0.5; }
  .style-default.nav-container .nav-social .nav-social-link:before,
  .style-light.nav-container .nav-social .nav-social-link:before {
    -webkit-transition: 0.2s color;
    -moz-transition: 0.2s color;
    -ms-transition: 0.2s color;
    transition: 0.2s color;
    color: #222222; }
  .style-default.nav-container .nav-signUp,
  .style-light.nav-container .nav-signUp {
    color: #222222; }
  .style-default.nav-container .nav-signUp-form ::-webkit-input-placeholder,
  .style-light.nav-container .nav-signUp-form ::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.5) !important; }
  .style-default.nav-container .nav-signUp-form :-moz-placeholder,
  .style-light.nav-container .nav-signUp-form :-moz-placeholder {
    color: rgba(34, 34, 34, 0.5) !important; }
  .style-default.nav-container .nav-signUp-form ::-moz-placeholder,
  .style-light.nav-container .nav-signUp-form ::-moz-placeholder {
    color: rgba(34, 34, 34, 0.5) !important; }
  .style-default.nav-container .nav-signUp-form :-ms-input-placeholder,
  .style-light.nav-container .nav-signUp-form :-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5) !important; }
  .style-default.nav-container .nav-signUp-form .inputGroup,
  .style-light.nav-container .nav-signUp-form .inputGroup {
    border-bottom: 2px solid #222222; }
  .style-default.nav-container .nav-signUp-form .signUp-input,
  .style-light.nav-container .nav-signUp-form .signUp-input {
    background-color: transparent;
    color: inherit !important;
    border-color: #222222; }
  .style-default.nav-container .nav-signUp-form .signUp-input:-webkit-autofill,
  .style-light.nav-container .nav-signUp-form .signUp-input:-webkit-autofill {
    background-color: transparent !important;
    background-color: #222222 !important;
    box-shadow: 0 0 0 1000px #222222 inset;
    -webkit-text-fill-color: #222222; }
  .style-default.nav-container .nav-signUp-form .signUp-mailIcon,
  .style-light.nav-container .nav-signUp-form .signUp-mailIcon {
    color: #222222; }
  .style-default.nav-container .nav-signUp-form .signUp-submit,
  .style-light.nav-container .nav-signUp-form .signUp-submit {
    -webkit-transition: 0.2s color;
    -moz-transition: 0.2s color;
    -ms-transition: 0.2s color;
    transition: 0.2s color;
    background-color: transparent !important;
    color: #222222; }
    .style-default.nav-container .nav-signUp-form .signUp-submit:hover,
    .style-light.nav-container .nav-signUp-form .signUp-submit:hover {
      color: #333333; }
  .style-default.nav-container .nav-signUp-form .signUp-response,
  .style-light.nav-container .nav-signUp-form .signUp-response {
    background-color: #222222;
    color: #222222; }
  .style-default.nav-container .login-links,
  .style-light.nav-container .login-links {
    color: #fff;
    background-color: #161616;
    border-radius: 50px; }
    .style-default.nav-container .login-links a,
    .style-light.nav-container .login-links a {
      -webkit-transition: 0.2s color;
      -moz-transition: 0.2s color;
      -ms-transition: 0.2s color;
      transition: 0.2s color;
      display: inline;
      color: #fff; }
      .style-default.nav-container .login-links a:hover,
      .style-light.nav-container .login-links a:hover {
        color: #333333; }

.submenu-item-title {
  margin-top: 30px; }
  @media screen and (max-width: 550px) {
    .submenu-item-title a {
      text-transform: capitalize !important; } }

.style-default.nav-container {
  background-color: white; }
  .style-default.nav-container .nav-search {
    background-color: white; }
    .style-default.nav-container .nav-search .nav-search-overlay {
      background-color: rgba(255, 255, 255, 0.9); }

.style-light.nav-container {
  background-color: #fafafa; }
  .style-light.nav-container .nav-search {
    background-color: #fafafa; }
    .style-light.nav-container .nav-search .nav-search-overlay {
      background-color: rgba(250, 250, 250, 0.9); }

.style-primary.nav-container {
  background-color: #333333;
  color: #FFFFFF; }
  .style-primary.nav-container ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .style-primary.nav-container :-moz-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .style-primary.nav-container ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .style-primary.nav-container :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .style-primary.nav-container .nav-search {
    background-color: #333333;
    color: #FFFFFF; }
    .style-primary.nav-container .nav-search .h4 {
      color: #FFFFFF; }
    .style-primary.nav-container .nav-search .nav-search-overlay {
      background-color: rgba(51, 51, 51, 0.9); }
      .style-primary.nav-container .nav-search .nav-search-overlay .inputGroup {
        border-bottom: 2px solid #FFFFFF; }
      .style-primary.nav-container .nav-search .nav-search-overlay .nav-search-input {
        background-color: transparent;
        color: #FFFFFF; }
      .style-primary.nav-container .nav-search .nav-search-overlay .nav-search-submit {
        background-color: transparent !important;
        color: #FFFFFF; }
        .style-primary.nav-container .nav-search .nav-search-overlay .nav-search-submit:hover {
          background-color: transparent !important;
          color: #FFFFFF; }
  .style-primary.nav-container .nav-mobile-close {
    color: #FFFFFF; }
  .style-primary.nav-container .menu-item > a, .style-primary.nav-container .submenu-item > a {
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity; }
    .style-primary.nav-container .menu-item > a:hover, .style-primary.nav-container .submenu-item > a:hover {
      opacity: 0.5; }
  .style-primary.nav-container .menu-item {
    color: #FFFFFF; }
  .style-primary.nav-container .menu-divider {
    background-color: #FFFFFF; }
  .style-primary.nav-container .nav-social .nav-social-link .diamond {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    opacity: 0.5; }
  .style-primary.nav-container .nav-social .nav-social-link:before {
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity; }
  .style-primary.nav-container .nav-signUp {
    color: #FFFFFF; }
  .style-primary.nav-container .nav-signUp-form ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important; }
  .style-primary.nav-container .nav-signUp-form :-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important; }
  .style-primary.nav-container .nav-signUp-form ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important; }
  .style-primary.nav-container .nav-signUp-form :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important; }
  .style-primary.nav-container .nav-signUp-form .inputGroup {
    border-bottom: 2px solid #FFFFFF; }
  .style-primary.nav-container .nav-signUp-form .signUp-input {
    background-color: transparent;
    color: inherit !important;
    border-color: #FFFFFF; }
  .style-primary.nav-container .nav-signUp-form .signUp-input:-webkit-autofill {
    background-color: transparent !important;
    box-shadow: 0 0 0 1000px #333333 inset;
    -webkit-text-fill-color: #FFFFFF; }
  .style-primary.nav-container .nav-signUp-form .signUp-mailIcon {
    color: #FFFFFF; }
  .style-primary.nav-container .nav-signUp-form .signUp-submit {
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity;
    background-color: transparent !important;
    color: #FFFFFF; }
    .style-primary.nav-container .nav-signUp-form .signUp-submit:hover {
      color: #FFFFFF;
      opacity: 0.5; }
  .style-primary.nav-container .nav-signUp-form .signUp-response {
    background-color: transparent;
    color: #FFFFFF; }
  .style-primary.nav-container .login-links {
    color: #FFFFFF; }
    .style-primary.nav-container .login-links a {
      -webkit-transition: 0.2s opacity;
      -moz-transition: 0.2s opacity;
      -ms-transition: 0.2s opacity;
      transition: 0.2s opacity;
      color: #FFFFFF; }
      .style-primary.nav-container .login-links a:hover {
        opacity: 0.5; }

.nav-container {
  display: block;
  position: fixed;
  bottom: 0;
  height: 100%;
  right: 100%;
  top: 0;
  width: 100%; }
  @media screen and (min-width: 550px) {
    .nav-container {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .nav-container {
      width: 33%; } }
  @media screen and (min-width: 1280px) {
    .nav-container {
      width: 33%; } }

.nav-inner {
  display: block;
  position: absolute;
  background: inherit;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  transition: transform .3s;
  background-color: #fff; }
  .nav-inner h4, .nav-inner i, .nav-inner a {
    color: #000; }

.nav-search {
  display: block;
  min-height: 16%;
  padding: 45px 0 55px;
  margin-top: 50px;
  position: static;
  text-align: center;
  z-index: 2;
  margin-left: -25px;
  /**
   * Applied to .nav-container.
   */
  /**
   * Overlay contains search input
   */ }
  .nav-search .searchToggle {
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 2;
    width: 66%;
    margin: auto; }
  .nav-search .icon-close, .nav-search .icon-search {
    font-size: 1rem;
    width: 1.3rem;
    vertical-align: middle; }
  .nav-search .icon-close {
    display: none; }
  .nav-search .h4 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .search--is-visible .nav-search .searchToggle .icon-search {
    display: none; }
  .search--is-visible .nav-search .searchToggle .icon-close {
    display: inline-block; }
  .search--is-visible .nav-search .nav-search-overlay {
    bottom: 0;
    opacity: 1; }
  .search--is-hiding .nav-search .searchToggle .icon-search {
    display: inline-block; }
  .search--is-hiding .nav-search .searchToggle .icon-close {
    display: none; }
  .search--is-hiding .nav-search .nav-search-overlay {
    opacity: 0; }
  .nav-search .nav-search-overlay {
    display: block;
    position: absolute;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    bottom: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 1; }
    .nav-search .nav-search-overlay .inputGroup {
      height: 40px;
      margin: 110px auto 0;
      width: 90%; }
    .nav-search .nav-search-overlay .nav-search-input {
      font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15.6px;
      font-weight: 100;
      line-height: 1.5;
      letter-spacing: 1.17px;
      height: 100%;
      line-height: 1;
      padding: 0 30px 0 0;
      width: 100%; }
    .nav-search .nav-search-overlay .nav-search-submit {
      display: block;
      position: absolute;
      bottom: 0;
      right: -10px;
      top: 0;
      width: 40px; }
      @media screen and (min-width: 768px) {
        .nav-search .nav-search-overlay .nav-search-submit {
          right: -25px;
          width: 60px; } }

/**
 * The "X" that closes the nav on mobile.
 */
.nav-mobile-close {
  display: block;
  position: absolute;
  font-size: 26px;
  height: 50px;
  line-height: 50px;
  right: 10px;
  top: 15px;
  text-align: center;
  width: 50px;
  z-index: 1; }
  @media (min-width: 768px) {
    .nav-mobile-close {
      display: none; } }

/*
 * Menu
 */
.menu {
  display: block;
  position: relative;
  min-height: 48%;
  text-align: center;
  width: 100%;
  padding-bottom: 35px; }
  .menu.submenu--is-visible .menu-item > a, .menu.submenu--is-visible .menu-divider, .menu.sub-submenu--is-visible .submenu-item > a, .menu.sub-submenu--is-visible .menu-divider {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-33%);
    -webkit-transform: translateX(-33%);
    -moz-transform: translateX(-33%);
    -ms-transform: translateX(-33%); }
  @media screen and (max-width: 768px) {
    .menu {
      margin-top: 80px;
      z-index: 999; }
      .menu hr {
        display: block;
        position: relative;
        border: 0;
        border-top: 1px solid #e4e4e4;
        margin: 0; } }

.submenu--is-visible .cat-menu, .sub-submenu--is-visible .submenu-item {
  border-bottom: 0; }

.menu-item, .submenu-item {
  /**
   * Just the link is what get's animated out of frame.
   */ }
  .menu-item > a, .submenu-item > a {
    -webkit-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -moz-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -ms-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    transition: transform .3s ease-in-out, opacity .3s, color .2s;
    display: inline-block;
    opacity: 1;
    /*width: 90%;*/
    line-height: 25px; }
  .menu-item a.parent, .submenu-item a.parent {
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1.16px; }
  .menu-item a.parent:after, .submenu-item a.parent:after {
    content: none !important; }

.submenu-item > a {
  line-height: 20px; }

.sub-submenu-item > a {
  letter-spacing: 1.16px;
  line-height: 45px; }

.menu-item {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  margin: .6em auto; }
  .menu-item.has-submenu > a::after {
    display: block;
    position: absolute;
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
    font-size: 0.75rem;
    /*right: -0.5em;*/
    top: 0; }

.menu-divider {
  display: inline-block;
  position: relative;
  -webkit-transition: transform .3s ease-in-out, opacity .3s;
  -moz-transition: transform .3s ease-in-out, opacity .3s;
  -ms-transition: transform .3s ease-in-out, opacity .3s;
  transition: transform .3s ease-in-out, opacity .3s;
  height: 1px;
  margin: 25px 0;
  width: 20px; }

.cat-menu, .submenu-item {
  /**
   * Just the link is what get's animated out of frame.
   */ }
  .cat-menu > a, .submenu-item > a {
    -webkit-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -moz-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -ms-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    transition: transform .3s ease-in-out, opacity .3s, color .2s;
    display: inline-block;
    opacity: 1;
    /*width: 90%;*/
    line-height: 25px; }
  .cat-menu a.parent, .submenu-item a.parent {
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1.16px; }
  .cat-menu a.parent:after, .submenu-item a.parent:after {
    content: none !important; }

.submenu-item > a {
  line-height: 20px; }

.cat-menu {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  letter-spacing: 1.17px;
  margin: 0 1.60em 0 1.20em;
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
  clear: both;
  display: block; }
  .cat-menu > a.get-child::after {
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
    font-size: 0.75rem;
    width: 45px;
    text-align: center;
    border-bottom: 1px solid #fff;
    line-height: 45px;
    background: #efefef; }
  .cat-menu > a.parent {
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1.16px;
    float: left;
    line-height: 45px;
    margin-left: 15px;
    text-shadow: none; }
  .cat-menu > a.get-child {
    -webkit-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -moz-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    -ms-transition: transform .3s ease-in-out, opacity .3s, color .2s;
    transition: transform .3s ease-in-out, opacity .3s, color .2s;
    display: inline-block;
    opacity: 1;
    float: right;
    text-shadow: none; }

/**
 * Submenu
 */
.submenu, .sub-submenu {
  display: block;
  position: absolute;
  -webkit-transition: transform .3s ease-in-out, opacity .3s;
  -moz-transition: transform .3s ease-in-out, opacity .3s;
  -ms-transition: transform .3s ease-in-out, opacity .3s;
  transition: transform .3s ease-in-out, opacity .3s;
  background: #fff;
  left: 0;
  opacity: 0;
  pointer-events: none;
  right: 0;
  top: 0;
  text-align: center;
  transform: translateX(33%);
  -webkit-transform: translateX(33%);
  -moz-transform: translateX(33%);
  -ms-transform: translateX(33%);
  min-height: 500px; }
  .submenu--is-visible .submenu, .sub-submenu--is-visible .submenu, .submenu--is-visible .sub-submenu, .sub-submenu--is-visible .sub-submenu {
    /**
     * Only those .submenu's with this class animate in.
     */ }
    .submenu--is-visible .submenu.is-visible, .sub-submenu--is-visible .submenu.is-visible, .submenu--is-visible .sub-submenu.is-visible, .sub-submenu--is-visible .sub-submenu.is-visible {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0); }

.submenu-item, .sub-submenu-item {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  font-family: "Avenir","HelveticaNeue","Helvetica Neue",sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  margin: 0 1.60em 0 1.20em;
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
  clear: both;
  display: block; }
  @media screen and (max-width: 550px) {
    .submenu-item > a, .sub-submenu-item > a {
      text-transform: lowercase;
      width: auto;
      letter-spacing: 1.16px;
      float: left;
      line-height: 45px;
      margin-left: 15px;
      text-shadow: none; } }

.submenu-child-item {
  text-align: left;
  border-bottom: 1px solid #dfdfdf;
  line-height: 45px;
  letter-spacing: 1.17px;
  width: 90%;
  margin-left: 1.20em;
  margin-top: 5px; }
  @media screen and (max-width: 550px) {
    .submenu-child-item a {
      margin-left: 15px; }
    .submenu-child-item .get-child::after {
      display: inline-block;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e601";
      font-size: 0.75rem;
      width: 45px;
      text-align: center;
      line-height: 50px;
      background: #efefef;
      margin-top: -5px;
      float: right; } }

.submenu-back, .sub-submenu-back {
  background: #fafafa;
  background: linear-gradient(180deg, #fdfdfd 0%, #fafafa 100%);
  margin-bottom: 10px;
  font-family: "Avenir","HelveticaNeue","Helvetica Neue",sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  margin: 0 1.60em 0 1.20em;
  text-align: left;
  clear: both;
  display: block;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  transition: opacity 150ms; }
  .submenu-back:hover, .sub-submenu-back:hover {
    opacity: 1; }
  .submenu-back a, .sub-submenu-back a {
    display: inline-block;
    width: 100%;
    letter-spacing: 1.16px;
    line-height: 45px;
    text-shadow: none;
    text-align: center; }
  .submenu-back a:before, .sub-submenu-back a:before {
    display: block;
    position: absolute;
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    font-size: 0.6rem;
    left: -0.5em;
    top: 0; }

/*
 * Footer
 */
.nav-footer {
  min-height: 38%;
  padding: 20px 0 10px; }

.nav-social {
  margin: 10px 0;
  padding: 0 30px;
  text-align: center; }
  .nav-social .nav-social-link {
    display: inline-block;
    position: relative;
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
    margin: 0.6em .3em;
    text-align: center;
    width: 40px; }
    .nav-social .nav-social-link .diamond {
      opacity: 0.5; }

.nav-signUp {
  padding: 30px;
  text-align: center; }

.nav-signUp-form {
  display: block;
  position: relative;
  margin: 15px auto 0;
  width: 280px; }
  @media screen and (min-width: 768px) {
    .nav-signUp-form {
      width: 360px; } }
  .nav-signUp-form.success-response--is-visible .inputGroup, .nav-signUp-form.error-response--is-visible .inputGroup {
    opacity: 0; }
  .nav-signUp-form .inputGroup {
    display: block;
    position: relative;
    height: 35px;
    width: 100%; }

/*
 * Login Items
 */
.login-links {
  /*position: absolute;
  bottom: 0;
  left: 0;
  right: 0;*/
  border: 0 !important;
  text-align: center;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ripple-click {
  -webkit-animation: anim-effect-jelena 0.3s ease-out forwards;
  animation: anim-effect-jelena 0.3s ease-out forwards; }

@-webkit-keyframes anim-effect-jelena {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1) rotate(45deg);
    transform: scale3d(0.5, 0.5, 1) rotate(45deg); }

  to {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1) rotate(45deg);
    transform: scale3d(1.2, 1.2, 1) rotate(45deg); } }

@keyframes anim-effect-jelena {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.5, 1) rotate(45deg);
    transform: scale3d(0.5, 0.5, 1) rotate(45deg); }

  to {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1) rotate(45deg);
    transform: scale3d(1.2, 1.2, 1) rotate(45deg); } }

/*
 * Cart Popover
 */
.popover-container {
  display: block;
  position: fixed;
  height: 0;
  top: 0;
  width: 100%;
  z-index: 1000; }

.popover {
  display: block;
  position: relative;
  -webkit-transition: .3s opacity ease-in-out;
  -moz-transition: .3s opacity ease-in-out;
  -ms-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out;
  background-color: white;
  border: 1px solid #e4e4e4;
  color: #222222;
  margin: 0 auto;
  opacity: 0;
  top: 20px; }
  .popover.is-visible {
    opacity: 1; }

.header-cartPopover {
  display: block;
  position: fixed;
  -webkit-transition: .3s opacity ease-in-out;
  -moz-transition: .3s opacity ease-in-out;
  -ms-transition: .3s opacity ease-in-out;
  transition: .3s opacity ease-in-out;
  border: 1px solid #e4e4e4;
  background-color: rgba(255, 255, 255, 0.97);
  color: #222222;
  opacity: 0;
  right: 20px;
  top: 20px;
  z-index: 1000; }
  @media (max-width: 1024px) {
    .header-cartPopover {
      right: 0; } }
  .header-cartPopover.is-visible {
    opacity: 1; }

.popover-error {
  display: block;
  position: relative;
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  color: #2e3234;
  padding: 10px 20px;
  text-align: left;
  width: 350px; }

.popover-inner {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 10px 20px 20px;
  text-align: left;
  width: 350px; }
  .popover-inner::before, .popover-inner::after {
    content: " ";
    display: table; }
  .popover-inner::after {
    clear: both; }

.popover-item-thumb {
  display: block;
  position: relative;
  background-color: #e4e4e4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 75px;
  float: left;
  margin-right: 20px;
  width: 75px; }

.popover-item-info {
  display: block;
  position: relative;
  float: left; }

.viewCart {
  display: block;
  position: relative;
  margin-bottom: 0;
  padding: 0 20px 10px;
  text-align: right;
  width: 100%; }

#VariantPopoverContainer {
  display: none;
  text-align: center; }
  @media (min-width: 768px) {
    #VariantPopoverContainer {
      display: block; } }
  #VariantPopoverContainer:hover .icon-arrow-left {
    color: #222222; }
  #VariantPopoverContainer .popover {
    -webkit-transition: opacity 0.5s cubic-bezier(.71,.01,.27,1), transform 0.5s cubic-bezier(.71,.01,.27,1);
    -moz-transition: opacity 0.5s cubic-bezier(.71,.01,.27,1), transform 0.5s cubic-bezier(.71,.01,.27,1);
    -ms-transition: opacity 0.5s cubic-bezier(.71,.01,.27,1), transform 0.5s cubic-bezier(.71,.01,.27,1);
    transition: opacity 0.5s cubic-bezier(.71,.01,.27,1), transform 0.5s cubic-bezier(.71,.01,.27,1);
    display: inline-block;
    opacity: 1;
    margin-top: 20px;
    min-width: 160px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(75px));
    -webkit-transform: translateY(calc(75px));
    -moz-transform: translateY(calc(75px));
    -ms-transform: translateY(calc(75px)); }
    #VariantPopoverContainer .popover.is-visible {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0); }
    #VariantPopoverContainer .popover .popover-inner {
      padding: 20px 20px 10px;
      width: 100%;
      height: 100%; }
      #VariantPopoverContainer .popover .popover-inner .popover-item-thumb {
        width: 100%;
        height: 90px;
        float: none; }
      #VariantPopoverContainer .popover .popover-inner h4 {
        padding: 10px 0 3px;
        text-align: center; }
  #VariantPopoverContainer .product-selected-mark {
    top: 10px;
    left: 10px;
    pointer-events: none; }

.flickity-page-dots {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50px;
  right: 50px;
  padding: 0 0 2rem 0;
  text-align: center; }
  .flickity-page-dots .dot {
    display: inline-block;
    position: relative;
    border: 1px solid white;
    cursor: pointer;
    height: 10px;
    margin: 0 8px;
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 10px; }
    .flickity-page-dots .dot:hover {
      opacity: 1; }
    .flickity-page-dots .dot.is-selected {
      background-color: white;
      opacity: 1; }

button.flickity-prev-next-button {
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  -ms-transition: 0.3s opacity;
  transition: 0.3s opacity;
  background-color: white;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  height: 40px;
  opacity: 1;
  padding: 8px 13px;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  z-index: 100; }
  button.flickity-prev-next-button:hover {
    opacity: 1;
    border: 0; }
  button.flickity-prev-next-button.previous {
    left: 0; }
  button.flickity-prev-next-button.next {
    right: 0; }
  @media screen and (min-width: 768px) {
    button.flickity-prev-next-button {
      display: block; } }
  button.flickity-prev-next-button .arrow {
    fill: #222222; }
  button.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] {
    opacity: 0.5;
    cursor: default; }

.slick-slide img {
  width: auto;
  max-width: 100%;
  margin: 0 auto; }

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

.slick-list {
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  display: flex;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  justify-content: center;
  align-items: center; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  position: relative !important;
  width: 100%; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto; }
  .adaptiveHeight .slick-slide {
    height: auto !important; }

.gallery-slider .js-slide {
  height: 100%;
  background-repeat: no-repeat; }

.gallery--margins {
  margin-top: 20px;
  margin-bottom: 20px; }

.buttons--no-image {
  top: 180px !important; }

.blogModule-slider button.slick-next, .blogModule-slider button.slick-prev {
  background-color: initial !important;
  opacity: 1 !important;
  border: 0;
  cursor: pointer;
  display: none;
  font-size: 0;
  height: 40px;
  padding: 0;
  position: absolute;
  width: 40px;
  z-index: 100;
  top: 225px !important; }
  .blogModule-slider button.slick-next::after, .blogModule-slider button.slick-prev::after {
    display: block;
    position: absolute;
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: 0;
    color: #222222;
    font-size: 1.2rem;
    left: 0;
    line-height: 40px;
    right: 0;
    text-align: center;
    top: 0; }
  @media screen and (min-width: 768px) {
    .blogModule-slider button.slick-next, .blogModule-slider button.slick-prev {
      display: block; } }
  @media screen and (max-width: 768px) {
    .blogModule-slider button.slick-next, .blogModule-slider button.slick-prev {
      display: none  !important; } }
  .blogModule-slider button.slick-next.slick-disabled, .blogModule-slider button.slick-prev.slick-disabled {
    cursor: default;
    opacity: 0; }

button.slick-next, button.slick-prev {
  background-color: none !important;
  opacity: 1 !important;
  border: 0;
  cursor: pointer;
  display: none;
  font-size: 0;
  height: 40px;
  padding: 0;
  position: absolute;
  top: 50% !important;
  width: 40px;
  z-index: 100; }
  button.slick-next::after, button.slick-prev::after {
    display: block;
    position: absolute;
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: 0;
    color: #222222;
    font-size: 1.2rem;
    left: 0;
    line-height: 40px;
    right: 0;
    text-align: center;
    top: 0; }
  @media screen and (min-width: 768px) {
    button.slick-next, button.slick-prev {
      display: block; } }
  button.slick-next.slick-disabled, button.slick-prev.slick-disabled {
    cursor: default;
    opacity: 0; }

.slick-next {
  right: 0; }
  .slick-next:after {
    content: "\e601"; }

.slick-prev {
  left: 0; }
  .slick-prev:after {
    content: "\e600"; }

.slick-dots {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 0;
  padding: 0 0 1rem 0;
  right: 0;
  text-align: center; }
  @media (min-width: 768px) {
    .slick-dots {
      bottom: 30px; } }
  .slick-dots li {
    display: inline-block;
    position: relative;
    border: 1px solid white;
    cursor: pointer;
    height: 10px;
    margin: 0 8px;
    opacity: .8;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 10px; }
    .slick-dots li:hover {
      opacity: 1; }
    .slick-dots li.slick-active {
      background-color: white;
      opacity: 1; }
    .slick-dots li button {
      display: none; }
    .hero.text-dark .slick-dots li {
      border-color: #222222; }
      .hero.text-dark .slick-dots li.slick-active {
        background-color: #222222; }

/*
 * Custom slide styles
 */
.slide-inner {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  /* Vertically align the child, .heroObject-content
   * Also replaces default .row::after element
   */ }
  .slide-inner .container {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 999; }
  .slide-inner .row {
    height: 100%; }
    .slide-inner .row::after {
      display: inline-block;
      position: relative;
      content: '';
      height: 100%;
      vertical-align: middle; }

.slide-content {
  display: inline-block;
  position: relative;
  max-width: 98%;
  vertical-align: middle;
  /*@media (min-width: 700px){
    max-width: 700px;
  }*/ }

.slide-background {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  background-position: center center; }

.slide-background--blank {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  opacity: .3; }

.slide-placeholder {
  background-color: #FAF9F9;
  position: absolute; }
  .slide-placeholder svg {
    height: 80%;
    left: 50%;
    max-height: 100%;
    min-height: 400px;
    max-width: 100%;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }

.fourOhFour-button {
  margin-top: 15px; }

.two-up-module.style-default .col-text {
  background-color: white;
  color: #222222; }
  .two-up-module.style-default .col-text h1, .two-up-module.style-default .col-text h2, .two-up-module.style-default .col-text h3, .two-up-module.style-default .col-text h4, .two-up-module.style-default .col-text h5, .two-up-module.style-default .col-text h6 {
    color: black; }
.two-up-module.style-light .col-text {
  background-color: #fafafa;
  color: #222222; }
  .two-up-module.style-light .col-text h1, .two-up-module.style-light .col-text h2, .two-up-module.style-light .col-text h3, .two-up-module.style-light .col-text h4, .two-up-module.style-light .col-text h5, .two-up-module.style-light .col-text h6 {
    color: black; }
.two-up-module.style-primary .col-text {
  background-color: #333333;
  color: #FFFFFF; }
  .two-up-module.style-primary .col-text h1, .two-up-module.style-primary .col-text h2, .two-up-module.style-primary .col-text h3, .two-up-module.style-primary .col-text h4, .two-up-module.style-primary .col-text h5, .two-up-module.style-primary .col-text h6 {
    color: #FFFFFF; }

.banner-about .container .banner-inner {
  height: auto; }
.banner-about img {
  display: block;
  width: 100%; }

.content-about {
  margin: 40px auto 45px;
  max-width: 75%; }
  @media (min-width: 768px) {
    .content-about {
      margin: 60px auto 75px; } }
  @media (max-width: 768px) {
    .content-about {
      margin: 60px auto 75px;
      max-width: 100%; } }

/**
 * Two-up text module.
 */
.two-up-module {
  padding-bottom: 45px;
  text-align: center; }
  .two-up-module .row-two-up {
    overflow: hidden;
    position: relative;
    height: 400px; }
  .two-up-module .col-image {
    height: 0;
    position: relative; }
    .two-up-module .col-image .two-up-image {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
  .two-up-module .col-text {
    padding: 45px 20px; }
    .two-up-module .col-text h2 {
      margin-bottom: 10px; }
      @media (min-width: 550px) {
        .two-up-module .col-text h2 {
          margin-bottom: 15px; } }
  @media (min-width: 1024px) {
    .two-up-module .col {
      /**
       * Was a very small gap between these for some reason.
       */
      overflow: hidden;
      width: 50.1%; }
    .two-up-module .col-image {
      bottom: 0;
      height: auto;
      padding: 0;
      position: absolute;
      top: 0; }
    .two-up-module .col-text {
      padding: 80px 35px; }
      .two-up-module .col-text > * {
        max-width: auto; }
    .two-up-module.image-left .col-image {
      left: 0; }
    .two-up-module.image-left .col-text {
      float: right; }
    .two-up-module.image-right .col-image {
      right: 0; }
    .two-up-module.image-right .col-text {
      float: left; } }
  @media (min-width: 1024px) {
    .two-up-module .col-text {
      padding: 80px 90px; } }

.account-form input[type="text"],
.account-form input[type="email"],
.account-form input[type="password"],
.account-form input[type="tel"] {
  background-color: white;
  border: 1px solid #e4e4e4;
  width: 100%; }
.account-form select {
  background-color: #FFFFFF;
  border: 1px solid #e4e4e4;
  width: 100%; }
.account-form .errors a {
  text-decoration: underline; }
.account-form .account-form-links {
  margin-top: 15px; }
  .account-form .account-form-links a {
    display: block;
    margin: 5px auto; }
@media (max-width: 550px) {
  .account-form .account-form-submit {
    text-align: center;
    width: 100%; } }

.js-editAddress span.validation, .js-addAddress span.validation {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9.6px;
  font-weight: 500;
  line-height: 1.6;
  color: #2e3234;
  padding-top: 7px;
  display: block;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  transition: height .3s; }
.js-editAddress span.validation.validation--showup, .js-addAddress span.validation.validation--showup {
  height: 20px; }

.checkboxBlock input[type='checkbox'] {
  display: inline-block;
  margin-right: 10px; }
.checkboxBlock label {
  display: inline; }

.account-home {
  margin: 80px auto 50px; }
  @media (max-width: 768px) {
    .account-home {
      margin-top: 30px; } }
  .account-home .account-orders, .account-home .account-details {
    vertical-align: top; }
  .account-home .account-title {
    margin-bottom: .5em; }

/* The Account: Link at the tops of the inner account pages
 */
.account-crumbs {
  margin-bottom: 2em; }

a.account-breadcrumb {
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  color: #222222; }
  a.account-breadcrumb:hover {
    opacity: 0.8; }

a.account-addresses {
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  color: #222222; }
  a.account-addresses:hover {
    opacity: 0.8; }

/* Global Table styles for /account pages
 */
.account-table {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15.6px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px;
  font-weight: 100; }
  .account-table .d-table-cell {
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: center; }
    .account-table .d-table-cell.no-border {
      :cn: Cn; }
  @media (max-width: 768px) {
    .account-table .d-table-header {
      display: none; }
    .account-table .d-table-cell {
      float: left;
      text-align: left;
      border-bottom: 0px solid #e4e4e4;
      border-top: 1px solid #e4e4e4; }
    .account-table .d-table-row {
      border-bottom: 1px solid #e4e4e4; }
      .account-table .d-table-row:before, .account-table .d-table-row:after {
        content: " ";
        display: table; }
      .account-table .d-table-row:after {
        clear: both; }
    .account-table .u-right {
      text-align: left; } }

/* Order table on /account page
 */
.account-home-table .order-number {
  text-align: left; }
  .account-home-table .order-number a {
    text-decoration: underline;
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity;
    color: #222222; }
    .account-home-table .order-number a:hover {
      opacity: 0.8; }
.account-home-table .order-total {
  text-align: right; }
@media (max-width: 768px) {
  .account-home-table .order {
    margin: 30px 0 0; }
  .account-home-table .d-table-cell {
    width: 50%; }
  .account-home-table .order-number {
    border-top: 0px solid #e4e4e4;
    font-weight: 900;
    width: 100%; }
    .account-home-table .order-number h4 {
      color: #222222; }
    .account-home-table .order-number h4, .account-home-table .order-number a {
      display: inline !important; }
  .account-home-table .order-total {
    text-align: left; } }

@media (max-width: 1024px) {
  .account-details {
    margin-top: 50px; } }

/*
 * Orders Page
 */
@media (max-width: 768px) {
  .order-table .d-table-cell {
    width: 33%; }
  .order-table .order-product {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19.2px;
    font-weight: 100;
    line-height: 1.4;
    border-top: 0px solid #e4e4e4;
    width: 100%; }
  .order-table .order-product-total {
    text-align: left !important; } }
@media (max-width: 550px) {
  .order-table .table-cell-summary {
    border-top: none; }
    .order-table .table-cell-summary.title {
      width: 55%; }
    .order-table .table-cell-summary.price {
      width: 40%;
      padding-left: 5%; } }

.order-table-summary {
  margin: 30px 0; }
  @media (max-width: 768px) {
    .order-table-summary {
      margin: 60px 0; }
      .order-table-summary .d-table-cell {
        width: 50%; } }
  @media (max-width: 550px) {
    .order-table-summary h2.med_show {
      border-bottom: 1px solid #e4e4e4;
      padding-bottom: 15px;
      margin-bottom: 0; } }

.order-product {
  text-align: left; }
  .order-product .order-product-thumb {
    display: inline-block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    margin-right: 10px;
    width: 50px;
    vertical-align: middle; }
  .order-product a {
    display: inline-block;
    position: relative;
    width: 60%;
    vertical-align: middle; }

/*
 * Addresses
 */
.saved-addresses {
  margin-top: 50px; }
  .saved-addresses .address {
    margin: 20px 0; }
    .saved-addresses .address a {
      line-height: 2.5;
      text-decoration: underline; }

/*
 * Pagination
 */
hr {
  display: block;
  position: relative;
  border: 0;
  border-top: 1px solid #e4e4e4; }

.pagination {
  margin: 0 0 20px;
  text-align: center; }
  .pagination .page {
    margin: 10px 10px;
    opacity: .6; }
  .pagination .page.current {
    opacity: 1; }
  .pagination .prev {
    float: left; }
  .pagination .next {
    float: right; }

.tag-label {
  color: #222222; }

.blog-listing .article {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 30px;
  margin-bottom: 60px; }
  .blog-listing .article h2.title {
    font-weight: bold; }
  .blog-listing .article .details {
    margin-bottom: 0.4em; }
  .blog-listing .article .read-link {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-top: 10px;
    margin-bottom: 20px; }
    .blog-listing .article .read-link a {
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      transition: opacity 0.2s;
      color: #222222;
      text-decoration: none; }
      .blog-listing .article .read-link a:hover {
        opacity: 0.8; }
      .blog-listing .article .read-link a:after {
        display: inline-block;
        position: relative;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: middle;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 0.8em;
        content: "\e601";
        margin-left: .5em;
        top: -0.2em; }
  .blog-listing .article .article-footer {
    margin-top: 0;
    margin-bottom: 40px; }

.blog-title {
  display: inline-block;
  position: relative;
  width: auto; }

.blog-rss {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 1rem;
  line-height: 1;
  opacity: .4;
  position: absolute;
  right: -30px;
  top: 40%; }
  .blog-rss:hover {
    opacity: 1; }
    .blog-rss:hover span {
      opacity: 1; }
  .blog-rss span {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    opacity: 0;
    line-height: 1.1;
    position: absolute;
    left: 200%;
    min-width: 100px;
    text-align: left; }

.article-image {
  position: relative;
  padding-top: 66%;
  margin-bottom: 30px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  .article-image a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.article-content img {
  display: block;
  margin: auto;
  margin-bottom: 40px;
  max-width: 100%; }
.article-content li {
  text-indent: -17px;
  margin-left: 17px; }

.article-footer {
  margin-top: 40px;
  margin-bottom: 80px; }
  .article-footer > .row {
    border-top: 1px solid #e4e4e4;
    padding-top: 40px; }
  .article-footer .tags, .article-footer .share {
    color: #222222; }
    .article-footer .tags a, .article-footer .share a {
      color: #222222; }
  .article-footer .share {
    clear: left; }
    .article-footer .share a {
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      transition: opacity 0.2s;
      text-decoration: none;
      display: inline-block;
      padding: 10px;
      color: #222222; }
      .article-footer .share a:hover {
        opacity: 0.8; }
      .article-footer .share a:first-child {
        margin-left: 5px; }

.prev-next {
  float: right;
  text-align: center;
  width: 100%;
  margin: 2em 0; }
  .prev-next a {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    color: #222222;
    text-decoration: none; }
    .prev-next a:hover {
      opacity: 0.8; }
  .prev-next .__prev a {
    float: right; }
    .prev-next .__prev a:after {
      display: inline-block;
      position: relative;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8em;
      content: "\e601";
      margin-left: 5px; }
  .prev-next .__next a {
    float: left; }
    .prev-next .__next a:before {
      display: inline-block;
      position: relative;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8em;
      content: "\e600";
      margin-right: 5px; }

.back-to-all {
  float: left; }
  .back-to-all a {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    color: #222222;
    text-decoration: none; }
    .back-to-all a:hover {
      opacity: 0.8; }
    .back-to-all a:before {
      display: inline-block;
      position: relative;
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 0.8em;
      content: "\e600";
      margin-right: 5px; }
  .blog-listing .back-to-all {
    margin-top: -40px;
    margin-bottom: 60px; }

.article-comments .meta-comments {
  text-transform: uppercase;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 5px; }
.article-comments .comment-author {
  font-weight: bold; }
.article-comments #comments > ul > li {
  border-top: 1px solid #e4e4e4;
  padding-top: 20px;
  padding-bottom: 20px; }
  .article-comments #comments > ul > li:first-child {
    border-top: 0; }

.comment-form input[type="submit"].button {
  margin-bottom: 45px; }

.blog-index-link a {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #222222;
  text-decoration: none; }
  .blog-index-link a:hover {
    opacity: 0.8; }
  .blog-index-link a:before {
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8em;
    content: "\e600";
    margin-right: 5px; }

.blog-pagination {
  padding: 5px 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }
  .blog-pagination .page, .blog-pagination .next, .blog-pagination .prev {
    padding: 0 5px; }
    .blog-pagination .page.current, .blog-pagination .next.current, .blog-pagination .prev.current {
      opacity: .8;
      text-decoration: underline; }
    .blog-pagination .page a:hover, .blog-pagination .next a:hover, .blog-pagination .prev a:hover {
      text-decoration: underline; }

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
  margin: 0; }
.rte h1 {
  margin-bottom: .8em; }
.rte h2 {
  margin-bottom: .6em; }
.rte h3 {
  margin-bottom: .5em; }
.rte h4 {
  margin-bottom: .4em;
  font-weight: 100; }
.rte h5 {
  margin-bottom: .35em; }
.rte h6 {
  margin-bottom: .3em; }
.rte p {
  margin: .7em 0; }
.rte img {
  max-width: 100%; }
.rte ul, .rte ol {
  margin: 0 0 1em 25px;
  padding: 0;
  text-align: left !important; }
.rte ol {
  list-style: decimal inside; }
  .rte ol ul, .rte ol ol {
    margin: 0;
    padding-left: 1em; }
  .rte ol ul {
    list-style: disc inside; }
  .rte ol ol {
    list-style: decimal inside; }
.rte ul {
  list-style: disc inside; }
  .rte ul ul, .rte ul ol {
    margin: 0;
    padding-left: 1em; }
  .rte ul ul {
    list-style: circle inside; }
    .rte ul ul ul {
      list-style: square inside; }
  .rte ul ol {
    list-style: decimal inside; }
.rte li {
  font-family: "Avenir";
  font-size: 15px;
  font-weight: 100;
  line-height: 2;
  list-style: inherit;
  text-align: left !important;
  font-size: 13px; }
  .rte li div {
    text-align: left !important; }
  .rte li ul, .rte li ol {
    margin: 0;
    padding-left: 1em; }
  .rte li ul {
    list-style: decimal inside; }
  .rte li ol {
    list-style: decimal inside; }
.rte a {
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  color: #222222;
  text-decoration: underline; }
  .rte a:hover {
    opacity: 0.8; }
.rte blockquote {
  margin: 2em 0 1em;
  padding-left: 1em;
  border-left: 4px solid #e4e4e4;
  font-size: 20px;
  font-weight: 100;
  line-height: 26px;
  letter-spacing: .25px; }
  @media screen and (min-width: 550px) {
    .rte blockquote {
      font-size: 25px;
      line-height: 30px;
      padding-left: 2em; } }
.rte table, .rte th, .rte td {
  border: 0px solid #e4e4e4; }
.rte table {
  width: 100%; }
  .rte table tr {
    height: 40px; }
    .rte table tr:first-of-type td {
      font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15.6px;
      font-weight: 100;
      line-height: 1.5;
      letter-spacing: 1.17px;
      text-transform: uppercase; }
  .rte table th, .rte table td {
    padding-left: 20px; }
  .rte table th {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    text-transform: uppercase;
    background: #F9F9F9; }
  .rte table td {
    font-family: "Avenir";
    font-size: 15px;
    font-weight: 100;
    line-height: 2; }

.quickView-button {
  cursor: pointer;
  vertical-align: middle;
  background: rgba(136, 136, 136, 0.3) !important;
  /*border: 2px solid #474747 !important;*/
  border: 0 !important;
  color: #fff !important;
  padding: 8px 12px;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  font-size: 11px; }

.quickView {
  display: block;
  height: 0;
  opacity: 0;
  position: static;
  transition: height .2s ease-in-out, .2s opacity;
  -webkit-transition: height .2s ease-in-out, .2s opacity;
  -moz-transition: height .2s ease-in-out, .2s opacity;
  -ms-transition: height .2s ease-in-out, .2s opacity;
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -ms-transition-delay: .1s; }
  .quickView--is-visible .quickView {
    height: 650px;
    opacity: 1; }
  @media screen and (max-width: 1024px) {
    .quickView {
      display: none; } }

.quickView-wrap {
  display: block;
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transition: height .2s ease-in-out;
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  -ms-transition: height .2s ease-in-out;
  transition-delay: .1s;
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -ms-transition-delay: .1s; }
  .quickView--is-visible .quickView-wrap {
    height: 650px; }
  .quickView-wrap .container {
    height: 650px;
    padding-bottom: 50px; }
    .quickView-wrap .container .row {
      height: 100%; }

.quickView-img {
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  right: 0; }
  .quickView-img .quickView-img-inner {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .6s ease-in-out; }
    .quickView-img .quickView-img-inner.quickView-variant-img--is-active {
      opacity: 1;
      z-index: 1; }

.quickView-info {
  height: 100%;
  padding-left: 6rem;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial; }
  .quickView-info::after {
    display: inline-block;
    position: relative;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .quickView-info .productForm {
    display: inline-block;
    max-width: 97%;
    vertical-align: middle; }

.quickView-close {
  display: block;
  position: absolute;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  transition: color .2s;
  color: rgba(34, 34, 34, 0.5);
  cursor: pointer;
  font-size: 1.3rem;
  height: 40px;
  line-height: 40px;
  opacity: .8;
  right: 0;
  top: 0;
  text-align: center;
  width: 40px; }
  .quickView-close:hover {
    color: #222222; }

.template-collection .banner {
  display: block; }
  @media screen and (min-width: 768px) {
    .template-collection .banner {
      display: block; } }
.template-collection h1 {
  font-size: 16px; }

.collection-no-products {
  padding: 150px 0; }
  .collection-no-products h4 {
    margin-bottom: 20px; }

/*
 * Product Grid Nav - breadcrumbs and filters
 */
.collectionGrid-nav {
  padding: 0 0 10px;
  display: block; }
  .collectionGrid-nav > .block {
    vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .collectionGrid-nav {
      /*display: none;*/ }
      .collectionGrid-nav .breadcrumbs:not(.search-alert) {
        display: none !important; } }
  @media screen and (max-width: 1024px) {
    .collectionGrid-nav .breadcrumbs:not(.search-alert) {
      display: none !important; } }
  @media screen and (max-width: 1024px) {
    .collectionGrid-nav {
      padding: 10px 0 10px; } }

.search-alert {
  margin-bottom: 20px; }

.grid-filter {
  text-align: justify;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .grid-filter {
      width: auto; } }

.collectionGrid-filter, .tag-filter {
  text-align: left;
  width: 100%;
  float: right !important;
  float: right !important; }
  @media screen and (min-width: 768px) {
    .collectionGrid-filter, .tag-filter {
      text-align: right;
      width: auto; } }
  .collectionGrid-filter label, .tag-filter label {
    display: inline-block;
    position: relative;
    font-family: "Avenir";
    font-size: 15px;
    font-weight: 100;
    line-height: 2;
    font-size: 11px;
    color: rgba(34, 34, 34, 0.8);
    margin: 0 0 10px 0;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .collectionGrid-filter label, .tag-filter label {
        font-size: 12px;
        margin: 0 20px 0 0;
        width: auto;
        text-indent: -9999px; } }
    @media screen and (max-width: 550px) {
      .collectionGrid-filter label, .tag-filter label {
        display: none; } }
  .collectionGrid-filter select, .tag-filter select {
    display: inline-block;
    position: relative;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #e4e4e4;
    width: 100%;
    font-size: 11px; }
    @media screen and (min-width: 768px) {
      .collectionGrid-filter select, .tag-filter select {
        font-size: 11px;
        width: auto; } }
    .collectionGrid-filter select option, .tag-filter select option {
      line-height: 150%; }
    @media screen and (max-width: 550px) {
      .collectionGrid-filter select, .tag-filter select {
        background: url("./sortby.svg") right no-repeat;
        background-size: 22px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 0 none;
        cursor: pointer;
        text-indent: -250px;
        padding: 0; } }

.tag-filter {
  float: left !important; }
  @media screen and (min-width: 1024px) {
    .tag-filter {
      margin-right: 25px; } }
  @media screen and (max-width: 768px) {
    .tag-filter {
      padding-bottom: 10px; } }

.loadMore {
  margin: 0 0 40px;
  text-transform: uppercase;
  letter-spacing: 1.2px !important;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .loadMore {
      margin: 20px 0 60px; } }
  .loadMore.loading {
    display: none; }
    .loadMore.loading + .load-more-icon {
      display: block; }
  .loadMore:hover {
    background-color: #2e2c2c; }

@media screen and (max-width: 768px) {
  .empty-collection .loadMore {
    margin: 20px 0 60px; } }

.load-more-icon {
  width: 79px;
  height: 64px;
  background: url(/cdn/shop/t/62/assets/load-more.gif?v=23187165666394006591689834063) no-repeat;
  background-size: contain;
  margin: 0 auto;
  display: none; }

.contact-form-container {
  overflow: hidden;
  margin: 20px auto 35px; }
  @media (min-width: 768px) {
    .contact-form-container {
      margin: 40px auto 75px; } }

.contact-column.contact-column-info {
  display: none; }
@media (min-width: 768px) {
  .contact-column {
    float: left;
    width: 50%; }
    .contact-column.contact-column-form {
      width: 62.5%;
      padding-right: 30px; }
    .contact-column.contact-column-info {
      display: block;
      width: 37.5%; } }
@media (min-width: 1024px) {
  .contact-column.contact-column-form {
    width: 75%;
    padding-right: 60px; }
  .contact-column.contact-column-info {
    width: 25%; } }
.contact-column .footer-links {
  text-align: left; }

.contact-form, .comment-form {
  margin-top: 30px; }
  .contact-form p, .comment-form p {
    margin-bottom: 30px; }
  .contact-form input[type="text"], .comment-form input[type="text"],
  .contact-form input[type="email"],
  .comment-form input[type="email"],
  .contact-form input[type="telephone"],
  .comment-form input[type="telephone"],
  .contact-form textarea,
  .comment-form textarea {
    display: block;
    width: 100%;
    border: 1px solid #e4e4e4; }
  .contact-form input[type="submit"], .comment-form input[type="submit"] {
    margin-bottom: 70px;
    padding-left: 45px;
    padding-right: 45px; }
  .contact-form ::-webkit-input-placeholder, .comment-form ::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .contact-form :-moz-placeholder, .comment-form :-moz-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .contact-form ::-moz-placeholder, .comment-form ::-moz-placeholder {
    color: rgba(34, 34, 34, 0.5); }
  .contact-form :-ms-input-placeholder, .comment-form :-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5); }

.pageWrap {
  display: block;
  position: relative;
  min-height: 100%;
  min-height: 100vh; }

.bodyWrap {
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 100%;
  transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s; }

.template-index .bodyWrap {
  margin-top: 0; }

@media screen and (min-width: 768px) {
  .template-product .bodyWrap {
    margin-top: 30px; } }

.cart--is-visible {
  overflow: hidden !important; }

html.overflow--hidden {
  overflow: hidden !important; }

.bodyWrap-spacer {
  padding-top: 8%; }
  @media screen and (max-width: 1280px) {
    .bodyWrap-spacer {
      padding-top: 12%; } }
  @media screen and (max-width: 768px) {
    .bodyWrap-spacer {
      padding-top: 0; } }
  .bodyWrap-spacer + .mosaic {
    margin-top: 0; }

.bodyOverlay {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 100%;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity .3s;
  -webkit-transition: opacity .3s;
  -ms-transition: opacity .3s;
  z-index: 900; }
  .nav--is-visible .bodyOverlay {
    bottom: 0;
    opacity: .6; }
  .nav--is-hiding .bodyOverlay {
    opacity: 0; }
  .image-hover-light .bodyOverlay {
    background-color: rgba(255, 255, 255, 0.5); }

.page-title {
  margin: 25px 0 -5px; }
  @media screen and (max-width: 550px) {
    .page-title {
      margin: 30px 0 0 0; } }
  .page-title .h1, .page-title h1 {
    letter-spacing: 1.5px;
    margin-bottom: 0em; }

.template-blog .page-title, .template-article .page-title {
  margin: 65px 0 -5px; }
  .template-blog .page-title h1, .template-article .page-title h1 {
    line-height: 2; }

/*
 * Breadcrumbs
 */
.breadcrumbs {
  font-family: "Avenir";
  font-size: 12px;
  font-weight: 100;
  line-height: 2;
  color: #222222;
  letter-spacing: 0.11em;
  color: #222222; }
  .breadcrumbs a {
    /*color: rgba($c-text, .5);
    opacity: .6;*/ }

.breadcrumbs, .grid-filter {
  line-height: 50px; }

.breadcrumbs a {
  font-weight: bold; }

.grid-filter svg {
  height: 50px; }

/*
 * Page Banners - Collections Page and About Page
 */
.banner {
  display: block;
  margin-bottom: 10px; }
  .banner .banner-inner {
    display: block;
    position: relative; }
    .banner .banner-inner.banner-padded {
      padding-top: 50%; }
      @media screen and (min-width: 1400px) {
        .banner .banner-inner.banner-padded {
          height: 450px;
          padding-top: 0; } }
    .banner .banner-inner .banner-img {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }

.banner-fallback {
  display: block;
  height: 320px;
  width: 100%; }

#about-us .banner-img {
  background-size: 100% auto; }

.product-status-flag {
  display: block;
  position: absolute;
  background-color: rgba(136, 136, 136, 0.4);
  color: white;
  line-height: 1;
  right: 0;
  padding: 8px 12px;
  top: 15px;
  z-index: 1;
  font-size: 10px;
  letter-spacing: 1px !important; }
  .product-status-flag.is-sold-out {
    color: #FFFFFF;
    background-color: rgba(136, 136, 136, 0.4) !important; }
  .product-status-flag.is-sale {
    color: #FFFFFF;
    background-color: #fbb8ae; }
  .product-status-flag.is-sold-out.is-sale {
    color: #FFFFFF; }
  @media screen and (max-width: 768px) {
    .product-status-flag {
      padding: 5px 8px; } }

h1#password-logo a {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.password-footer {
  padding-top: 10%; }

.template-password .container {
  min-height: 100vh; }

.productForm {
  display: block;
  position: relative; }
  .productForm .counter.inputGroup {
    margin-bottom: 1rem; }
  .productForm label.product-option-label {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    color: rgba(34, 34, 34, 0.5); }
  .productForm h1 {
    margin-bottom: 0.6em; }
  .productForm .selector-wrapper, .productForm .inputGroup {
    display: inline-block;
    position: relative;
    margin-right: 1.5rem;
    margin-bottom: 2rem; }
    .productForm .selector-wrapper select, .productForm .inputGroup select {
      display: inline-block;
      min-width: 100%; }
  .productForm select, .productForm input {
    border: 1px solid #e4e4e4; }
  .productForm .selector-wrapper,
  .productForm .inputGroup,
  .productForm select, .productForm input {
    width: 100%; }
    @media (min-width: 550px) {
      .productForm .selector-wrapper,
      .productForm .inputGroup,
      .productForm select, .productForm input {
        width: auto; }
        .productForm .selector-wrapper .inputCounter,
        .productForm .inputGroup .inputCounter,
        .productForm select .inputCounter, .productForm input .inputCounter {
          padding: 10px 8px;
          width: 90px; } }

.productForm-block {
  display: block;
  position: relative;
  margin-bottom: 0; }
  .productForm-block p {
    margin-bottom: 30px; }
  @media (min-width: 550px) {
    .productForm-block {
      margin-bottom: 1rem; } }
  .productForm-block .product-price {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0;
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 399px) {
      .productForm-block .product-price {
        margin-right: 3rem;
        text-align: left;
        width: auto; } }
    .productForm-block .product-price h2 {
      font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16.8px;
      font-weight: 100;
      line-height: 1.3; }
    .template-product .productForm-block .product-price h2 {
      font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 19.2px;
      font-weight: 100;
      line-height: 1.4;
      font-weight: bold; }
    .productForm-block .product-price .out-of-stock {
      text-align: left !important; }
    .productForm-block .product-price .product-normal-price, .productForm-block .product-price .product-compare-price, .productForm-block .product-price .product-sale-price {
      font-weight: 900; }
    .productForm-block .product-price strike.product-normal-price {
      color: rgba(34, 34, 34, 0.5); }
    .productForm-block .product-price .product-compare-price, .productForm-block .product-price .product-normal-price {
      color: #222222; }
    .productForm-block .product-price .product-sale-price {
      color: #2e3234; }
  .productForm-block .productForm-submit {
    width: 100%;
    /*display: block;
    font-weight: bold;
    margin: auto;*/
    font-weight: 200 !important;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-size: 13px;
    border-radius: 50px; }
    @media (min-width: 399px) {
      .productForm-block .productForm-submit {
        display: inline-block;
        margin-right: 2rem; } }
  .productForm-block .product-link {
    display: inline-block;
    position: relative;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    color: #222222;
    margin-top: 2rem;
    -webkit-transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -ms-transition: 0.2s opacity;
    transition: 0.2s opacity;
    width: 100%;
    font-weight: normal;
    text-transform: capitalize; }
    .productForm-block .product-link:hover {
      opacity: 0.8; }
    .productForm-block .product-link .icon-arrow-right {
      font-size: .875rem; }
    @media screen and (min-width: 1280px) {
      .productForm-block .product-link {
        margin-top: 0;
        width: auto; } }

/*
 * Counter Elements in productForm in quickView and on product.liquid
 */
.counter {
  font-size: 0; }

.inputCounter {
  border: 1px solid #e4e4e4;
  text-align: center;
  width: 100%; }
  @media (min-width: 550px) {
    .inputCounter {
      width: 120px; } }

.inputCounter-down, .inputCounter-up {
  display: block;
  position: absolute;
  bottom: 0;
  color: #222222;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 900;
  height: 36px;
  line-height: 35px;
  text-align: center;
  width: 43px;
  z-index: 10; }
  @media (min-width: 550px) {
    .inputCounter-down, .inputCounter-up {
      width: 30px; } }

.inputCounter-down {
  left: 0px; }

.inputCounter-up {
  right: 0px; }

/*
 * Sticky "Shop" Bar
 */
.shopBar {
  display: block;
  position: fixed;
  -webkit-transition: transform .2s ease-in-out, left .3s;
  -moz-transition: transform .2s ease-in-out, left .3s;
  -ms-transition: transform .2s ease-in-out, left .3s;
  transition: transform .2s ease-in-out, left .3s;
  background-color: white;
  background-color: white;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 3px rgba(247, 247, 247, 0.7);
  color: #222222;
  padding: 15px 0 5px;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%); }
  @media (max-width: 767px) {
    .shopBar {
      display: none; } }
  .ie8 .shopBar {
    display: none; }
  @media (max-width: 970px) {
    .shopBar .title-block {
      width: calc(80% - 20px/2.666666 ) !important; }
    .shopBar .button-block {
      text-align: right !important; }
    .shopBar .social-block {
      display: none !important; } }
  .shopBar.is-visible {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0); }
  .shopBar .to-top {
    border-left: 1px solid #e4e4e4;
    color: #222222;
    padding: 0 0 0 25px;
    cursor: pointer;
    width: auto; }
    .shopBar .to-top .icon-arrow-left {
      margin-left: 4px;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg); }
  .shopBar h2 {
    margin-bottom: 0; }
  .shopBar .shopBar-buy {
    font-weight: bold;
    text-transform: uppercase; }
    .shopBar .shopBar-buy.is-disabled {
      pointer-events: none;
      opacity: .3; }

.socialBar a {
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  color: #222222;
  margin: 0 10px;
  display: inline-block;
  position: relative;
  font-size: 1.4rem;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px; }
  .socialBar a:hover {
    opacity: 0.8; }
  .socialBar a .diamond {
    background-color: transparent;
    opacity: 0; }
    .socialBar a .diamond.ripple-click {
      opacity: 1; }

.productImgSlider {
  padding: 0 10px; }
  .productImgSlider.style-text .flickity-page-dots .dot {
    border: 1px solid #222222; }
    .productImgSlider.style-text .flickity-page-dots .dot.is-selected {
      background-color: #222222; }
  .productImgSlider.style-white .flickity-page-dots .dot {
    border: 1px solid #FFFFFF; }
    .productImgSlider.style-white .flickity-page-dots .dot.is-selected {
      background-color: #FFFFFF; }

.product .breadcrumbs {
  margin-bottom: 20px;
  line-height: 25px; }

.related-products {
  display: inline-block;
  margin-top: 70px;
  /**
   * Only show 4 products.
   */ }
  .related-products h3.sale {
    color: #2e3234; }
    .related-products h3.sale strike {
      color: rgba(34, 34, 34, 0.5); }
  .related-products h4 {
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: left; }
  .related-products .block:nth-of-type(5), .related-products .block:nth-of-type(5) ~ .block {
    display: none; }

/**
 * Slider Related.
 */
@media screen and (max-width: 767px) {
  .productImgSlider {
    width: 100% !important; }
    .productImgSlider .js-slide {
      padding: 50% !important;
      width: 100% !important; }
    .productImgSlider .product-image {
      margin-bottom: 0; }
    .productImgSlider .flickity-prev-next-button {
      background-color: rgba(255, 255, 255, 0.2); }
    .productImgSlider .flickity-prev-next-button .arrow {
      fill: #222222; } }
    @media screen and (max-width: 767px) and (min-width: 399px) {
      .productImgSlider .js-slide {
        padding: 33% !important; } }
    @media screen and (max-width: 767px) and (min-width: 768px) {
      .productImgSlider .product-image {
        margin-bottom: 30px; } }

.js-productImgSlider {
  /**
   * Flickity was adding a weird :focus outline, like an input.
   */ }
  .js-productImgSlider.row::after {
    display: inline-block;
    position: relative;
    content: 'flickity';
    /**
     * Hiding the 'content' attr.
     */
    font-size: 0;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .js-productImgSlider.row::after {
        display: inline-block;
        position: relative;
        content: '';
        width: 100%; } }

/**
 * Product Images and Layouts
 */
.product-image {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  padding-top: 66%;
  /**
   * Trigger for product image zoom
   */
  /**
   * Show selected image flag.
   */
  /**
   * To fade out and back in after clicking on Variant Popover.
   */
  /**
   * IE8 doesn't support opacity.
   */
  /**
   * Layout Classes
   * 25% width: calc(25% - 20px * 1.333333);
   */ }
  .product-image.zoom--is-loading:after {
    display: block;
    position: absolute;
    background-image: url("/cdn/shop/t/62/assets/load-more.gif?v=23187165666394006591689834063");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 79px 64px !important;
    bottom: 0;
    content: '';
    left: 0;
    right: 0;
    top: 0; }
  .product-image.zoom--is-loading .product-image-zoom {
    background-color: rgba(0, 0, 0, 0.75); }
    .image-hover-light .product-image.zoom--is-loading .product-image-zoom {
      background-color: rgba(255, 255, 255, 0.5); }
  .product-image.zoom--is-visible img {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1 !important; }
  .product-image.zoom--is-visible .product-image-zoom {
    background-color: rgba(0, 0, 0, 0.75); }
    .image-hover-light .product-image.zoom--is-visible .product-image-zoom {
      background-color: rgba(255, 255, 255, 0.5); }
  .product-image.zoom--is-hiding img {
    opacity: 0 !important; }
  .product-image.zoom--is-hiding img.product-image-img {
    opacity: 1 !important; }
  .product-image.zoom--is-hiding .product-image-zoom {
    background-color: transparent !important; }
  .product-image .product-image-zoom {
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: block;
    position: absolute;
    background-color: transparent;
    bottom: 0;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: url("./magnify.cur"), move;
    left: 0;
    opacity: .8;
    right: 0;
    top: 0; }
    @media (max-width: 767px) {
      .product-image .product-image-zoom {
        background-color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        height: 40px;
        right: auto;
        text-align: center;
        top: auto;
        width: 40px;
        /**
         * Disable on mobile... for now.
         */
        display: none !important; } }
  .product-image.is-selected-product .product-selected-mark, .product-image.is-selected-product .product-selected-flag {
    opacity: 1;
    pointer-events: auto; }
  .product-image.fadeOut {
    opacity: 0.3; }
    .product-image.fadeOut.is-selected-product {
      opacity: 1; }
  .ie8 .product-image .product-selected-flag {
    opacity: 1;
    display: none; }
  .ie8 .product-image.is-selected-product .product-selected-flag {
    display: block; }
  @media screen and (min-width: 768px) {
    .product-layout-1 .product-image:nth-of-type(3n), .product-layout-1 .product-image:nth-of-type(3n-1) {
      float: left;
      padding-top: 33%;
      width: calc(50% - 20px ); }
    .product-layout-1 .product-image:nth-of-type(3n-1) {
      margin-right: 40px; } }
  @media screen and (min-width: 768px) {
    .product-layout-2 .product-image {
      float: left;
      padding-top: 33%;
      width: calc(50% - 20px ); }
      .product-layout-2 .product-image:nth-of-type(odd) {
        margin-right: 40px; } }
  @media screen and (min-width: 768px) {
    .product-layout-3 .product-image {
      float: left;
      width: calc(50% - 20px ); }
      .product-layout-3 .product-image:nth-of-type(n+5) {
        padding-top: 33%; }
      .product-layout-3 .product-image:nth-of-type(odd) {
        margin-right: 40px; } }

.product-info {
  width: 35%;
  float: left; }
  @media (max-width: 820px) {
    .product-info {
      width: 100%;
      padding-left: 10px !important;
      padding-right: 10px !important; } }
  .product-info p, .product-info .p, .product-info li, .product-info .product-tabs__content {
    font-family: Avenir;
    font-weight: 200;
    font-size: 14px;
    line-height: 22px !important; }

.template-product .container, .template-index .container {
  max-width: unset; }

.template-product .row-lg, .template-index .row-lg, .template-index .row, .template-collection .row-lg {
  width: 90%; }

@media screen and (min-width: 1280px) {
  .container {
    max-width: 90%; }

  .template-collection .row-lg {
    width: 100%; } }
.product-layout-4.productImgSlider, .product-layout-4 {
  width: 65% !important;
  float: left;
  margin: 0 auto; }

.product-layout-4 .product-title {
  width: 100%; }

.product-layout-4--info .product-title--wrapper {
  padding-left: 70px; }

.product-layout-4 .product-image:first-of-type {
  width: 100%;
  padding-top: 66.66%; }

.product-layout-4 .product-image {
  width: 50%;
  height: 200px;
  padding-top: 0px; }

@media screen and (max-width: 1024px) {
  .product-layout-4--info .product-title--wrapper {
    width: 100%;
    padding-left: 0px; } }
@media screen and (max-width: 820px) {
  .product-layout-4.productImgSlider, .product-layout-4 + .product-info {
    width: 100%;
    float: initial; } }
/**
 * Selected image flag.
 */
.product-selected-flag {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background-color: #2e3234;
  color: #FFFFFF;
  opacity: 0;
  pointer-events: none; }
  .product-selected-flag.is-visible {
    opacity: 1;
    pointer-events: auto; }

.product-selected-mark {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: block;
  position: absolute;
  background-color: #2e3234;
  border-radius: 100px;
  opacity: 0;
  pointer-events: none;
  top: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
  z-index: 1; }
  .product-selected-mark:after {
    display: block;
    position: absolute;
    border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    content: '';
    height: 6px;
    top: 9px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px; }
  .product-selected-mark.is-visible {
    opacity: 1;
    pointer-events: auto; }

.product-image-inner {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden; }
  .product-image--fit .product-image-inner {
    right: -3px;
    text-align: center; }
    .product-image--fit .product-image-inner:after {
      display: inline-block;
      position: relative;
      content: '';
      height: 100%;
      vertical-align: middle; }
    .product-image--fit .product-image-inner .product-image-img {
      display: inline-block;
      position: relative;
      max-height: 90%;
      max-width: 90%;
      opacity: 1;
      vertical-align: middle; }
  .product-image-inner .product-image-img {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    display: inline-block;
    position: relative;
    height: auto;
    opacity: 0; }
  .product-image-inner .product-image-imagefill {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden; }

.product-info {
  padding: 40px 0 0; }
  @media screen and (min-width: 1024px) {
    .product-info {
      padding: 0; } }
  .product-info .product-title {
    color: black;
    font-family: sd_georgia;
    font-weight: 500;
    line-height: 40px; }
  .product-info .product-variant-preview {
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    transition: height .3s;
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 0;
    margin-bottom: 20px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    width: 280px; }
    @media (max-width: 767px) {
      .product-info .product-variant-preview {
        display: none; } }
    .product-info .product-variant-preview.is-visible {
      height: 200px;
      opacity: 1;
      pointer-events: auto; }
    .product-info .product-variant-preview img {
      width: 100%;
      height: auto;
      opacity: 0; }

.product-form {
  padding: 0 0 85px 0;
  /**
   * Tabs
   */ }
  @media screen and (min-width: 1024px) {
    .product-form {
      padding: 0 20px 15px 70px; } }
  @media screen and (max-width: 550px) {
    .product-form {
      padding: 0 0 10px 0; } }
  .product-form .product-share {
    float: left;
    display: block;
    position: relative;
    color: #222222;
    padding: 30px 0 20px; }
    .product-form .product-share a {
      -webkit-transition: 0.2s opacity;
      -moz-transition: 0.2s opacity;
      -ms-transition: 0.2s opacity;
      transition: 0.2s opacity;
      color: #222222; }
      .product-form .product-share a:hover {
        color: 0.8; }
  .product-form .product-description {
    display: block;
    position: relative;
    padding: 20px 0; }
  .product-form .product-tabs {
    margin: 0 0 20px; }
  .product-form .product-tab {
    display: inline-block;
    position: relative;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    border-bottom: 2px solid transparent;
    color: rgba(34, 34, 34, 0.6);
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 1px 0;
    text-transform: uppercase;
    /**
     * Active class needs to be applied to first tab in markup.
     */ }
    .product-form .product-tab.is-active {
      border-bottom: 2px solid #222222;
      color: #222222; }
  .product-form .product-tabber {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial; }
    .product-form .product-tabber .slick-slide {
      background-color: white;
      height: auto; }

/**
 * Zoom.
 */
.mobile-zoom {
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  bottom: 0;
  color: white;
  cursor: pointer;
  height: 50px;
  left: 0;
  text-align: center;
  width: 50px; }
  @media (min-width: 768px) {
    .mobile-zoom {
      display: none; } }
  .mobile-zoom .icon-zoom {
    font-size: 20px;
    line-height: 50px; }
  .image-hover-light .mobile-zoom {
    background-color: rgba(255, 255, 255, 0.5);
    color: #222222; }

.mobile-zoom-overlay {
  display: block;
  position: fixed;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 100%;
  left: 0;
  opacity: 0;
  right: 0;
  top: 0;
  z-index: 1000; }
  @media (min-width: 768px) {
    .mobile-zoom-overlay {
      display: none; } }
  .mobile-zoom-overlay.is-visible {
    bottom: 0;
    opacity: 1; }
  .mobile-zoom-overlay.is-hiding {
    opacity: 0; }
  .mobile-zoom-overlay img {
    display: block;
    position: relative;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    margin: 0 auto;
    max-width: 95%;
    opacity: 0;
    z-index: 0; }
    .mobile-zoom-overlay img.fade-in {
      opacity: 1; }
  .mobile-zoom-overlay .mobile-zoom-close {
    display: block;
    position: absolute;
    background-color: #222222;
    color: white;
    cursor: pointer;
    display: none;
    height: 50px;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 1; }
    .mobile-zoom-overlay .mobile-zoom-close .icon-close {
      font-size: 20px;
      line-height: 50px; }
    .image-hover-light .mobile-zoom-overlay .mobile-zoom-close {
      background-color: rgba(255, 255, 255, 0.5);
      color: #222222; }

@media (max-width: 768px) {
  .is-visible .mobile-zoom-close {
    display: block; } }

#shopify-section-footer {
  display: inline-block;
  width: 100%;
  margin-top: 70px; }

@media screen and (max-width: 550px) {
  .footer-inner .footer-links:last-child {
    margin-top: 30px; } }
.site-footer {
  display: block;
  width: 100%;
  padding: 0;
  margin: 20px auto 0; }
  .site-footer ul, .site-footer li {
    list-style-type: none;
    margin-left: 0 !important; }
  .site-footer .footer-inner {
    border-top: 0px solid #e4e4e4;
    padding: 30px 0 20px; }
    @media screen and (min-width: 768px) {
      .site-footer .footer-inner {
        padding: 60px 0 30px; } }
  .site-footer .credit-cards {
    text-align: center; }
    .site-footer .credit-cards span {
      font-size: 33px;
      margin: 5px; }

.block-divider {
  border-top: 1px solid #e4e4e4;
  display: block;
  padding: 30px 0 20px;
  position: relative;
  width: 100%; }
  .block-divider.auto {
    width: auto; }

.icon-divider {
  display: block;
  position: absolute;
  left: calc(50% - 28px);
  top: -10px; }

.footer-block .icon {
  display: none; }
@media screen and (max-width: 550px) {
  .footer-block {
    border-bottom: 1px solid #ccc;
    padding: 7px 0; }
    .footer-block .h4 {
      line-height: 40px;
      margin: 5px 0; }
    .footer-block p {
      margin: 0; }
    .footer-block .footer-links {
      text-align: left; }
    .footer-block .icon {
      display: block;
      float: right; } }

.icon .fa-angle-down.up:before {
  content: "\f106"; }

.footer-links {
  margin: 10px 0;
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .footer-links {
      margin: 0;
      text-align: left; } }
  @media screen and (max-width: 550px) {
    .footer-links {
      display: none; }
      .footer-links.active {
        display: block;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; } }
  .footer-links .footer-link-title {
    color: rgba(34, 34, 34, 0.5);
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15.6px;
    letter-spacing: 1.5px !important; }
  .footer-links .footer-link {
    display: block;
    font-family: "Avenir",sans-serif;
    font-size: 14px;
    font-weight: 100; }
    .footer-links .footer-link a {
      -webkit-transition: 0.2s opacity;
      -moz-transition: 0.2s opacity;
      -ms-transition: 0.2s opacity;
      transition: 0.2s opacity;
      color: #222222;
      display: inline-block;
      vertical-align: top;
      line-height: 20px;
      margin: 5px 0; }
      .footer-links .footer-link a:hover {
        opacity: 0.8; }
    .footer-links .footer-link span.location {
      display: inline-block;
      vertical-align: top; }
  .footer-links .footer-link-margin {
    margin-top: 15px; }
  @media screen and (max-width: 550px) {
    .footer-links.hide-mobile {
      display: none !important; } }

.footer-social .footer-link-social [class^="icon-"] {
  text-align: center;
  width: 20px; }

.footer-sub.row.inline {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .footer-sub.row.inline {
      border-top: 0; } }
  @media screen and (min-width: 1024px) {
    .footer-sub.row.inline .icon-divider {
      display: none; } }
  .footer-sub.row.inline .footer-social-mobile {
    display: inline-block;
    position: relative;
    margin: 30px 0 30px;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .footer-sub.row.inline .footer-social-mobile {
        display: none; } }
    .footer-sub.row.inline .footer-social-mobile li {
      display: inline-block;
      position: relative;
      margin: 20px; }
      .footer-sub.row.inline .footer-social-mobile li a {
        -webkit-transition: 0.2s opacity;
        -moz-transition: 0.2s opacity;
        -ms-transition: 0.2s opacity;
        transition: 0.2s opacity;
        color: #222222;
        font-size: 1.4rem; }
        .footer-sub.row.inline .footer-social-mobile li a:hover {
          opacity: 0.8; }
  .footer-sub.row.inline p {
    color: rgba(34, 34, 34, 0.5);
    text-align: center; }

.footer-text {
  margin-left: 0; }
  @media screen and (max-width: 1024px) {
    .footer-text {
      margin-left: auto; } }

.colophon {
  margin-top: 15px; }

@media screen and (max-width: 1024px) {
  .header-fix-cont {
    position: fixed !important;
    width: 90%;
    margin-left: -45%;
    left: 50% !important; } }
.site-header {
  display: block;
  position: absolute;
  -webkit-transition: background .3s, left .3s, top .2s;
  -moz-transition: background .3s, left .3s, top .2s;
  -ms-transition: background .3s, left .3s, top .2s;
  transition: background .3s, left .3s, top .2s;
  background-color: transparent;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  /*@media screen and (max-width: $lg) {
    position: fixed;
  }
  */
  /**
   * When hero has a border, add some padding on the top.
   */
  /**
   * But when it scrolls ( < 1024px wide), get rid of that padding.
   */
  /**
   * Color Schemes
   * colorScheme--dark // Default
   * only used on the homepage hero
   */ }
  @media screen and (max-width: 768px) {
    .site-header {
      position: static !important; } }
  @media screen and (min-width: 768px) {
    .site-header .container {
      max-width: 100%; } }
  .site-header .container .row {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .site-header .container .row {
        width: calc(100% - 80px);
        margin-top: 9px; } }
  .site-header.shift--alert {
    position: absolute; }
  .site-header.header--border {
    top: 20px; }
    @media (max-width: 399px) {
      .site-header.header--border {
        top: 0; } }
    .site-header.header--border .row.row-lg {
      -webkit-transition: width .3s;
      -moz-transition: width .3s;
      -ms-transition: width .3s;
      transition: width .3s;
      width: calc(100% - 80px); }
      @media screen and (max-width: 1024px) {
        .site-header.header--border .row.row-lg {
          width: calc(95% - 40px); } }
  @media screen and (max-width: 1024px) {
    .site-header.header--border.has-scrolled .row.row-lg {
      width: calc(100% - 40px); } }
  .site-header + section:not(.hero) {
    padding-top: 120px; }
    @media screen and (min-width: 768px) {
      .site-header + section:not(.hero) {
        padding-top: 160px; } }
  .template-index .site-header.colorScheme--light .menuToggle {
    color: white; }
    .template-index .site-header.colorScheme--light .menuToggle .icon-bar,
    .template-index .site-header.colorScheme--light .menuToggle .icon-bar:before,
    .template-index .site-header.colorScheme--light .menuToggle .icon-bar:after {
      background-color: white; }
  .template-index .site-header.colorScheme--light .cartToggle {
    color: white; }
    .template-index .site-header.colorScheme--light .cartToggle.diamond-outline:hover .diamond {
      border-color: white; }
    .template-index .site-header.colorScheme--light .cartToggle.diamond-outline .diamond {
      border-color: rgba(255, 255, 255, 0.5); }
  .template-index .site-header .desktop-navigation svg {
    filter: invert(1); }

.stuckmenu {
  background: #fff;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #fafafa;
  top: 0;
  position: fixed !important; }

.template-index .desktop-navigation .nav .nav__item > a {
  color: #fff; }
.template-index .desktop-navigation .isStuck .nav .nav__item > a, .template-index .desktop-navigation .nav__dropdown .nav .nav__item > a {
  color: #000; }
.template-index .desktop-navigation .nav .nav--level-three > a {
  font-size: 11.5px; }
.template-index .desktop-navigation .stuckmenu .nav .nav__item > a, .template-index .desktop-navigation .nav__dropdown .nav .nav__item > a {
  color: #000; }
.template-index .desktop-navigation .wishlist-icon {
  color: #ffffff; }
.template-index .desktop-navigation svg#cart_icon_2, .template-index .desktop-navigation svg#user_1 {
  filter: brightness(5); }
.template-index .desktop-navigation .cartToggle .cartToggle-items {
  color: #000; }

.header-fix-cont {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999; }
  @media screen and (min-width: 1024px) {
    .header-fix-cont {
      display: block;
      position: fixed;
      left: 0;
      top: 0; }
      .shift--alert .header-fix-cont {
        display: block;
        position: absolute;
        margin: 0 -40px;
        top: -10px; } }
  @media screen and (max-width: 768px) {
    .header-fix-cont {
      top: 35px; } }
  @media screen and (max-width: 550px) {
    .header-fix-cont {
      top: 25px !important; } }

.header-fix-cont-inner {
  transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  opacity: 0; }
  @media screen and (max-width: 550px) {
    .header-fix-cont-inner {
      z-index: 999; } }

.mo-padding {
  margin-top: 125px; }

@media screen and (max-width: 1024px) {
  .mo-padding {
    margin-top: 50px; } }
/* menu wrapper */
.menu-wrapper {
  display: flex; }
  @media screen and (max-width: 768px) {
    .menu-wrapper {
      justify-content: flex-end; } }

.icons {
  margin-left: auto;
  display: flex;
  gap: 8px; }
  @media screen and (max-width: 768px) {
    .icons {
      gap: 4px; } }
  @media screen and (max-width: 550px) {
    .icons {
      gap: 0; } }

/**
 * Menu Icon
 */
.menuToggle {
  -webkit-transition: opacity .1s, background .2s ease, left .3s;
  -moz-transition: opacity .1s, background .2s ease, left .3s;
  -ms-transition: opacity .1s, background .2s ease, left .3s;
  transition: opacity .1s, background .2s ease, left .3s;
  display: block;
  float: left;
  font-size: 20px;
  margin-top: 12px;
  padding: 0 10px;
  position: relative;
  z-index: 100;
  /**
   * Square behind hamburger, rotates when menu is open.
   */
  /**
   * This class appears IF .hero is present, removes background color.
   */ }
  .menuToggle .diamond-bar {
    background-color: white; }
  @media screen and (min-width: 1024px) {
    .menuToggle {
      margin-top: 0;
      left: 31px;
      top: 36px;
      /**
       * Hero only has border above $lg breakpoint even though this class will still be present.
       */ }
      .header--border .menuToggle {
        left: 41px;
        top: 43px; } }
  @media screen and (max-width: 550px) {
    .menuToggle {
      margin-top: 0px !important; } }
  .header--no-bg .menuToggle .diamond-bar {
    background-color: rgba(255, 255, 255, 0); }

/**
*Wishlist Icon
*/
.wishlist-icon {
  font-size: 22px;
  color: #4f4f4f; }

.wishlist-icon:hover {
  color: #101010; }

@media screen and (max-width: 768px) {
  .wishlist-top, .user-top {
    top: 20px !important; } }
@media screen and (max-width: 550px) {
  .wishlist-top, .user-top {
    margin-right: 3px;
    top: unset !important; } }

/**
 * Cart Icon
 */
.cartToggle {
  -webkit-transition: background .2s ease, right .3s;
  -moz-transition: background .2s ease, right .3s;
  -ms-transition: background .2s ease, right .3s;
  transition: background .2s ease, right .3s;
  color: #222222;
  display: block;
  height: 28px;
  margin-right: 0;
  position: relative;
  z-index: 1000;
  /* @media screen and (min-width: $sm) {
     margin-top: 0;
     top:-20px;
   }*/
  /**
   * Show "CART" text.
   */
  /**
   * "CART" text.
   */
  /**
   * Hero only has border above $xs breakpoint even though this class will still be present.
   */
  /**
   * If .hero is present, remove background.
   */
  /**
   * Child of .diamond-outline this is the bit that's visible and has the hover effect.
   */
  /**
   * The number of items within the cartToggle.
   */ }
  @media screen and (max-width: 550px) {
    .cartToggle {
      margin-top: 168px;
      right: -3px;
      width: unset; } }
  .cartToggle:hover::after {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0); }
  .cartToggle:after {
    display: block;
    position: absolute;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    -webkit-transition: transform 0.1s, opacity .2s;
    -moz-transition: transform 0.1s, opacity .2s;
    -ms-transition: transform 0.1s, opacity .2s;
    transition: transform 0.1s, opacity .2s;
    color: #222222;
    content: 'CART';
    left: 0px;
    opacity: 0;
    right: -8px;
    top: 35px;
    text-align: center;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px); }
    .header--no-bg .cartToggle:after {
      color: #222222; }
  @media screen and (min-width: 1024px) {
    .header--border .cartToggle {
      right: 50px;
      top: 48px; } }
  .header--no-bg .cartToggle {
    background-color: rgba(255, 255, 255, 0); }
    .header--no-bg .cartToggle.diamond-outline:hover .diamond {
      border-color: #222222; }
    .header--no-bg .cartToggle.diamond-outline .diamond {
      background-color: transparent;
      border-color: #222222; }
  .cartToggle.diamond-outline:hover .diamond {
    border-color: #222222; }
  .cartToggle.diamond-outline .diamond {
    background-color: white;
    border-color: #222222; }
  .cartToggle .cartToggle-items {
    top: 4px;
    right: 10px;
    display: block;
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    color: #fff; }
    @media screen and (max-width: 550px) {
      .cartToggle .cartToggle-items {
        right: 8px; } }

/*
 * Main Logo
 */
.main-logo {
  display: inline-block;
  position: relative;
  -webkit-transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -moz-transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -ms-transition: opacity .3s, transform .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  height: 70px;
  text-align: center;
  width: 170px;
  z-index: 3;
  /**
   * Vertically align the logo.
   */
  /**
   * Actual logo container.
   */ }
  .header--border .main-logo {
    height: 80px; }
  @media screen and (min-width: 550px) {
    .main-logo {
      width: 220px; } }
  @media screen and (min-width: 1024px) {
    .main-logo {
      height: 100px;
      margin-right: 0;
      width: 240px; } }
  .main-logo::after {
    display: inline-block;
    position: relative;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .main-logo .logo {
    display: inline-block;
    position: relative;
    max-height: 70px;
    max-width: 130px;
    vertical-align: middle; }
    @media screen and (min-width: 550px) {
      .main-logo .logo {
        max-width: 200px; } }
    @media screen and (min-width: 1024px) {
      .main-logo .logo {
        max-height: 100px;
        max-width: 220px; } }
  .main-logo .logo--sm {
    display: inline-block;
    position: relative;
    max-height: 70px;
    max-width: 130px;
    vertical-align: middle; }
    @media screen and (min-width: 550px) {
      .main-logo .logo--sm {
        max-width: 160px; } }
    @media screen and (min-width: 1024px) {
      .main-logo .logo--sm {
        display: none; } }

.main-logo__text {
  -webkit-transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s;
  -moz-transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s;
  -ms-transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s;
  transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s;
  color: #222222;
  margin-bottom: 0;
  width: 220px; }
  .main-logo__text.inverted {
    color: #dddddd; }
  @media (min-width: 550px) {
    .main-logo__text {
      width: 360px; } }
  @media (min-width: 768px) {
    .main-logo__text {
      width: 400px; } }
  .main-logo__text::after {
    height: 85%; }
  .main-logo__text a {
    display: inline-block;
    max-width: 95%;
    vertical-align: middle; }
  .header--no-bg .main-logo__text {
    color: #222222; }
    .header--no-bg .main-logo__text.inverted {
      color: #dddddd; }

.ie8-hidden {
  display: none; }

.ie8 .ie8-hidden {
  display: block; }
.ie8 .container {
  margin: 0 auto; }
.ie8 .med_s12 {
  width: 50%; }
.ie8 span.ie8-after {
  content: " ";
  display: table;
  clear: both; }
.ie8 [class^="icon-"].icon-2x, .ie8 [class*=" icon-"].icon-2x {
  font-size: 20px; }
.ie8 .siteAlert .alert-close {
  top: 10px;
  cursor: pointer; }
.ie8 .siteAlert .block {
  padding: 15px 0; }
.ie8 .site-header {
  background-color: transparent; }
  .ie8 .site-header .container {
    max-width: 100%; }
  .ie8 .site-header .header-fix-cont {
    display: block;
    position: fixed;
    bottom: auto;
    left: 0;
    top: 15px; }
.ie8 .shift--alert .header-fix-cont {
  display: block;
  position: absolute;
  bottom: 0;
  margin: 0 -40px;
  top: 10px; }
.ie8 .header--no-bg .menuToggle {
  background-color: transparent; }
  .ie8 .header--no-bg .menuToggle .diamond-bar {
    background-color: transparent; }
.ie8 .nav--is-visible .menuToggle {
  left: 35%; }
.ie8 .nav--is-visible .cartToggle {
  left: 100%; }
.ie8 .nav--is-visible .siteAlert {
  left: 33%; }
.ie8 .main-logo {
  padding-top: 24px; }
  .ie8 .main-logo .logo {
    display: inline-block !important;
    max-height: 100px;
    max-width: 220px; }
  .ie8 .main-logo .logo--sm {
    display: none !important; }
.ie8 .menuToggle {
  margin-top: 0;
  left: 50px;
  position: fixed; }
.ie8 .cartToggle {
  margin-top: 0;
  right: 50px;
  position: fixed; }
.ie8 .cartToggle-items {
  padding-top: 12px;
  padding-left: 9px; }
.ie8 .cart-close {
  font-size: 14px; }
.ie8 .header-cartPopover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.ie8 .alert--is-visible .menuToggle {
  top: 72px; }
.ie8 .alert--is-visible .cartToggle {
  top: 76px; }
.ie8 .diamond-outline .diamond {
  background: url("cartico.svg") center center no-repeat;
  /* border-color: white;
   border-color: rgba(#222222, 1);
   border-width: 2px;
   border-style: solid;*/ }
.ie8 .site-header.has-scrolled .cartToggle.diamond-outline .diamond {
  border-color: #292e31 !important; }
.ie8 .site-header.has-scrolled .menuToggle {
  color: #292e31 !important; }
  .ie8 .site-header.has-scrolled .menuToggle .icon-bar {
    background-color: #292e31 !important; }
.ie8 .main-logo {
  height: 100px;
  margin-right: 0;
  width: 240px; }
.ie8 .nav--is-visible .bodyOverlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.ie8 .nav--is-visible .nav-container {
  left: 0; }
.ie8 .nav-container {
  left: -100%;
  width: 33%; }
  .ie8 .nav-container .nav-inner .nav-mobile-close .icon-close {
    display: none; }
.ie8 .nav-social .nav-social-link {
  font-size: 20px;
  padding-top: 4px;
  padding-left: 8px; }
  .ie8 .nav-social .nav-social-link:before {
    color: white;
    color: #222222; }
.ie8 .nav-search .nav-search-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background-color: #292E31;
  background-color: #f4f4f4;
  overflow: hidden; }
  .ie8 .nav-search .nav-search-overlay .nav-search-submit:hover {
    background-color: transparent;
    color: #292e31; }
.ie8 .nav-search .icon-search, .ie8 .nav-search .icon-close {
  font-size: 15px; }
.ie8 .search--is-visible .nav-search .nav-search-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.ie8 .nav-social {
  margin-top: 80px; }
.ie8 .submenu, .ie8 .sub-submenu {
  display: none; }
.ie8 .submenu--is-visible .signin-row, .ie8 .sub-submenu--is-visible .signin-row {
  position: absolute;
  top: -40px;
  margin-left: 40%; }
.ie8 .submenu--is-visible .submenu.is-visible, .ie8 .sub-submenu--is-visible .sub-submenu.is-visible {
  display: block; }
.ie8 .menu.submenu--is-visible .menu-item > a, .ie8 .menu.submenu--is-visible .menu-divider {
  display: none; }
.ie8 .menu .login-links {
  position: absolute;
  bottom: -10px;
  left: 38%; }
.ie8 .sub-menu.sub-submenu--is-visible .menu-item > a, .ie8 .sub-menu.sub-submenu--is-visible .menu-divider {
  display: none; }
.ie8 .sub-menu .login-links {
  position: absolute;
  bottom: -10px;
  left: 38%; }
.ie8 .menu-item > a, .ie8 .submenu-item > a {
  width: 100%;
  display: block;
  position: relative; }
.ie8 .menu-item.has-submenu > a:before, .ie8 .submenu-item.has-submenu > a:before {
  display: block;
  position: absolute;
  display: inline-block;
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  font-size: 1.4rem;
  top: 10px;
  left: 60%;
  position: absolute; }
.ie8 .menu-item.has-submenu .submenu-back a:before, .ie8 .submenu-item.has-submenu .submenu-back a:before {
  display: block;
  position: absolute;
  display: inline-block;
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e600";
  font-size: 1.4rem;
  top: 10px;
  left: 40%;
  position: absolute; }
.ie8 .menu-item.has-submenu .submenu-back a strong, .ie8 .submenu-item.has-submenu .submenu-back a strong {
  letter-spacing: 5px; }
.ie8 .cartContainer {
  margin-right: 100%; }
.ie8 .cart--is-visible .cartContainer {
  margin-right: 0;
  background-color: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; }
.ie8 .cart--is-visible .diamond {
  filter: none !important; }
.ie8 .checkout-buttons.row {
  text-align: right; }
.ie8 .hero {
  height: auto;
  max-height: 900px; }
.ie8 .slide-content {
  display: inline-block;
  position: relative;
  color: white;
  width: 98%;
  vertical-align: middle;
  padding-top: 30%; }
.ie8 .mosaic-block {
  margin-bottom: 20px; }
  .ie8 .mosaic-block.feature {
    padding-top: 100% !important; }
  .ie8 .mosaic-block.sale .mosaic-block-image:before {
    display: block;
    position: absolute;
    font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.17px;
    content: 'SALE';
    color: white;
    background-color: #2e3234;
    line-height: 1;
    left: 0;
    padding: 10px 20px;
    top: 45px;
    z-index: 15; }
.ie8 .mosaic span.ie8-after {
  display: inline-block;
  position: relative;
  content: '';
  width: 100%; }
.ie8 .mosaic-block-inner {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 0; }
  .ie8 .mosaic-block-inner .content {
    top: 40%;
    color: white; }
    .ie8 .mosaic-block-inner .content h3 {
      line-height: 18pt;
      margin-bottom: 0;
      color: #2e3234; }
    .ie8 .mosaic-block-inner .content h3 strike {
      color: white; }
  .ie8 .mosaic-block-inner:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.ie8 .gallery .row .block {
  height: 100%; }
.ie8 .slick-dots {
  bottom: 30px; }
.ie8 .slick-next, .ie8 .slick-prev {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  top: 50%; }
.ie8 .slick-next:before, .ie8 .slick-prev:before {
  display: inline-block;
  position: relative;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  color: #222222;
  font-size: 18px;
  line-height: 40px;
  text-align: center; }
.ie8 .slick-next:before {
  content: "\e601";
  display: none; }
.ie8 .slick-prev:before {
  content: "\e600";
  display: none; }
.ie8 .slick-dots li {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  /* IE8 */ }
.ie8 .slick-prev, .ie8 .slick-next {
  background: none !important;
  opacity: 1 !important; }
.ie8 .hero .slick-prev:hover, .ie8 .hero .slick-next:hover {
  background: none !important;
  opacity: 1 !important; }
.ie8 .quickView-button {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-top: 25%; }
.ie8 .blogModule h1 {
  font-size: 18px;
  letter-spacing: 4px; }
.ie8 .blogModule .lg_s14 {
  width: 25% !important;
  display: block !important;
  float: left;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }
.ie8 .blogModule hr.post-divider {
  display: none !important; }
.ie8 .blogModule .carousel-slide-image {
  background-size: cover; }
.ie8 .signUp-form {
  width: 400px; }
.ie8 .signUp-submit {
  right: -25px;
  width: 60px;
  background-color: transparent; }
.ie8 .signUp-mailIcon {
  font-size: 20px; }
.ie8 .placeholder {
  color: #aaa; }
.ie8 .icon-divider:before {
  font-size: 20px; }
.ie8 .footer-sub.row.inline {
  border-top: 0; }
  .ie8 .footer-sub.row.inline .icon-divider,
  .ie8 .footer-sub.row.inline .footer-social-mobile {
    display: none; }
.ie8 .bodyWrap-spacer {
  padding-top: 12%; }
.ie8 .banner {
  display: block; }
.ie8 .collectionGrid-filter, .ie8 .tag-filter {
  text-align: right;
  width: auto;
  float: right !important; }
  .ie8 .collectionGrid-filter label, .ie8 .tag-filter label {
    margin: 0 20px 0 0;
    width: auto; }
  .ie8 .collectionGrid-filter select, .ie8 .tag-filter select {
    width: auto; }
.ie8 .quickView-info {
  padding-left: 60px; }
.ie8 .productForm legend {
  margin-bottom: 30px; }
.ie8 .productForm .selector-wrapper, .ie8 .productForm .inputGroup {
  display: inline-block;
  position: relative;
  margin-right: 30px;
  margin-bottom: 20px; }
.ie8 .productForm .selector-wrapper, .ie8 .productForm .inputGroup, .ie8 .productForm select, .ie8 .productForm input {
  width: auto; }
.ie8 .productForm-block {
  margin-bottom: 10px; }
  .ie8 .productForm-block .product-price {
    margin: 0;
    margin-right: 30px;
    text-align: left;
    width: auto;
    font-size: 21px;
    line-height: 30px; }
  .ie8 .productForm-block .productForm-submit {
    display: inline-block;
    margin-right: 30px; }
  .ie8 .productForm-block .product-link {
    margin-top: 0;
    width: auto; }
.ie8 .productForm-block .productForm-submit {
  margin-bottom: 15px !important; }
.ie8 .out-of-stock .productForm-block .product-price .product-normal-price {
  text-align: left !important; }
.ie8 .out-of-stock .product-normal-price {
  text-align: left !important; }
.ie8 #product-price {
  text-align: left !important;
  color: red !important; }
.ie8 .contact-column {
  float: left;
  width: 50%; }
.ie8 .contact-column.contact-column-form {
  width: 75%;
  padding-right: 60px; }
.ie8 .contact-column.contact-column-info {
  display: block;
  width: 25%; }
.ie8 .row.row-sm {
  width: 60%; }
.ie8 .row.row-lg {
  width: 85%; }
.ie8 .two-up-module.image-right .col-image {
  right: 0; }
.ie8 .two-up-module.image-right .col-text {
  float: left; }
.ie8 .two-up-module.image-left .col-text {
  float: right; }
.ie8 .two-up-module .col-image {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  padding: 0; }
.ie8 .two-up-module .col {
  width: 50%;
  overflow: hidden; }
.ie8 .two-up-module .col-text {
  padding: 80px 90px; }
.ie8 .lg_s13 {
  width: 33.333333%; }
.ie8 .lg_s23 {
  width: 66.666666%; }
.ie8 .lg_s14 {
  width: 25%; }
.ie8 .pad-med {
  padding: 65px 0; }
.ie8 .product-form {
  padding: 0 0 85px 70px; }
.ie8 .carousel {
  padding: 70px 0 0; }
.ie8 .carousel-slide {
  padding: 0 10px; }
.ie8 .js-productImgSlider.row.inline span.ie8-after {
  font-size: 0;
  display: inline-block;
  position: relative;
  content: '';
  width: 100%; }
.ie8 .mobile-zoom {
  display: none; }
.ie8 .js-imagefill img {
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto;
  display: block; }
.ie8 #hamburger-menu {
  width: 30px;
  height: 30px;
  position: relative; }
  .ie8 #hamburger-menu .icon-menu-open, .ie8 #hamburger-menu .icon-menu-close {
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px; }
  .ie8 #hamburger-menu .icon-menu-close {
    display: none; }
  .ie8 #hamburger-menu.open .icon-menu-open {
    display: none; }
  .ie8 #hamburger-menu.open .icon-menu-close {
    display: block; }
  .ie8 #hamburger-menu .diamond-bar, .ie8 #hamburger-menu .icon-bar {
    display: none !important; }
  .ie8 #hamburger-menu #hamburger-bar {
    display: none; }
.ie8 #VariantPopoverContainer {
  display: block; }
  .ie8 #VariantPopoverContainer .popover {
    display: none; }
    .ie8 #VariantPopoverContainer .popover.is-visible {
      display: block; }
  .ie8 #VariantPopoverContainer .popover-item-thumb {
    overflow: hidden; }
  .ie8 #VariantPopoverContainer .icon-arrow-left {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; }

.icon-menu .icon-bar, .icon-menu .icon-bar:before, .icon-menu .icon-bar:after {
  background-color: #222 !important; }

.slick-prev, .slick-next {
  background: none !important; }

/*
 * This class is here because Shopify for some
 * reason is truncating the last few characters
 * from the stylesheet. So this is the last partial
 * to be included, which prevents any real
 * styles from being truncated.
 */
.t {
  top: 0px; }

.cartContainer .cart-row {
  width: 80%; }
.cartContainer .med_hide {
  display: none !important; }
.cartContainer .med_d-block {
  display: block;
  position: relative; }
.cartContainer .cart-table .d-table-footer {
  display: block; }
.cartContainer .cart-table .d-table-footer .d-table-row {
  display: block; }
.cartContainer .checkout-buttons.row {
  text-align: justify; }
.cartContainer .checkout-buttons .u-right {
  text-align: center !important; }
.cartContainer .cart-table .d-table-footer .d-table-cell.is-update {
  text-align: center; }
.cartContainer .checkout-buttons .u-right {
  text-align: center; }
.cartContainer .checkout-buttons {
  padding: 50px 0 0;
  display: block; }
  .cartContainer .checkout-buttons button, .cartContainer .checkout-buttons .button {
    width: 100%;
    margin: 0; }
  .cartContainer .checkout-buttons .cart-checkout {
    margin-top: 10px;
    padding: 20px;
    width: 100%; }
  .cartContainer .checkout-buttons .js-continueShopping, .cartContainer .checkout-buttons .js-cartView, .cartContainer .checkout-buttons .cartView {
    background: white;
    border: 2px solid black;
    color: black;
    padding: 8px 10px;
    margin-top: 10px;
    border-radius: 50px; }
.cartContainer .cart-product-quantity {
  width: 50%;
  display: inline-block; }
.cartContainer .cart-product-total {
  width: 50%;
  display: inline-block; }
.cartContainer .row.inline .block {
  display: block; }
@media screen and (min-width: 1024px) {
  .cartContainer .cart-product-thumb {
    border: 0;
    float: left; } }
@media screen and (min-width: 1024px) {
  .cartContainer .cart-product-total {
    min-height: 91px;
    padding: 33px 0; } }
@media screen and (min-width: 1024px) {
  .cartContainer .d-table-footer {
    margin-bottom: 20px; } }
@media screen and (min-width: 1024px) {
  .cartContainer .checkout-buttons {
    padding: 0; } }
@media screen and (min-width: 1024px) {
  .cartContainer .cart-subtotal-title {
    display: none; } }
@media screen and (min-width: 1024px) {
  .cartContainer .is-update {
    display: block; } }
.cartContainer #paypal-express-button {
  display: block;
  margin: 0 auto; }
.cartContainer .cart-product-quantity, .cartContainer .cart-product-total, .cartContainer .cart-product-remove {
  border-bottom: 1px solid #e4e4e4; }

/* Slider */
.slick-loading .slick-list {
  background: white image-url("ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 15px;
  left: 15px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-next {
  right: 0; }

.slick-prev {
  left: 0; }

.product-sku {
  margin: -10px 0 15px;
  display: block;
  font-size: 11px;
  color: #888888;
  font-family: sd_georgia; }

.back-in-stock .action_button {
  /*
  border: 1px solid $c-secondary;
  margin-top: 10px;
  */
  border: 1px solid #2e3234;
  margin-top: 10px;
  background: none;
  color: #333;
  margin: 20px 0;
  font-weight: normal; }

/*  Filter Menu CSS */
.filter-menu {
  display: none;
  margin-bottom: 20px;
  width: 20%;
  float: left;
  padding-right: 20px; }
  @media screen and (max-width: 1024px) {
    .filter-menu {
      float: none;
      display: none;
      width: 85vw;
      margin: 0 auto;
      padding-left: 0;
      margin-bottom: 20px;
      padding-bottom: 50px;
      border-bottom: 2px solid #2e3234; } }

.collectionGridProducts {
  width: 80% !important;
  float: left;
  margin-top: -50px; }
  @media screen and (max-width: 1024px) {
    .collectionGridProducts {
      width: 100% !important;
      margin-top: unset; } }

.mobile-navigation {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-navigation {
      display: block; } }

.desktop-navigation {
  display: block;
  /* #cartTotal, #wishlist{
     top: -45px;
   }*/ }
  @media screen and (max-width: 768px) {
    .desktop-navigation {
      display: none; } }

.nav li .nav__item > a {
  padding: 0 !important; }

.nav .nav__item > a {
  font-family: "Avenir", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 100;
  letter-spacing: 1.5px;
  padding: 15px 5px !important; }
  .nav .nav__item > a:hover {
    color: #000;
    font-weight: bold; }

.nav {
  margin: 10px 0; }
  .nav.nav--level-one {
    display: inline-flex;
    justify-content: center; }
  .nav .nav__item {
    display: inline-block;
    padding: 0 10px; }
    .nav .nav__item svg {
      padding-top: 5px;
      display: inline-block;
      vertical-align: bottom; }
    .nav .nav__item img {
      width: 100%; }
  .nav .nav__item--has-child:hover .nav--level-two {
    display: block; }
  .nav .nav--level-two:hover {
    display: block; }
  .nav .nav--level-two {
    transform: translate(-50%, 0%);
    display: none;
    text-align: left;
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-top: 13px;
    /* top: 0px;*/
    background: white;
    padding: 15px;
    transition: all 0.5s ease;
    max-width: 1400px;
    width: 100%;
    /*border: 1px solid $c-secondary;
    border: 1px solid #efefef;*/
    /*&:hover { 
      background: rgba(255,255,255,0.95);
    }*/ }
    .nav .nav--level-two > li {
      width: 20%;
      float: left;
      padding: 4px;
      padding-bottom: 15px;
      display: inline-block;
      text-align: left;
      cursor: pointer;
      margin: 0; }
      .nav .nav--level-two > li > a {
        font-size: 13px;
        text-transform: uppercase; }
      .nav .nav--level-two > li.nav__item--has-child > a {
        letter-spacing: 1px !important;
        height: 20px;
        line-height: 20px;
        /*border-bottom: 1px solid #2e3234;
        letter-spacing: 1.5px !important;
        font-size: 11px;
        text-transform: initial;
        height: 48px;
        line-height: 20px;
        margin-bottom: 8px;*/ }
        .nav .nav--level-two > li.nav__item--has-child > a:hover {
          font-weight: 800; }
    .nav .nav--level-two > .nav__item > a {
      letter-spacing: 1.3px !important;
      height: 48px;
      line-height: 20px;
      margin-bottom: 8px; }
  .nav .nav--level-three {
    font-weight: normal;
    list-style: none; }
    .nav .nav--level-three li {
      padding: 6px 0;
      display: block;
      transition: background .3s;
      margin: 0; }
      .nav .nav--level-three li > a {
        font-size: 12px;
        font-family: "Avenir", "HelveticaNeue", sans-serif;
        font-weight: 100;
        letter-spacing: 1px !important;
        text-transform: capitalize; }
  .nav .nav__item--has-child > a {
    /*padding: 0;
    display:block;*/
    transition: background .3s; }

.js-continueShopping {
  background: #161616;
  color: #fff;
  width: 100%;
  border-radius: 50px; }

#Cart .checkout-buttons {
  padding-bottom: 0; }
#Cart .cart-checkout {
  margin-right: 0;
  margin-top: 10px;
  width: 329px; }
  @media screen and (max-width: 550px) {
    #Cart .cart-checkout {
      width: 100%;
      margin-bottom: 15px; } }

.cart-overlay {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  left: 0;
  top: 0; }

.cart-close-button {
  z-index: 100; }

.desktop-logo {
  height: 0 !important; }

.top-bar {
  position: relative; }

.search-form {
  z-index: 1001;
  position: absolute;
  top: 4px;
  /*2px*/
  right: 10px;
  display: none;
  padding-right: 7px;
  border-bottom: 1px solid #afafaf;
  /*padding: 0 7px;
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  border-left: 1px solid #dfdfdf;*/ }
  .search-form input {
    background: none;
    padding: 2px 0;
    display: inline-block;
    vertical-align: top;
    width: 232px;
    font-size: 14px; }
    .search-form input:focus {
      outline: none; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .search-form input {
        width: 150px !important; } }
  @media screen and (max-width: 768px) {
    .search-form {
      display: none !important; } }

.search-form__mobile {
  margin-top: 100px; }
  .search-form__mobile input {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 50px; }
  @media screen and (min-width: 820px) {
    .search-form__mobile {
      display: none;
      margin: 0 0 20px 0; } }
  @media screen and (max-width: 820px) {
    .search-form__mobile {
      margin: 0 0 20px 0; } }

.collection-container__filterProducts-open {
 /* max-width: 1600px;
    width: 85%;
*/
  margin: 0 auto; }

.collection-description__show-more {
  display: inline-block;
  margin-left: 5px;
  border: none;
  background: none;
  padding: 0;
  color: #333;
  font-size: 11.6px;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: underline !important; }
  @media screen and (max-width: 550px) {
    .collection-description__show-more {
      width: auto; } }

.collection-description__show-less {
  font-size: 11.6px;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: underline !important;
  background: none;
  color: #333;
  padding: 0; }

.collection-description__button {
  background: white;
  color: #2e3234;
  transition: all .3s; }
  .collection-description__button:hover {
    background: whitesmoke; }

.long-description {
  display: none;
  max-width: 1000px;
  margin: 0 auto; }

.short-description {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 13px;
  letter-spacing: 0.61px; }
  .short-description p {
    font-size: 14px;
    letter-spacing: 0.61px; }

.load-more-container {
  float: left;
  width: 100% !important;
  padding: 10px; }

.product-tabs__container {
  margin-top: 15px;
  display: block;
  float: left;
  width: 100%;
  transition: .3s all; }
  .product-tabs__container .product-tabs__title {
    font-weight: bold;
    cursor: pointer;
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #dfe7eb;
    display: block;
    text-transform: uppercase;
    font-family: Avenir;
    letter-spacing: 1.5px !important;
    font-size: 12px; }
    .product-tabs__container .product-tabs__title .product-tabs__arrow {
      float: right;
      transition: .3s all; }
    .product-tabs__container .product-tabs__title .product-tabs__arrow-open {
      transform: rotate(180deg); }
    .product-tabs__container .product-tabs__title svg {
      display: inline-block;
      vertical-align: bottom;
      margin-bottom: -5px; }
  .product-tabs__container .product-tabs__content {
    display: none;
    padding-top: 10px;
    padding-bottom: 30px; }
  .product-tabs__container .tab-active {
    font-weight: bold; }
  .product-tabs__container .tab-show {
    display: block; }

.our-tabs__container {
  margin-top: 15px;
  display: block;
  float: left;
  transition: .3s all; }
  .our-tabs__container .our-tabs__title {
    display: flex;
    justify-content: space-between;
    font: bold 12px/1 Avenir;
    cursor: pointer;
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #dfe7eb;
    letter-spacing: 1px; }
    .our-tabs__container .our-tabs__title h2 {
      margin: 0;
      width: 180px; }
    .our-tabs__container .our-tabs__title .our-tabs__arrow {
      float: right;
      transition: .3s all;
      height: 25px; }
    .our-tabs__container .our-tabs__title .our-tabs__arrow-open {
      transform: rotate(180deg); }
  .our-tabs__container .our-tabs__content {
    display: none;
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 140%; }
  .our-tabs__container .tab-active {
    font-weight: bold; }
  .our-tabs__container .tab-show {
    display: block; }

.faqs__container {
  margin-top: 15px;
  display: block;
  float: left;
  transition: .3s all; }
  .faqs__container .faqs__title {
    display: flex;
    justify-content: space-between;
    font: bold 12px/1 Avenir;
    cursor: pointer;
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #dfe7eb;
    letter-spacing: 1px; }
    .faqs__container .faqs__title h2 {
      margin: 0;
      font-size: 14px; }
    .faqs__container .faqs__title .faqs__arrow {
      float: right;
      transition: .3s all;
      height: 25px; }
    .faqs__container .faqs__title .faqs__arrow-open {
      transform: rotate(180deg); }
  .faqs__container .faqs__content {
    display: none;
    padding-top: 10px;
    padding-bottom: 30px;
    line-height: 140%; }
  .faqs__container .tab-active {
    font-weight: bold; }
  .faqs__container .tab-show {
    display: block; }

.product-instock {
  font-weight: bold;
  margin-bottom: 10px; }

.show-preorder-form, .show-out-of-stock-form {
  display: none; }

.show-out-of-stock-form {
  margin-top: 20px;
  font-weight: bold; }

.show {
  display: block; }

.show-out-of-stock-form-popup {
  max-width: 370px;
  width: auto;
  display: block;
  background: white;
  border: 1px solid #2e3234;
  margin: 0 auto;
  text-align: center;
  padding: 30px; }
  .show-out-of-stock-form-popup .action_button {
    width: 100%; }

.show-more__collections {
  width: 100% !important;
  float: left;
  display: block; }

.collectionListTemplate .collectionGrid-row {
  width: 100% !important; }

.snize-input-style {
  /* min-width: 220px;*/ }

.fullBlock {
  width: 100%;
  padding-right: 20px; }

.popup__option-container {
  display: block;
  float: left;
  width: 100%; }

.popup__view-cart {
  display: inline-block;
  margin-top: 20px;
  font-weight: bold;
  float: right; }

.popup__close-popup {
  font-size: 14px;
  margin-top: 20px;
  float: left;
  vertical-align: bottom;
  font-weight: bold; }

.addedItemToCart .cart-table {
  margin-bottom: 20px; }
.addedItemToCart .checkout-buttons a {
  background: white;
  color: #333;
  border: 1px solid #333; }

.product-page__tags {
  display: inline-block;
  background-color: transparent;
  /* border: 2px solid #888;
  padding: 10px 20px;
  font-weight: bold;*/
  color: #888;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 10px;
  letter-spacing: 1.2667px !important; }

.product-price {
  margin: 10px 0; }

.product-normal-price, .product-sale-price {
  margin: 20px 0 30px;
  font-family: sd_georgia;
  font-size: 21px; }

.slick-slide {
  margin: 4px;
  box-sizing: border-box;
  border: 1px solid white; }

.shopify-section .slick-slide {
  margin: 0px; }

.slick-slide:focus, .slick-slide *:focus, .slider-nav:focus, .slick-list:focus {
  outline: none !important; }

.slider-nav {
  margin-top: 40px; }

.product-slider .slick-track .slick-slide:hover {
  opacity: .7; }

.product-slider .product-slider {
  margin: 3px; }

.slider-for .slick-list {
  margin-bottom: 4px; }

.hero-slide {
  margin: 0;
  border: none; }

.nav__item-grouped {
  font-weight: bold; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

.quickView .product-status-flag {
  position: relative;
  margin-top: 20px;
  max-width: 120px;
  text-align: center;
  top: 0;
  margin-top: 10px;
  opacity: 1;
  background-color: #888888; }

/*==============================================================================
Custom SCSS
==============================================================================*/
.hero .button {
  border: 2px solid #fff;
  text-transform: uppercase;
  letter-spacing: 2px !important; }

.semi {
  font-weight: 600; }

.template-product .shopify-section .slider-nav .slick-slide {
  margin: 0px 15px;
  padding: 15px 0; }
  @media (max-width: 600px) {
    .template-product .shopify-section .slider-nav .slick-slide {
      padding: 15px;
      margin: 0; } }
.template-product table td, .template-product table th {
  padding: 10px; }
.template-product .product-info ul {
  margin-top: 5px;
  list-style: disc outside; }
  .template-product .product-info ul li {
    padding-bottom: 3px;
    list-style: disc;
    margin-left: 15px; }

.nav-list li {
  padding-bottom: 2px; }

.close-filter span, .open-filter span {
  float: left;
  font-size: 13px; }

.filter-group ul li {
  padding-bottom: 3px; }
.filter-group .icon-check {
  margin-right: 3px; }

@media (max-width: 1022px) {
  .cart-product-quantity.d-table-cell,
  .cart-product-total.d-table-cell,
  .cart-product-remove.d-table-cell {
    border-bottom: none; } }

.ghost {
  background-color: #161616;
  border: 0px solid #2e3234;
  color: #fff;
  /*background-color: transparent;
    border: 1px solid #fff;
    color: #2e3234;
    background: #efefef;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1.2px !important;
    font-size: 12px;*/ }

.hero .slide-content h2 {
  font: 50px/1 'Avenir';
  letter-spacing: 0.1em;
  color: #ffffff !important; }
  @media screen and (max-width: 550px) {
    .hero .slide-content h2 {
      font: 30px/40px 'Avenir'; } }

.hero .slide-content .button {
  background: #ffffff !important;
  border: 0 !important;
  font-size: 12px !important;
  color: #000;
  margin-right: 0px;
  border-radius: 50px; }

.isStuck {
  background: #fff;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #fafafa; }

.isStuck .nav .nav--level-two {
  top: 42px;
  width: 95%;
  margin-top: -1px; }

div.snize-ac-results {
  font: 12px/15px Avenir; }

div.snize-ac-results li.snize-label {
  font-size: 10px;
  line-height: 22px;
  letter-spacing: 1px; }

div.snize-ac-results .snize-no-products-found-text {
  font-size: 12px; }

span.snize-attribute {
  display: none !important; }

.online-only {
  text-transform: lowercase;
  color: #000;
  margin-bottom: 10px;
  border: 1px solid #ededed;
  padding: 8px 10px;
  background: #efefef;
  letter-spacing: 1.788px; }

.h4.product-status-flag.new {
  background: #3c3f42; }
.h4.product-status-flag.preorder {
  background: #d8d7d7; }
.h4.product-status-flag.freeshipping {
  background: #5f9ea0; }
.h4.product-status-flag.clearance {
  background: #e9c3bd; }
.h4.product-status-flag.melbourne-only {
  background: #fbfbfb;
  color: rgba(0, 0, 0, 0.5); }
.h4.product-status-flag.express-dispatch {
  background: #f3f3f3;
  color: #7a7a7a;
  padding: 6px 12px;
  display: flex;
  justify-content: center;
  align-items: center; }

.h4.flag-1 {
  top: 15px;
  left: 0;
  right: unset; }

.h4.flag-2 {
  top: 48px; }

.h4.flag-3 {
  top: 48px;
  left: 0;
  right: unset; }

.h4.flag-4 {
  top: 80px; }

.h4.flag-5 {
  top: 80px;
  left: 0;
  right: unset; }

.removesca *[class*='quick'] {
  display: block !important;
  cursor: pointer;
  vertical-align: middle;
  max-width: 40%;
  top: 70px; }

.container p {
  font-size: 14px; }

p#availablefromGS {
  text-align: center; }

.AjaxinateLoop.inline:after {
  width: auto; }

div.snize-ac-results li.snize-label {
  padding: 6px 15px 3px; }

.top-bar-section {
  position: relative;
  z-index: 99999999;
  /* top: -35px; */ }
  @media screen and (max-width: 550px) {
    .top-bar-section {
      z-index: 1; } }

form.search-form.fixed {
  display: block;
  z-index: 1111;
  position: fixed;
  top: 6px;
  animation: fadeIn 0.5s; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    form.search-form.fixed input {
      width: 100px !important; } }

.banner-collection {
  text-align: center;
  margin-bottom: 40px; }
  .banner-collection img {
    max-width: 90%;
    aspect-ratio: auto 10/0.75; }
  @media screen and (max-width: 550px) {
    .banner-collection {
      height: 150px; }
      .banner-collection img {
        max-width: 100%;
        aspect-ratio: auto 2/1; } }

.banner-cart {
  text-align: center; }
  .banner-cart.m-on {
    margin-top: 0; }
  .banner-cart img {
    max-width: 90%;
    aspect-ratio: auto 10/0.75; }
  @media screen and (max-width: 550px) {
    .banner-cart img {
      max-width: 100%;
      aspect-ratio: auto 2/1; } }

.d-on {
  display: block; }
  @media screen and (max-width: 550px) {
    .d-on {
      display: none !important; } }

.m-on {
  display: none !important; }
  @media screen and (max-width: 550px) {
    .m-on {
      display: block !important; } }

.t-on {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .t-on {
      display: block !important; } }

#shipping-calculator {
  margin-bottom: 40px; }
  #shipping-calculator .field {
    float: left;
    margin: 0 0.6em 0 0;
    font-size: 15px; }
    @media screen and (max-width: 550px) {
      #shipping-calculator .field {
        float: none;
        display: inline-block;
        width: 100%;
        margin: 0 0 1em 0; } }
    #shipping-calculator .field label {
      display: block;
      margin: 0 0 .3em;
      font-size: 1em;
      color: #222; }
    #shipping-calculator .field input[type=text] {
      display: inline-block;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      font-size: 1em;
      outline: 0;
      -webkit-appearance: none; }
    #shipping-calculator .field:last-child:before {
      content: "\00A0";
      display: block;
      font-size: 1em; }
  @media screen and (max-width: 550px) {
    #shipping-calculator input, #shipping-calculator textarea, #shipping-calculator select {
      width: 100%; } }
  @media screen and (max-width: 550px) {
    #shipping-calculator h2 {
      text-align: center; } }
  @media screen and (max-width: 550px) {
    #shipping-calculator .state {
      width: 49% !important;
      float: left; } }
  @media screen and (max-width: 550px) {
    #shipping-calculator .post-code {
      float: right !important;
      width: 49% !important; } }

#shipping-calculator #wrapper-response {
  clear: both;
  font-size: 1.1em; }

#shipping-calculator #shipping-rates li {
  padding-top: 9px;
  font-family: Avenir;
  font-size: 15px;
  display: list-item;
  list-style: decimal;
  margin-left: 15px; }

#shipping-container #wrapper-response .succescrollss {
  font-size: 1.2em; }

#shipping-calculator .shipping-wrapper {
  display: block;
  height: auto;
  float: left;
  width: 100%; }

p#shipping-rates-feedback.success {
  display: none !important; }

@media (max-width: 769px) {
  #shipping-calculator .field:last-child:before {
    content: none; } }
/*
$xs: 399px;
$sm: 550px;
$med: 768px;
$med2: 769px;
$lg: 1023px;
$xl: 1280px;
$xxl: 1400px;
*/
.scroll #Cart #shipping-calculator, .scroll .order-notes {
  display: none; }

.scroll #Cart .cart-title h2 {
  font-size: 25px;
  color: #222; }

.scroll #Cart .additional-checkout-buttons.row {
  text-align: center;
  margin: 0 -86px; }

.scroll .row .block {
  width: 100%; }

.scroll #Cart .cart-checkout {
  margin: 0;
  width: 100%;
  margin-top: 15px; }

.scroll .cartView {
  background: #fff;
  color: #000;
  border: 1px solid #ccc; }

.scroll .cartView:hover {
  border: 1px solid #000;
  background: #efefef; }

.scroll .product-price h2.sale, .scroll .available_qty {
  display: none; }

:focus {
  outline: none; }

.error {
  color: red; }

.preorder {
  margin-bottom: 60px; }

.discount-percent {
  display: inline-block;
  float: left;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  background: #000;
  font-family: "Avenir";
  color: #fff; }

.snize-mobile-design #snize-search-results-grid-mode li.snize-product.mobile-in-view .snize-button {
  visibility: hidden !important; }

.icon-search-top {
  margin: 5px 5px 0 0;
  color: #ddd;
  font-size: 13px; }

.askquestion p {
  margin-bottom: 10px; }

.askquestion label {
  font-size: 13px; }

.askquestion input[type="text"], .comment-form input[type="text"], .contact-form input[type="email"], .comment-form input[type="email"], .contact-form input[type="telephone"], .comment-form input[type="telephone"], .comment-form textarea {
  display: block;
  width: 100%;
  padding: 5px 7px;
  border: 1px solid #e4e4e4; }

.shipping-wrapper h2 {
  margin-bottom: 0.3em; }
.shipping-wrapper #address_zip {
  border: 1px solid #ddd;
  float: left;
  margin-right: 20px;
  font-family: Avenir, sans-serif; }
.shipping-wrapper .get-rates.btn.button {
  padding: 10px 18px; }
.shipping-wrapper .province {
  border: 1px solid #ddd;
  padding-right: 0;
  font-size: 1em;
  font-family: Avenir, sans-serif; }

.scroll .additional-checkout-buttons.row {
  width: 100%; }

.additional-checkout-buttons.row {
  display: inline-block;
  /*text-align: right;
  background: #ffc439;
  height: 44px;*/
  text-align: center;
  width: 190px;
  float: right;
  	/*&:hover {
        background: #f2ba36;
    }*/ }
  @media screen and (max-width: 550px) {
    .additional-checkout-buttons.row {
      width: 100%;
      margin-bottom: 15px; } }

/*.dynamic-checkout__content { margin: 0 40px; }
.scroll .dynamic-checkout__content { margin: 0 85px; }*/
.btn-grey {
  background: #676767; }

/* Styles for product care page */
/* Styles for Accordion */
ul.care-list li {
  list-style: none;
  display: block;
  font-family: Avenir;
  margin-bottom: 25px;
  font-size: 18px; }

.toggle:last-child {
  border-bottom: 1px solid #dddddd; }
.toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd; }
  .toggle .toggle-title h3 {
    margin: 0px;
    line-height: 1;
    cursor: pointer; }
.toggle .toggle-inner {
  padding: 7px 0 10px 0;
  display: none;
  margin: -7px 0 6px; }
  .toggle .toggle-inner div {
    max-width: 100%; }
.toggle .toggle-title .title-name {
  display: block;
  padding: 35px 0;
  width: 90%;
  line-height: 28px; }
  @media screen and (max-width: 550px) {
    .toggle .toggle-title .title-name {
      width: 75%; } }
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px; }
.toggle .toggle-title i {
  position: absolute;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 18px;
  right: 0;
  border-radius: 50%;
  background: url("/cdn/shop/files/ico-plus.gif?8975") 50% 50% no-repeat #efefef; }
.toggle .toggle-title.active i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }
.toggle.active .title-name {
  font-weight: bold; }

.faq h2 {
  letter-spacing: 2px;
  margin-bottom: 2.2em;
  font-weight: bolder;
  color: #111; }

h2 strong {
  color: #333; }

.m-filter {
  width: 50%; }

.m-sort {
  width: 50%;
  float: left; }
  .m-sort .collectionGrid-filter label, .m-sort .tag-filter label {
    width: 25%;
    float: left;
    line-height: 3; }
  .m-sort .collectionGrid-filter select, .m-sort .tag-filter select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    padding: 0;
    font-size: 0;
    font-weight: 400;
    background-image: none; }
  .m-sort option {
    font-size: 12px;
    color: #222; }
  .m-sort .sortArrow {
    display: block;
    background: url("./sort.jpg") right no-repeat;
    width: 90%;
    text-align: center;
    font-family: "Avenir","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15.6px;
    font-weight: 100;
    letter-spacing: 1.17px;
    height: 40px;
    line-height: 40px; }

.blogModule-slider.slick-initialized.slick-slider {
  height: auto !important; }

.coupon-info {
  width: 190px;
  float: right;
  margin-bottom: 20px;
  font: 13px/14px 'Avenir', sans-serif;
  text-align: center;
  background: #fff;
  padding: 10px;
  margin-top: -10px;
  line-height: 15px; }
  @media only screen and (max-width: 550px) {
    .coupon-info {
      width: unset;
      float: none; } }

.scroll .coupon-info {
  display: none; }

#shopify-product-reviews input[type=text], #shopify-product-reviews input[type=password], #shopify-product-reviews input[type=email], #shopify-product-reviews textarea {
  background: #fbfbfb;
  border-bottom: 1px solid #ccc; }

/* 
   Swatches Styles
*/
.swatch {
  margin: 1em 0; }

/* Label */
.swatch .header {
  margin: 0.5em 0; }

/* Hide radio buttons.*/
.swatch input {
  display: none; }

.swatch label {
  /* Rounded corners */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* To give width and height */
  float: left;
  /* Color swatches contain no text so they need to have a width. */
  min-width: 50px !important;
  height: 50px !important;
  /* No extra spacing between them */
  margin: 0;
  /* The border when the button is not selected */
  border: #ccc 1px solid;
  /* Background color */
  background-color: #ddd;
  /* Styling text */
  font-size: 13px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  text-transform: uppercase; }

.swatch-element label {
  padding: 0 10px; }

.color.swatch-element label {
  padding: 0; }

/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
  border-color: transparent; }

.swatch .swatch-element {
  float: left;
  -webkit-transform: translateZ(0);
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
  /* Spacing between buttons */
  margin: 0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position: relative; }

/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.swatch .swatch-element .crossed-out {
  display: none; }

.swatch .swatch-element.soldout .crossed-out {
  display: block; }

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60);
  /* internet explorer */
  -khtml-opacity: 0.6;
  /* khtml, old safari */
  -moz-opacity: 0.6;
  /* mozilla, netscape */
  opacity: 0.6;
  /* fx, safari, opera */ }

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: -23px;
  margin-bottom: 15px;
  /* Make it invisible by default */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%; }

/* CSS triangle */
.swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid gray 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0; }

.swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.swatch.error {
  background-color: #e8d2d2 !important;
  color: #333333 !important;
  padding: 1em;
  border-radius: 5px; }

.swatch.error p {
  margin: 0.7em 0; }

.swatch.error p:first-child {
  margin-top: 0; }

.swatch.error p:last-child {
  margin-bottom: 0; }

.swatch.error code {
  font-family: monospace; }

.isp_related_product_name a, .isp_related_product_price span {
  font-family: "Avenir","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: 100;
  line-height: 1.5;
  letter-spacing: 1.17px; }

.isp_related_title {
  width: 100%;
  display: inline-block;
  padding: 7px;
  margin: 0 10px;
  text-align: center;
  text-rendering: optimizeSpeed;
  text-transform: none !important;
  font-family: "Avenir","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 4px;
  color: #000 !important; }

.isp_related_wrapper_container .slick-slider .slick-prev:before {
  display: none; }

.isp_related_wrapper_container .slick-slider .slick-next:before {
  display: none; }

.isp_related_wrapper .slick-next {
  right: -25px !important; }

.isp_related_wrapper .slick-prev {
  left: -25px !important; }

.shopify-payment-button__more-options {
  color: #333; }

.return-back {
  width: 350px;
  background: #ddd;
  color: #333 !important;
  font-size: 14px;
  margin: 0 auto !important; }

.lux-popular-searches {
  text-align: center;
  clear: both;
  font-family: 'Avenir'; }

.lux-popular-searches h4 {
  margin-bottom: 20px; }

.lux-popular-searches ul {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1000px; }

.lux-popular-searches ul li {
  display: inline-block;
  font-size: 14px;
  padding: 7px 11px;
  border: 0;
  margin: 5px;
  background-color: #f1eeee !important;
  border-radius: 30px; }
  .lux-popular-searches ul li a {
    color: #4d4b4b !important;
    font-weight: normal; }

.product-title {
  font-size: 22px;
  font-family: "sd_georgia";
  font-weight: 100; }

/*Swym CSS*/
button.swym-button.swym-add-to-wishlist-view-product {
  float: right;
  z-index: 2;
  margin: -20px 20px 0 0; }
  @media screen and (max-width: 550px) {
    button.swym-button.swym-add-to-wishlist-view-product {
      margin: -20px 0 0 0; } }

.swym-dummy {
  float: right;
  position: absolute;
  right: 10px;
  top: 0; }

.swym-button-bar {
  display: inline !important;
  margin: unset !important; }

.swym-btn-container .swym-button:after {
  font-size: 20px !important;
  width: 20px !important; }

.swym-btn-container .swym-add-to-wishlist.swym-icon {
  height: 20px !important;
  line-height: 20px !important; }

.swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) {
  display: none; }

.product-secure-icons {
  text-align: center;
  margin: 20px 0;
  width: 100%; }

.product-secure-icons-mob > img {
  width: 100%;
  padding: 0 20px; }

@media screen and (max-width: 420px) {
  .afterpay {
    margin-top: 15px; }

  .zippay {
    margin-top: 10px; }

  .banana-statement {
    margin-bottom: 15px;
    display: block; } }
a[href="/collections/furniture-sale"] {
  text-decoration: underline; }

.isp_mobile_dropdown_container {
  display: none; }

.quickView-button {
  display: none; }

.dispatch {
  text-align: center;
  font-family: Avenir;
  margin: 10px 0 20px;
  font-size: 13px; }

.afterpay {
  border-right: 0px solid #9a9a9a;
  font-family: Avenir; }

.afterpay-logo {
  margin-bottom: 3px; }

.other-pay-options {
  border-top: 1px solid #dfe7eb;
  border-bottom: 1px solid #dfe7eb;
  padding: 20px 0;
  margin-bottom: 20px;
  display: flex; }

.zip-widget__wrapper {
  padding: 0 !important; }

.flex-container {
  height: auto !important; }

.banana-statement .banana-qty-sentence {
  color: #222222 !important;
  font-family: 'Avenir';
  font-size: 14px;
  letter-spacing: 0.5px; }

.scroll .cart-services-icons {
  display: none; }

.cart-services-icons {
  margin: 20px 0; }
  .cart-services-icons li {
    display: inline-block;
    float: left;
    width: 25%;
    padding: 0 10px;
    color: #888; }
    @media screen and (max-width: 550px) {
      .cart-services-icons li {
        width: 50%;
        padding: 0 5px;
        color: #888;
        height: 190px; } }
  .cart-services-icons img {
    max-width: 65px;
    display: block;
    margin: 0 auto 15px; }

.cart-service-title {
  font: 14px/25px 'Avenir';
  display: block;
  margin-bottom: 7px;
  letter-spacing: 1.5px; }
  @media screen and (max-width: 550px) {
    .cart-service-title {
      font-size: 12px;
      line-height: 13px; } }

.cart-service-text {
  letter-spacing: 0.7px;
  line-height: 22px; }
  @media screen and (max-width: 550px) {
    .cart-service-text {
      font-size: 12px;
      line-height: 13px; } }

.fs-has-posts {
  text-align: center;
  margin-bottom: 40px; }

.fs-has-posts:before {
  content: 'STYLED ON INSTAGRAM';
  font-size: 18px;
  font-weight: bold;
  font-family: "Avenir","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: 4px;
  color: #000; }

#shopify-section-product-instagram, #shopify-section-product-recently-viewed, #stamped-main-widget {
  margin-bottom: 25px; }

img[src=""] {
  visibility: hidden; }

.notify_email {
  border: 1px solid #ddd;
  width: 80%; }

.msg-error, .msg-success {
  padding-bottom: 15px;
  font-family: Avenir; }

.msg-error {
  color: #b71d1d; }

.msg-success {
  color: #333; }

.subset-wrapper {
  background: #ffffff;
  padding: 0;
  display: flex;
  justify-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap; }
  @media screen and (max-width: 550px) {
    .subset-wrapper {
      flex-wrap: nowrap;
      padding: 0 10px;
      display: flex;
      align-items: center;
      justify-content: left;
      overflow-y: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      .subset-wrapper::-webkit-scrollbar {
        width: 0;
        height: 0; } }
  .subset-wrapper .subset {
    text-align: center;
    font-family: Avenir;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 8px 12px;
    background: #f7f6f6;
    border: 1px solid #f8f8f8;
    box-shadow: 0 1px 2px #00000040;
    border-radius: 90px;
    margin: 5px; }
    @media screen and (max-width: 550px) {
      .subset-wrapper .subset {
        font-size: 10px;
        letter-spacing: 1.3px; }
        .subset-wrapper .subset a {
          flex-wrap: wrap;
          display: flex;
          justify-content: center;
          align-items: center; } }
    .subset-wrapper .subset:hover {
      background: #f8f8f8;
      box-shadow: 0 2px 4px #00000040; }
  .subset-wrapper .image {
    height: 70px;
    display: flex;
    background: #fff;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center; }
    .subset-wrapper .image:hover {
      opacity: 0.6;
      transition: all 0.1s linear; }
    @media screen and (max-width: 550px) {
      .subset-wrapper .image {
        height: 50px;
        margin: 0 20px 0 0; }
        .subset-wrapper .image img {
          width: 40px; } }

.discount-wrapper {
  display: flex;
  justify-content: left;
  align-items: center; }

div#yousave_wrapper {
  display: block;
  float: left !important;
  margin-left: 20px;
  font-family: Avenir;
  text-decoration: none;
  font-style: normal !important; }

.sold-out {
  font-family: Avenir;
  text-align: center;
  background: #efefef;
  padding: 10px;
  margin-bottom: 20px;
  color: #666;
  letter-spacing: 1.17px; }

.stamped-main-badge .stamped-badge[data-rating="0.0"], .stamped-main-badge .stamped-badge[data-rating="0"], .stamped-container[data-count="0"] {
  display: none !important; }

div[data-widget-style*=standard] .stamped-form-title, div[data-widget-style*=standard] .stamped-header-title {
  font: bold 18px Avenir;
  letter-spacing: 4px;
  color: #000;
  display: block !important; }

.login-signup {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 150px;
  background: #fff;
  padding: 10px 10px 5px;
  font: 11px Avenir;
  border: 1px solid #efefef;
  right: 0;
  line-height: 3;
  transition-property: height;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s; }
  .login-signup .bg_black_round {
    background: #333;
    padding: 5px 40px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #fff; }
    .login-signup .bg_black_round:hover {
      background: #000; }

.user-top {
  position: relative;
  cursor: pointer; }

.user-top:hover .login-signup {
  visibility: visible;
  opacity: 1; }

.nav__item a[href="/collections/sale"], .nav__item a:hover[href="/collections/sale"] {
  color: #E04747; }
.nav__item a[href="/collections/quick-ship"], .nav__item a:hover[href="/collections/quick-ship"] {
  color: #029168; }

.dimension {
  position: relative; }
  .dimension .bg-custom {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    /* IE6-9 */
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2; }

@media only screen and (max-width: 550px) {
  .btn-continue {
    padding: 7px 0;
    width: 80%;
    margin: 0 auto; } }

.big-search {
  border: 0.5px solid #ddd;
  max-width: 480px;
  width: 40%;
  margin: 0 auto 35px;
  position: relative;
  border-radius: 50px; }
  .big-search input {
    background: white;
    width: 100%;
    padding: 0px;
    opacity: 1.0;
    text-align: center;
    line-height: 2.6;
    border-radius: 50px; }
  .big-search .icon-search {
    color: #ececec;
    position: absolute;
    z-index: 999;
    font-size: 1.2em;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 20px; }
  @media screen and (max-width: 550px) {
    .big-search {
      display: none; } }

.template-collection #shopify-section-header, .template-page #shopify-section-header, .template-cart #shopify-section-header,
.template-product #shopify-section-header, .customer-logged-intemplate-product #shopify-section-header, .customer-logged-intemplate-collection #shopify-section-header {
  min-height: 200px; }
  @media screen and (max-width: 768px) {
    .template-collection #shopify-section-header, .template-page #shopify-section-header, .template-cart #shopify-section-header,
    .template-product #shopify-section-header, .customer-logged-intemplate-product #shopify-section-header, .customer-logged-intemplate-collection #shopify-section-header {
      min-height: unset; } }

table.bordered-table {
  width: 100%;
  border: 1px solid gray;
  text-align: left; }
  table.bordered-table tr {
    border-top: 1px solid gray; }
  table.bordered-table th, table.bordered-table td {
    min-height: 41px;
    padding: 10px 14px 8px;
    border-right: 1px solid gray; }
  table.bordered-table p {
    margin: 0; }

.product-single__price.on-sale {
  color: red; }

.product-compare-price {
  margin-right: 10px;
  font-size: 12px; }

#privy-container #privy-inner-container .privy-tab-container.privy-top.privy-top-left {
  z-index: 99999999 !important; }

.design-pre-order-template-wrapper.top-direction {
  flex-direction: column !important; }

#shopify-section-contact-template .banner-inner {
  display: flex;
  justify-content: center; }
  #shopify-section-contact-template .banner-inner img {
    width: 60%; }
    @media (max-width: 768px) {
      #shopify-section-contact-template .banner-inner img {
        width: 100%; } }

.xmas-hours {
  background: #8ca5b7;
  color: #f0efe5;
  font-family: 'Avenir', sans-serif;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 20px 0; }
  .xmas-hours .xmas-title {
    font: italic 2.6rem/1 'Georgia';
    letter-spacing: 1px; }
  .xmas-hours .xmas-sub-title {
    font: normal 2.5rem/1 'Avenir'; }
  .xmas-hours tbody {
    background: #8ca5b7; }
  .xmas-hours td {
    padding: 10px 25px; }
    @media (max-width: 768px) {
      .xmas-hours td {
        padding: 10px 7px;
        border-bottom: 1px solid #fff; } }
  @media (max-width: 768px) {
    .xmas-hours {
      width: 100%;
      padding: 0; } }

#zooomy_notfound_wrapper {
  display: flex;
  flex-direction: column; }
  #zooomy_notfound_wrapper .z_content_container {
    text-align: center;
    float: none;
    width: 58%;
    margin: 0 auto; }
  #zooomy_notfound_wrapper .z_image_container {
    width: 40%;
    margin: 30px auto; }
  #zooomy_notfound_wrapper #z_notfound_btns, #zooomy_notfound_wrapper .z_search {
    width: 100%;
    display: flex;
    margin: 15px auto;
    justify-content: center; }
  #zooomy_notfound_wrapper .z_main_title {
    line-height: 2;
    margin-top: 1em; }
  #zooomy_notfound_wrapper .zooomy_nofound_form input[type="search"] {
    padding: 9px 10px; }

.z_continue {
  display: none; }

#search-results .bodyWrap {
  margin-top: 60px; }
  @media (max-width: 550px) {
    #search-results .bodyWrap {
      margin-top: 30px; } }

.template-customers-register .bodyWrap, .template-customers-login .bodyWrap {
  margin-top: 110px; }
  @media (max-width: 550px) {
    .template-customers-register .bodyWrap, .template-customers-login .bodyWrap {
      margin-top: 30px; } }

.popular-collection ul {
  max-width: 800px; }

.btn-back-to {
  background: #cecece;
  margin-bottom: 25px;
  font-size: 10.6px; }

.custom-links {
  margin-top: 115px; }
  @media only screen and (max-width: 768px) {
    .custom-links {
      margin-top: 35px; } }
  @media only screen and (max-width: 550px) {
    .custom-links {
      margin-top: 35px; } }

.popular-block ul {
  text-align: center !important; }
.popular-block li {
  text-align: center !important;
  text-indent: unset;
  line-height: 1; }
  .popular-block li a {
    text-decoration: none; }

/*LCP ISSUES*/
.container.text-content.rte {
  margin-top: 25px; }

/* footer design */
.icons-info-container {
  background-color: #161616;
  padding: 30px 0 40px; }
  .icons-info-container .icons-info-wrapper {
    display: flex;
    flex-wrap: wrap; }
  .icons-info-container .icons-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    color: #fff;
    line-height: 1.3;
    text-align: center; }
    @media screen and (max-width: 550px) {
      .icons-info-container .icons-info {
        min-width: 50%;
        margin-bottom: 40px; } }
    .icons-info-container .icons-info img {
      margin: 0 auto; }

.site-footer .logo-row {
  display: flex;
  flex-direction: column;
  flex: 1; }
.site-footer .logo-row .bottom-logo {
  margin-top: auto; }
.site-footer .newsletter-wrapper {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .site-footer .newsletter-wrapper {
      justify-content: center; } }
  @media screen and (max-width: 550px) {
    .site-footer .newsletter-wrapper {
      display: block; } }
  .site-footer .newsletter-wrapper .privy-embed-form {
    width: 450px; }
    @media screen and (max-width: 550px) {
      .site-footer .newsletter-wrapper .privy-embed-form {
        width: 350px; } }
.site-footer .heading {
  font-family: Avenir;
  font-size: 18pt;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 1.25; }
  @media screen and (max-width: 1024px) {
    .site-footer .heading {
      text-align: center; } }
.site-footer .subheading {
  font-family: Avenir;
  font-size: 10pt;
  line-height: 1.7; }
.site-footer .newsletter-block {
  display: flex;
  margin-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .site-footer .newsletter-block {
      flex-direction: column; } }
.site-footer .footer-links-wrapper {
  padding: 60px 0 0;
  background: #F0EFEF; }
  .site-footer .footer-links-wrapper .heading {
    color: #333 !important; }
  @media screen and (max-width: 550px) {
    .site-footer .footer-links-wrapper {
      padding: 50px 0; } }
.site-footer .footer-social a {
  font-size: 18px;
  text-decoration: none; }

@media screen and (max-width: 1023px) {
  .t-off {
    display: none !important; }

  .t-center {
    text-align: center;
    margin: 10px 0; }

  .footer-link-title {
    text-align: center; } }
@media screen and (min-width: 1024px) {
  .t-off {
    display: block; } }
.h-center {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .h-center {
      flex-direction: column; } }

.product-count, .grcap_anchor_collection p {
  font-size: 14px;
  letter-spacing: 0.61px; }

#stamped-main-widget .stamped-container[data-count="0"] {
  display: block !important; }

#stamped-main-widget .stamped-container[data-count="0"] .summary-overview, #stamped-main-widget .stamped-container[data-count="0"] .stamped-tab-container, #stamped-main-widget .stamped-container[data-count="0"][data-widget-language=""] .stamped-empty-state, #stamped-main-widget .stamped-container[data-count="0"] .stamped-header-title {
  display: none !important; }

.w-100 {
  width: 100% !important; }

@media screen and (min-width: 1024px) {
  .cbb-shipping-rates-calculator {
    max-width: 600px !important; } }
@media screen and (max-width: 1024px) and (min-width: 550px) {
  .cbb-shipping-rates-calculator {
    max-width: 400px !important; } }
.cbb-shipping-rates-calculator label {
  display: unset !important; }
.cbb-shipping-rates-calculator .cbb-shipping-rates-calculator-change-shipping-address {
  margin-top: 0 !important;
  padding: 10px 0 !important; }

.fera-testimonialCarousel-heading {
  font-size: 16px !important; }

.fera-testimonialCarousel-testimonial-body {
  font-size: 13px !important; }

.fera-testimonialCarousel-testimonial {
  font-size: 11px !important; }

.fera-testimonialCarousel-testimonial-name {
  font-weight: normal !important; }

.discount_price {
  color: #bfb8b8;
  margin: 10px 0; }

.docapp-coupon-input .docapp-coupon-input--bean-container--bean {
  background-color: #f0f0f0 !important; }

.cart-product-total.h4 {
  font-size: 15px; }

.qty-wrapper {
  display: flex; }

div#ZlistWishlist {
  margin: 0 !important; }

.size-wrapper h2 {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 4px;
  color: #000;
  margin-bottom: 40px; }

.size-specs {
  background: #f2f2f2;
  padding: 40px;
  overflow: hidden; }

.size-specs .content {
  line-height: 1.65; }

.ss-flex-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px; }

.ss-flex-2 {
  display: flex;
  align-items: center;
  justify-content: right; }

.ss-heading-wrapper {
  width: 182px;
  font-weight: 700;
  font-size: 2em; }

.g-italic {
  font-family: 'sd_georgia';
  font-style: italic;
  font-weight: 600; }

.line_sep {
  border-bottom: 1px solid #030303;
  margin: 50px 0;
  width: 30%; }

.ss-text-wrapper .ss-pname {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px; }

.slider-specs {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.slider-specs .slick-slide {
  border: 0; }

.slider-specs .slick-next {
  right: -25px; }

.slider-specs .slick-prev {
  left: -25px; }

@media screen and (min-width: 1024px) {
  .slider-specs {
    width: 850px; }

  .ss-flex-1 {
    padding: 0 50px; }

  .size-specs {
    display: flex;
    padding: 80px; }

  .lg-pr-5 {
    padding-right: 50px; } }
.grecaptcha-badge {
  visibility: hidden; }

.mosaic-block:hover::after {
  background: #a9a9a96b;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: opacity .25s; }