@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template, /* 1 */
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
html, body {
  height: 100%; }
*,
*:before,
*:after {
  box-sizing: border-box; }
html,
body {
  font-size: 100%; }
body {
  background: #fff;
  color: #777;
  cursor: auto;
  font-family: Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }
a:hover {
  cursor: pointer; }
img {
  max-width: 100%;
  height: auto; }
img {
  -ms-interpolation-mode: bicubic; }
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }
.left {
  float: left !important; }
.right {
  float: right !important; }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }
.hide {
  display: none; }
.invisible {
  visibility: hidden; }
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
img {
  display: inline-block;
  vertical-align: middle; }
textarea {
  height: auto;
  min-height: 50px; }
select {
  width: 100%; }
.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
.row:before, .row:after {
    content: " ";
    display: table; }
.row:after {
    clear: both; }
.row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
.row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
.row .row {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto; }
.row .row:before, .row .row:after {
      content: " ";
      display: table; }
.row .row:after {
      clear: both; }
.row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
.row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
.row .row.collapse:after {
        clear: both; }
.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }
.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }
.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; } }
@media only screen and (min-width: 27.5625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 40.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
[class*="icon-"] {
  background-image: url(/assets/svg/catalog-icons-86aa4c58918ed9b5eefc3c64bdc161c3.svg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  vertical-align: middle; }
.learn-more-modal .content {
  padding-bottom: 2rem; }
.learn-more-modal .cta {
  width: 100%; }
.learn-more-modal .terms-link {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  margin-top: 1rem;
  text-align: center; }
.learn-more-modal .terms-link:hover, .learn-more-modal .terms-link:focus {
    cursor: pointer; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
.slick-list:focus {
  outline: none; }
.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }
.slick-track::before,
.slick-track::after {
  display: table;
  content: ''; }
.slick-track::after {
  clear: both; }
.slick-loading .slick-track {
  visibility: hidden; }
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }
[dir='rtl'] .slick-slide {
  float: right; }
.slick-dots {
  position: absolute;
  bottom: 13px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }
.slick-dots li.slick-active button::before {
    opacity: .75;
    color: #231f1a; }
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
.slick-dots li button::before {
      font-family: 'slick', sans-serif;
      font-size: 36px;
      line-height: 20px;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      content: "•";
      text-align: center;
      opacity: 0.25;
      color: #231f1a;
      -webkit-font-smoothing: antialiased; }
.slick-initialized .slick-slide {
  display: block; }
.slick-loading .slick-slide {
  visibility: hidden; }
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }
.slick-arrow.slick-hidden {
  display: none; }
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: -10px\9;
  /* lte IE 8 */
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: 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: .2; }
.slick-prev::before,
.slick-next::before {
  font-family: 'slick', sans-serif;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.slick-prev {
  left: -25px; }
.slick-prev::before {
  content: '←'; }
.slick-next {
  right: -25px; }
.slick-next::before {
  content: '→'; }
/**
 * @license
 * MyFonts Webfont Build ID 3351853, 2017-02-27T23:04:36-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF Tisa Web Bold by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/tisa/ot-bold/
 * Copyright: 2009 Mitja Miklavcic published by FSI FontShop International GmbH
 * Licensed pageviews: 1,900,000
 *
 * Webfont: FF Tisa Web by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/tisa/ot/
 * Copyright: 2009 Mitja Miklavcic published by FSI FontShop International GmbH
 * Licensed pageviews: 1,900,000
 *
 * Webfont: Larsseit-Bold by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/larsseit/bold/
 * Copyright: Copyright (c) 2013 by Type Dynamic. All rights reserved.
 * Licensed pageviews: 3,800,000
 *
 * Webfont: Larsseit-Medium by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/larsseit/medium/
 * Copyright: Copyright (c) 2013 by Type Dynamic. All rights reserved.
 * Licensed pageviews: 3,800,000
 *
 * Webfont: Larsseit by Type Dynamic
 * URL: http://www.myfonts.com/fonts/typedynamic/larsseit/regular/
 * Copyright: Copyright (c) 2013 by Type Dynamic. All rights reserved.
 * Licensed pageviews: 3,800,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3351853
 *
 * © 2017 MyFonts Inc
*/
@font-face {
  font-family: 'FFTisaWebBold';
  font-display: swap;
  src: url(/assets/webfonts/33252D_0_0.eot);
  src: url(/assets/webfonts/33252D_0_0.eot) format("embedded-opentype"), url(/assets/webfonts/33252D_0_0.woff2) format("woff2"), url(/assets/webfonts/33252D_0_0.woff) format("woff"), url(/assets/webfonts/33252D_0_0.ttf) format("truetype"); }
@font-face {
  font-family: 'FFTisaWeb';
  font-display: swap;
  src: url(/assets/webfonts/33252D_1_0.eot);
  src: url(/assets/webfonts/33252D_1_0.eot) format("embedded-opentype"), url(/assets/webfonts/33252D_1_0.woff2) format("woff2"), url(/assets/webfonts/33252D_1_0.woff) format("woff"), url(/assets/webfonts/33252D_1_0.ttf) format("truetype"); }
@font-face {
  font-family: 'Larsseit-Bold';
  font-display: swap;
  src: url(/assets/webfonts/33252D_2_0.eot);
  src: url(/assets/webfonts/33252D_2_0.eot) format("embedded-opentype"), url(/assets/webfonts/33252D_2_0.woff2) format("woff2"), url(/assets/webfonts/33252D_2_0.woff) format("woff"), url(/assets/webfonts/33252D_2_0.ttf) format("truetype"); }
@font-face {
  font-family: 'Larsseit-Medium';
  font-display: swap;
  src: url(/assets/webfonts/33252D_3_0.eot);
  src: url(/assets/webfonts/33252D_3_0.eot) format("embedded-opentype"), url(/assets/webfonts/33252D_3_0.woff2) format("woff2"), url(/assets/webfonts/33252D_3_0.woff) format("woff"), url(/assets/webfonts/33252D_3_0.ttf) format("truetype"); }
@font-face {
  font-family: 'Larsseit';
  font-display: swap;
  src: url(/assets/webfonts/33252D_4_0.eot);
  src: url(/assets/webfonts/33252D_4_0.eot) format("embedded-opentype"), url(/assets/webfonts/33252D_4_0.woff2) format("woff2"), url(/assets/webfonts/33252D_4_0.woff) format("woff"), url(/assets/webfonts/33252D_4_0.ttf) format("truetype"); }
@font-face {
  font-family: 'Larsseit-Light';
  font-display: swap;
  src: url(/assets/webfonts/33252D_5_0.eot);
  src: url(/assets/webfonts/33252D_5_0.eot) format("eot"), url(/assets/webfonts/33252D_5_0.woff2) format("woff2"), url(/assets/webfonts/33252D_5_0.woff) format("woff"), url(/assets/webfonts/33252D_5_0.ttf) format("truetype"); }
html, body {
  font-size: 1em; }
body {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  overflow-x: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
@media (max-width: 640px) {
    body {
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.03125rem; } }
body.frozen {
    overflow-y: hidden; }
#react-section {
  position: relative;
  top: -0.0625rem; }
#react-section.ios-show-nav {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
a,
a:hover,
a:focus {
  color: #ef5e12;
  text-decoration: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }
/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }
h1 {
  color: #231f1a;
  font-family: "Larsseit-Medium", sans-serif;
  font-size: 2.25rem;
  letter-spacing: 0.01875rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    h1 {
      font-size: 1.75rem;
      line-height: 2rem;
      letter-spacing: 0.01562rem; } }
h1.large {
    color: #231f1a;
    font-family: "Larsseit-Medium", sans-serif;
    font-size: 3.75rem;
    letter-spacing: 0.025rem;
    line-height: 3.375rem;
    font-weight: normal;
    font-style: normal; }
@media (max-width: 640px) {
      h1.large {
        font-size: 3rem;
        line-height: 2.75rem;
        letter-spacing: 0.01875rem; } }
h2 {
  color: #231f1a;
  font-family: "Larsseit-Bold", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.09375rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    h2 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      letter-spacing: 0.09375rem; } }
h3 {
  color: #231f1a;
  font-family: "Larsseit-Bold", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal; }
h4 {
  color: #231f1a;
  font-family: "FFTisaWebBold", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    h4 {
      font-size: 0.875rem;
      line-height: 1rem; } }
h5 {
  color: #231f1a;
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  line-height: 1.25rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    h5 {
      font-size: 0.875rem;
      line-height: 1.125rem; } }
h6 {
  color: #706c68;
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  line-height: 1.25rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    h6 {
      font-size: 0.875rem;
      line-height: 1.125rem; } }
.heading-label {
  color: #231f1a;
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal; }
img {
  max-width: 100%; }
ul {
  margin: 0;
  padding: 0; }
*,
*::before,
*::after {
  box-sizing: border-box; }
::-moz-placeholder {
  opacity: 1; }
:-ms-input-placeholder {
  opacity: 1; }
::placeholder {
  opacity: 1; }
.row {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto; }
.group::after {
  content: '';
  display: block;
  clear: both; }
.scrollable {
  -webkit-overflow-scrolling: touch; }
.formsy-form .form-group {
  position: relative; }
.formsy-form .form-field-subtext {
  font-size: 0.75rem;
  color: #706c68;
  letter-spacing: 0.03125rem;
  line-height: 1.125rem;
  font-weight: normal;
  font-style: normal;
  margin-top: 4px; }
.formsy-form input:not([type="checkbox"]),
.formsy-form .stripe-element {
  background-color: #fff;
  border: 1px solid #c0bcbc;
  border-radius: 3px;
  color: #231f1a;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  height: 48px;
  padding: 0.25rem 0.625rem 0 0.625rem; }
.formsy-form input:not([type="checkbox"])::-moz-placeholder, .formsy-form .stripe-element::-moz-placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.formsy-form input:not([type="checkbox"]):-ms-input-placeholder, .formsy-form .stripe-element:-ms-input-placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.formsy-form input:not([type="checkbox"])::placeholder,
  .formsy-form .stripe-element::placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.formsy-form input:not([type="checkbox"]) + label,
  .formsy-form .stripe-element + label {
    color: #ef5e12;
    font-family: "Larsseit-Bold", sans-serif;
    font-size: 0.625rem;
    letter-spacing: 0.03125rem;
    line-height: 0.625rem;
    text-transform: uppercase; }
.formsy-form input:not([type="checkbox"]).on,
  .formsy-form .stripe-element.on {
    padding-top: 10px; }
.formsy-form input:not([type="checkbox"]):not(:focus) + label,
  .formsy-form .stripe-element:not(:focus) + label {
    color: #706c68; }
.formsy-form .stripe-element {
  margin-top: .75rem;
  padding-top: 0.75rem; }
.formsy-form input[type="checkbox"] + label {
  color: #706c68;
  padding-left: 0.5rem; }
.formsy-form select {
  background: url(/assets/svg/carrot-down-810c7cc7cda6633e8d71bce55b971a91.svg) no-repeat 90% 50%;
  background-size: 15px;
  height: 49px;
  padding-left: 0.625rem;
  border: 1px solid #b7b4b0;
  border-radius: 3px;
  background-color: #fff;
  color: #231f1a;
  font: 1rem "Larsseit", sans-serif;
  letter-spacing: 0.03125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.formsy-form select::-ms-expand {
    display: none; }
.payment-request-button-container {
  max-width: 18.75rem;
  margin: .75rem auto 0 auto; }
.formsy-form.stripe, .formsy-form.payment-info-form {
  width: 300px;
  margin: 0 auto; }
.formsy-form.stripe button, .formsy-form.payment-info-form button {
    width: 100%;
    margin-top: 0.875rem; }
.form-error {
  color: #be302b;
  font-family: "Larsseit", sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0.0125rem;
  font-weight: normal;
  font-style: normal; }
.active.validation-error {
  color: red; }
.float-wrapper {
  display: flex;
  position: relative;
  flex-direction: column; }
.float-wrapper label {
    position: absolute;
    text-align: left;
    top: 12px;
    left: 0.625rem;
    z-index: 10;
    font-size: 11px;
    transition: all 0.2s linear;
    opacity: 0;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.float-wrapper label.on {
      opacity: 1;
      top: 6px;
      color: #777; }
.float-wrapper > input {
    height: 3rem; }
.float-wrapper > input:focus + label.on {
      color: #ef5e12; }
.float-wrapper.column label, .float-wrapper.columns label {
    left: 1.125rem; }
@media (min-width: 641px) {
      .float-wrapper.column label, .float-wrapper.columns label {
        left: 1.375rem; } }
.modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .modal .close-icon {
        top: 10px;
        right: 10px; } }
.modal-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 111;
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden; }
.modal-overlay h2 {
    margin-top: 0; }
.ReactModal__Body--open {
  overflow-y: hidden; }
.cta {
  background-color: #ef5e12;
  border: none;
  border-radius: 0.1875rem;
  color: #fff;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1;
  min-width: 6.25rem;
  padding: 1rem 0;
  text-align: center; }
.cta:focus, .cta:hover {
    outline: none;
    background-color: #ef5e12; }
.cta a {
    color: #fff; }
.cta.inactive, .cta:disabled {
    background-color: #f9bfa0; }
.cta-large {
  background-color: #ef5e12;
  border: none;
  border-radius: 0.1875rem;
  color: #fff;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1;
  min-width: 6.25rem;
  padding: 1rem 0;
  text-align: center;
  height: 3.5rem;
  min-width: 18.75rem;
  padding: calc(1.5rem - 0.5625em) 0; }
.cta-large:focus, .cta-large:hover {
    outline: none;
    background-color: #ef5e12; }
.cta-large a {
    color: #fff; }
.cta-large.inactive, .cta-large:disabled {
    background-color: #f9bfa0; }
.cta-secondary {
  background-color: #ef5e12;
  border: none;
  border-radius: 0.1875rem;
  color: #fff;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1;
  min-width: 6.25rem;
  padding: 1rem 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #b7b4b0;
  color: #231f1a; }
.cta-secondary:focus, .cta-secondary:hover {
    outline: none;
    background-color: #ef5e12; }
.cta-secondary a {
    color: #fff; }
.cta-secondary:focus, .cta-secondary:hover {
    background-color: #fff;
    color: #231f1a;
    outline: none; }
.cta-secondary a {
    color: #231f1a; }
.cta-secondary-color {
  background-color: #ef5e12;
  border: none;
  border-radius: 0.1875rem;
  color: #fff;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  height: 3rem;
  line-height: 1;
  min-width: 6.25rem;
  padding: 1rem 0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ef5e12;
  color: #ef5e12; }
.cta-secondary-color:focus, .cta-secondary-color:hover {
    outline: none;
    background-color: #ef5e12; }
.cta-secondary-color a {
    color: #fff; }
.cta-secondary-color:focus, .cta-secondary-color:hover {
    background-color: #fff;
    color: #ef5e12;
    outline: none; }
.cta-secondary-color a {
    color: #ef5e12; }
.breadcrumbs {
  font-size: 0.75rem;
  line-height: 0.875rem; }
.breadcrumbs li {
    color: #706c68;
    font-family: "Larsseit", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.03125rem;
    line-height: 0.875rem;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    display: inline-block; }
.breadcrumbs li a {
      color: inherit;
      line-height: inherit; }
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
        color: #ef5e12; }
.breadcrumbs li:last-child {
      cursor: default; }
.text-1 {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .text-1 {
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.03125rem; } }
.text-2 {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .text-2 {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.text-2-bold {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  font-family: "Larsseit-Bold", sans-serif; }
@media (max-width: 640px) {
    .text-2-bold {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.text-3 {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .text-3 {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.text-4 {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal; }
.secondary-bold {
  font-family: "FFTisaWebBold", sans-serif;
  font-weight: normal;
  font-style: normal; }
.link {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal; }
.link:hover, .link:focus {
    cursor: pointer; }
.link-small {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal; }
.link-small:hover, .link-small:focus {
    cursor: pointer; }
@media (min-width: 441px) {
  .hide-md-up {
    display: none; } }
@media (min-width: 641px) {
  .hide-lg-up {
    display: none; } }
@media (max-width: 840px) {
  .hide-lg-down {
    display: none; } }
@media (min-width: 641px) and (max-width: 840px) {
  .hide-lg {
    display: none; } }
@media (max-width: 640px) {
  .hide-md-down {
    display: none; } }
@media (max-width: 440px) {
  .hide-sm {
    display: none; } }
.show-cart-preview {
  display: none; }
.bold {
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal; }
.word-wrap {
  white-space: normal;
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* css-3 */
  white-space: -webkit-pre-wrap;
  /* Newer versions of Chrome/Safari */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */ }
.column, .columns {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
@media (min-width: 641px) {
    .column, .columns {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
.row .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
@media (min-width: 641px) {
    .row .row {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
.dropdown-caret:hover {
  cursor: pointer; }
.collapsed .dropdown-caret {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 4.777759280839021% 3.9726533628972653%;
  width: 14px;
  height: 10px; }
.expanded .dropdown-caret {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 6.242716830364575% 5.948642157768336%;
  width: 14px;
  height: 8px; }
.accent-1 {
  color: #45b49f; }
.black {
  color: #231f1a; }
.gray-dark {
  color: #706c68; }
.uppercase {
  text-transform: uppercase; }
.lock-icon {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 33.2334581772784% 41.386321626617374%;
  width: 13px;
  height: 14px; }
.hidden-for-optimizely {
  display: none; }
.top-border {
  width: 100%;
  height: 6px;
  border-bottom: 6px solid #ef5e12; }
textarea {
  max-width: 100%;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  color: #706c68;
  letter-spacing: 0.03125rem; }
.loading-spinner {
  margin: -30px auto;
  height: 100%;
  width: 20%; }
.loading-spinner svg {
    fill: #fff;
    width: 64px;
    height: 64px; }
@media (min-width: 841px) {
  [class*="column"].xlarge-1 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 8.33333%;
    float: left; }
  [class*="column"].xlarge-2 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.66667%;
    float: left; }
  [class*="column"].xlarge-3 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
    float: left; }
  [class*="column"].xlarge-4 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.33333%;
    float: left; }
  [class*="column"].xlarge-5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.66667%;
    float: left; }
  [class*="column"].xlarge-6 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
    float: left; }
  [class*="column"].xlarge-7 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.33333%;
    float: left; }
  [class*="column"].xlarge-8 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.66667%;
    float: left; }
  [class*="column"].xlarge-9 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
    float: left; }
  [class*="column"].xlarge-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 83.33333%;
    float: left; }
  [class*="column"].xlarge-11 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 91.66667%;
    float: left; }
  [class*="column"].xlarge-12 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left; } }
.login-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
.login-modal.expanded {
    height: 507px; }
@media (max-width: 440px) {
    .login-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.login-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .login-modal .close-icon {
        top: 10px;
        right: 10px; } }
.login-modal.reset-email-sent, .login-modal.magiclink-sent {
    min-height: 12.75rem;
    width: 23.125rem; }
@media (max-width: 440px) {
      .login-modal.reset-email-sent, .login-modal.magiclink-sent {
        margin: 25% auto; } }
.chat-info-modal .live-chat {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-bottom: 20px; }
.chat-info-modal .live-chat:hover, .chat-info-modal .live-chat:focus {
    cursor: pointer; }
@media (max-width: 440px) {
    .chat-info-modal .live-chat {
      background-color: #ef5e12;
      border: none;
      border-radius: 0.1875rem;
      color: #fff;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      height: 3rem;
      line-height: 1;
      min-width: 6.25rem;
      padding: 1rem 0;
      text-align: center;
      background-color: #fff;
      border: 1px solid #ef5e12;
      color: #ef5e12;
      width: 100%; }
      .chat-info-modal .live-chat:focus, .chat-info-modal .live-chat:hover {
        outline: none;
        background-color: #ef5e12; }
      .chat-info-modal .live-chat a {
        color: #fff; }
      .chat-info-modal .live-chat:focus, .chat-info-modal .live-chat:hover {
        background-color: #fff;
        color: #ef5e12;
        outline: none; }
      .chat-info-modal .live-chat a {
        color: #ef5e12; } }
.chat-info-modal .email-chat {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .chat-info-modal .email-chat {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.chat-info-modal .email-chat:hover, .chat-info-modal .email-chat:focus {
    cursor: pointer; }
@media (max-width: 440px) {
    .chat-info-modal .email-chat {
      background-color: #ef5e12;
      border: none;
      border-radius: 0.1875rem;
      color: #fff;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      height: 3rem;
      line-height: 1;
      min-width: 6.25rem;
      padding: 1rem 0;
      text-align: center;
      background-color: #fff;
      border: 1px solid #ef5e12;
      color: #ef5e12;
      display: inline-block;
      width: 100%;
      margin-top: 4px; }
      .chat-info-modal .email-chat:focus, .chat-info-modal .email-chat:hover {
        outline: none;
        background-color: #ef5e12; }
      .chat-info-modal .email-chat a {
        color: #fff; }
      .chat-info-modal .email-chat:focus, .chat-info-modal .email-chat:hover {
        background-color: #fff;
        color: #ef5e12;
        outline: none; }
      .chat-info-modal .email-chat a {
        color: #ef5e12; } }
#header .header-padding {
  padding-top: 4.5rem; }
#header .header-padding.basic {
    padding-top: 3rem; }
@media (max-width: 440px) {
    #header .header-padding.unstick-mobile {
      display: none; } }
#header .header-padding.with-hello-bar {
    padding-top: 6.5rem; }
@media (max-width: 640px) {
      #header .header-padding.with-hello-bar {
        padding-top: 5rem; } }
#header .header-padding.basic.with-hello-bar {
    padding-top: 5rem; }
@media (max-width: 640px) {
    #header .header-padding {
      padding-top: 2.75rem; } }
#header .site-header {
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 0.25rem solid #ef5e12; }
@media (max-width: 640px) {
    #header .site-header {
      height: auto; } }
@media (max-width: 440px) {
    #header .site-header.unstick-mobile {
      position: relative; } }
#header .site-header.with-hello-bar {
    border-bottom: 0; }
#header .site-header .logo {
    display: inline-block;
    width: 185px; }
@media (max-width: 640px) {
      #header .site-header .logo {
        float: left;
        margin-left: 1rem;
        width: 150px; } }
@media (max-width: 640px) {
    #header .site-header.basic .logo {
      float: none;
      margin-left: 0;
      width: 170px; } }
#header .site-header.basic .nb-nav.nb-nav-right {
    right: 0; }
#header .site-header .nb-nav {
    text-transform: uppercase;
    display: inline-block; }
#header .site-header .nb-nav > li {
      font-size: 0.75rem;
      color: #706c68;
      letter-spacing: 0.03125rem;
      line-height: 1.125rem;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      padding: 0 0.375rem; }
@media (max-width: 840px) {
        #header .site-header .nb-nav > li {
          padding: 0 0.1875rem; } }
#header .site-header .nb-nav a {
      color: #706c68; }
#header .site-header .nb-nav a:hover, #header .site-header .nb-nav a:active {
        color: #ef5e12; }
#header .site-header .nb-nav .free-snacks a {
      color: #ef5e12; }
#header .site-header .nb-nav.nb-nav-left {
      position: absolute;
      left: 0; }
#header .site-header .nb-nav.nb-nav-left .free-snacks {
        display: none; }
@media (min-width: 641px) and (max-width: 840px) {
          #header .site-header .nb-nav.nb-nav-left .free-snacks {
            display: inline-block; } }
#header .site-header .nb-nav.nb-nav-left .aboutus-left {
        display: none; }
#header .site-header .nb-nav.nb-nav-right {
      position: absolute;
      margin-right: 0.25rem;
      right: 3.4375rem; }
@media (max-width: 640px) {
        #header .site-header .nb-nav.nb-nav-right {
          right: 3.0625rem; } }
@media (max-width: 640px) {
        #header .site-header .nb-nav.nb-nav-right .account, #header .site-header .nb-nav.nb-nav-right .signin {
          display: none; } }
#header .site-header .nb-nav.nb-nav-right #account-dropdown {
        z-index: 20;
        background: #fff;
        box-shadow: 0 1px 2px 0 #e4e0db;
        border: solid 1px #e4e0db;
        display: none;
        list-style: none;
        padding-top: 3px;
        padding-bottom: 8px;
        position: absolute;
        right: -0.875rem;
        top: 2.5rem;
        text-align: right;
        width: 10.75rem; }
#header .site-header .nb-nav.nb-nav-right #account-dropdown li {
          padding: 0.625rem 1.875rem 0.625rem 1.25rem; }
#header .site-header .nb-nav.nb-nav-right #account-dropdown li a {
            font-size: 0.875rem;
            font-family: "Larsseit", sans-serif;
            color: #706c68;
            line-height: 1.5rem;
            letter-spacing: 0.03125rem;
            font-weight: normal;
            font-style: normal;
            text-transform: none; }
#header .site-header .nb-nav.nb-nav-right #account-dropdown li a.sub-link {
              color: #ef5e12; }
#header .site-header .nb-nav.nb-nav-right #account-dropdown li a:focus, #header .site-header .nb-nav.nb-nav-right #account-dropdown li a:hover {
              color: #ef5e12; }
#header .site-header .nb-nav.nb-nav-right .account {
        padding-bottom: 0.5rem; }
#header .site-header .nb-nav.nb-nav-right .account:hover #account-dropdown, #header .site-header .nb-nav.nb-nav-right .account:focus #account-dropdown {
          display: block; }
@media (max-width: 840px) {
        #header .site-header .nb-nav.nb-nav-right .free-snacks {
          display: none; } }
@media (max-width: 840px) {
      #header .site-header .nb-nav .student-discount-left,
      #header .site-header .nb-nav .aboutus-left,
      #header .site-header .nb-nav .corporate-left {
        display: none; } }
#header .site-header .header-content {
    max-width: 1280px;
    background: #fff;
    margin: 0 auto;
    padding: 0 0.9375rem;
    position: relative;
    text-align: center; }
@media (max-width: 640px) {
      #header .site-header .header-content {
        padding: 0; } }
#header .site-header .header-content .header-rows {
      position: relative; }
#header .site-header .header-content .header-rows .row:first-child {
        height: 2.75rem;
        line-height: 2.75rem; }
#header .site-header .header-content .header-rows .row:nth-child(2) {
        height: 1.5rem;
        line-height: 1.5rem; }
@media (max-width: 640px) {
        #header .site-header .header-content .header-rows .header-links-container {
          display: none; } }
#header .site-header .header-content .header-rows .header-links-container .header-links a {
        color: #231f1a; }
#header .site-header .header-content .header-rows .header-links-container .header-links a:focus, #header .site-header .header-content .header-rows .header-links-container .header-links a:hover, #header .site-header .header-content .header-rows .header-links-container .header-links a:active {
          color: #ef5e12; }
@media (max-width: 840px) {
        #header .site-header .header-content .header-rows .header-links-container .header-links .gifts-link {
          display: none; } }
#header .site-header .header-content .header-rows .header-links-container .header-links > li {
        font-size: 0.875rem;
        font-family: "Larsseit", sans-serif;
        color: #706c68;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem;
        font-weight: normal;
        font-style: normal;
        color: #231f1a;
        display: inline-block;
        padding: 0 0.75rem; }
#header .site-header .header-content .header-rows .header-links-container .header-links .down-arrow-icon {
        padding-left: 4px; }
#header .site-header .header-content .header-cart-icon {
      position: absolute;
      right: 0.9375rem;
      z-index: 1; }
@media (max-width: 640px) {
        #header .site-header .header-content .header-cart-icon {
          right: 0; } }
#header .site-header .header-content .header-cart-icon .cart-link-holder {
        display: inline-block;
        line-height: 52px;
        cursor: pointer;
        height: 4.25rem;
        width: 3.4375rem;
        background-color: #f5f3f0; }
@media (max-width: 640px) {
          #header .site-header .header-content .header-cart-icon .cart-link-holder {
            height: 2.75rem;
            width: 3.0625rem; } }
#header .site-header .header-content .header-cart-icon .cart-link-holder .cart-icon {
          background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
          background-position: 6.932177970338277% 6.529781724010359%;
          width: 26px;
          height: 22px;
          margin: 8px auto;
          position: relative;
          top: 16px;
          text-align: center; }
@media (max-width: 640px) {
            #header .site-header .header-content .header-cart-icon .cart-link-holder .cart-icon {
              margin: 2px auto;
              top: 12px; } }
#header .site-header .header-content .header-cart-icon .cart-link-holder .cart-icon span {
            font-family: "Larsseit-Medium", sans-serif;
            color: #231f1a;
            position: relative;
            bottom: 21px;
            left: 2px;
            font-size: 1rem;
            padding-right: 0;
            padding-left: 0; }
@media (max-width: 640px) {
              #header .site-header .header-content .header-cart-icon .cart-link-holder .cart-icon span {
                bottom: 20px; } }
#header .nb-dropdown {
  position: relative; }
#header .nb-dropdown .nb-dropdown-items {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    background: #fff;
    box-shadow: 0 1px 2px 0 #e4e0db;
    border: solid 1px #e4e0db;
    left: -16px;
    list-style: none;
    opacity: 0;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 16.25rem;
    z-index: 5; }
#header .nb-dropdown .nb-dropdown-items li {
      line-height: 1.5rem;
      padding: 0.375rem 1.75rem;
      width: 100%; }
#header .nb-dropdown .nb-dropdown-items li a {
        width: 100%; }
#header .nb-dropdown .nb-dropdown-items li a.highlighted {
          color: #ef5e12 !important; }
#header .nb-dropdown .nb-dropdown-items li.gifts-link-dropdown {
        border-top: 1px solid #e4e0db; }
#header .nb-dropdown .nb-dropdown-items li.gifts-link-dropdown a::before {
          content: ' ';
          display: inline-block;
          background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
          background-position: 19.806843726583963% 26.5336348491096%;
          width: 17px;
          height: 17.54px;
          position: relative;
          top: 3px;
          left: -0.75rem; }
#header .nb-dropdown .icon-down-arrow {
    transform: translateY(-1px); }
#header .nb-dropdown:focus .nb-dropdown-items, #header .nb-dropdown:hover .nb-dropdown-items {
    opacity: 1;
    visibility: visible; }
#header #office-header .header-content {
  text-align: inherit; }
@media (min-width: 641px) {
  #header #office-header .header-row {
    height: 4.25rem;
    line-height: 4.25rem; } }
#header #office-header .corp-logo-text {
  text-transform: uppercase;
  float: right;
  margin-top: -32px;
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #b0ada5; }
@media (max-width: 640px) {
    #header #office-header .corp-logo-text {
      font-size: 7px;
      margin-top: -21px;
      margin-bottom: -4px; } }
#header #office-header .logo {
  width: 206px; }
@media (max-width: 640px) {
    #header #office-header .logo {
      width: 156px; } }
#header #office-header .logo img {
    height: 17px;
    vertical-align: inherit; }
@media (max-width: 640px) {
      #header #office-header .logo img {
        height: 13px; } }
#header #office-header .office-nav {
  display: inline-block; }
#header #office-header .office-nav a {
    color: #231f1a; }
#header #office-header .office-nav li {
    display: inline-block;
    list-style: none; }
@media (max-width: 640px) {
      #header #office-header .office-nav li {
        display: none; } }
@media (min-width: 641px) {
      #header #office-header .office-nav li {
        margin-left: 20px; } }
@media (min-width: 1281px) {
      #header #office-header .office-nav li {
        margin-left: 30px; } }
#header #office-header .header-buttons {
  display: inline;
  float: right;
  height: 42px; }
@media (max-width: 640px) {
    #header #office-header .header-buttons {
      padding-right: 8px; } }
#header #office-header .header-buttons .header-button {
    margin-left: 10px;
    display: inline-block;
    width: 162px;
    height: 42px; }
@media (max-width: 840px) {
      #header #office-header .header-buttons .header-button {
        width: 90px; } }
@media (max-width: 640px) {
      #header #office-header .header-buttons .header-button {
        font-size: 0.75rem;
        height: 0.75rem;
        line-height: 1px;
        min-width: 60px;
        width: 60px; } }
#header #office-header .header-buttons .header-button:hover, #header #office-header .header-buttons .header-button:focus {
      color: #fff; }
.sticky-wrapper.sticky {
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  margin: 0 0.5rem;
  top: 4.5rem;
  left: 0;
  right: 0;
  z-index: 100; }
@media (max-width: 640px) {
    .sticky-wrapper.sticky {
      top: 3rem;
      border-radius: 3px; }
      .sticky-wrapper.sticky.catalog-header {
        padding-top: 10px;
        padding-bottom: 10px; }
        .sticky-wrapper.sticky.catalog-header .filter-button-container-mobile {
          width: 80%;
          margin: 0 auto; } }
.sticky-wrapper.sticky.hello-bar-adjustment {
    top: 6.5rem; }
@media (max-width: 640px) {
      .sticky-wrapper.sticky.hello-bar-adjustment {
        top: 5rem; } }
.nb-tooltip.mobile-menu-tooltip {
  max-width: 240px;
  z-index: 21; }
@media (min-width: 641px) {
    .nb-tooltip.mobile-menu-tooltip {
      display: none; } }
.nb-tooltip.mobile-menu-tooltip p {
    margin: 0 0 1rem; }
.nb-tooltip.mobile-menu-tooltip .nb-tooltip-arrow {
    left: 10%; }
.nb-tooltip.account-dropdown-tooltip {
  max-width: 350px; }
@media (max-width: 640px) {
    .nb-tooltip.account-dropdown-tooltip {
      display: none; } }
.nb-tooltip.account-dropdown-tooltip .nb-tooltip-arrow {
    /**
     * 28px is how much we pushed down the tooltip in the tooltip config.
     * This calculation keeps the arrow pointing directly at the target
     */
    top: calc(50% - 28px); }
.nb-tooltip.account-dropdown-tooltip p {
    margin: 0 0 1rem; }
.nb-tooltip.cart-tooltip {
  max-width: 350px; }
.nb-tooltip.cart-tooltip .nb-tooltip-arrow {
    right: 6%; }
.nb-tooltip.cart-tooltip p {
    margin: 0 0 1rem; }
@media (max-width: 640px) {
  .sidebar-menu {
    border-right: 1px solid #e4e0db;
    width: 2.8125rem;
    float: left; }
  .sidebar-menu-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 21.409530156614462% 27.968923418423973%;
    width: 24px;
    height: 22px;
    display: inline-block;
    vertical-align: middle; } }
.hello-bar {
  background-color: #ef5e12;
  color: #fff;
  text-align: center;
  width: 100%;
  z-index: 3;
  height: 2.25rem; }
@media (max-width: 520px) {
    .hello-bar .view-cart > span:last-child {
      font-size: .6rem !important; } }
.hello-bar .text-4 {
    color: #fff;
    height: 100%;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.hello-bar a {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none; }
.hello-bar .sales-goal {
    display: inline-block; }
.hello-bar .view-cart {
    display: flex;
    align-items: center;
    padding: 2px 5px;
    height: 100%;
    text-decoration: underline;
    line-height: 1 !important; }
.hello-bar .view-cart span {
      line-height: 1 !important; }
.hello-bar .hello-bar-link {
    text-decoration: underline;
    height: 100%; }
.hello-bar .hello-bar-text {
    display: inline-block;
    height: 100%; }
.hello-bar .checkout-btn {
    background: #fff;
    color: #ef5e12;
    display: inline-block;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.5rem;
    padding: 0;
    padding-left: 0.5rem;
    width: auto; }
.hello-bar .checkout-btn:focus, .hello-bar .checkout-btn:hover {
      color: #ef5e12; }
@media (max-width: 640px) {
      .hello-bar .checkout-btn {
        display: none; } }
.hello-bar .checkout-btn-arrow {
    margin-left: 0.375rem; }
@media (max-width: 440px) {
      .hello-bar .checkout-btn-arrow {
        display: none; } }
.hello-bar .checkout-btn-arrow path {
      fill: #ef5e12; }
.hello-bar .hello-bar-gift-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 20.372991424527516% 27.199287012571585%;
    width: 17px;
    height: 17.54px;
    margin-right: .5rem;
    width: 30px; }
.corporate-button {
  font-family: "Larsseit", sans-serif;
  cursor: pointer;
  line-height: 1;
  text-transform: none !important; }
.corporate-button.loud {
    background-color: #ef5e12 !important;
    padding: .5rem 1rem;
    text-align: center;
    color: white !important;
    border-radius: 60px; }
footer {
  margin-top: 0;
  border-top: 1px solid #e4e0db;
  background: #fff;
  text-align: center; }
footer .nb-links {
    padding-top: 16px;
    padding-bottom: 12px; }
footer .nb-links a {
      color: #231f1a;
      line-height: 1.5rem; }
footer .nb-links li {
      display: inline-block;
      padding: 0 20px; }
footer .copyright {
    color: #706c68;
    font-family: "Larsseit", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.03125rem;
    line-height: 0.875rem;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 10px; }
footer .copyright a {
      color: #706c68; }
.sidebar {
  background: white;
  height: 100vh;
  min-width: 240px;
  overflow: auto;
  overflow-x: hidden;
  margin: 0; }
.sidebar .text-1 {
    color: #231f1a;
    display: block;
    padding: 16px 16px 12px 16px;
    margin: 0;
    border-bottom: 1px solid #e4e0db; }
.sidebar a {
    display: block;
    color: #706c68; }
.sidebar a.sub-link {
      color: #ef5e12; }
.sidebar a.refer-link {
      color: #ef5e12; }
.sidebar .no-border {
    border: 0; }
.sidebar .expanded .text-1 {
    border: 0; }
.sidebar .categories {
    cursor: pointer; }
.sidebar .categories .categories-header {
      position: relative; }
.sidebar .dropdown-caret {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 208px; }
.sidebar .store-locator-link-mobile a {
    color: #45b49f; }
.sidebar li {
    list-style: none; }
.sidebar li a {
      padding: 8px 0; }
.sidebar ul {
    padding: 0px 16px 16px 16px;
    border-bottom: 1px solid #e4e0db; }
.sidebar ul.learn {
    font-size: 0.9rem; }
.sidebar .login a,
  .sidebar .logout a {
    color: #ef5e12; }
[class*="gallery-grid-"] > li {
  display: block;
  float: left;
  list-style: none; }
[class*="gallery-grid-"]::after {
  clear: both;
  content: " ";
  display: table; }
.gallery-grid-sm-2 > li {
  width: 50%; }
.gallery-grid-sm-2 > li:nth-of-type(1n) {
  clear: none;
  padding: 0 0.5rem 2rem; }
@media (min-width: 641px) {
    .gallery-grid-sm-2 > li:nth-of-type(1n) {
      padding: 0 0.75rem 3rem; } }
.gallery-grid-sm-2 > li:nth-of-type(2n+1) {
  clear: both;
  padding-left: 0; }
.gallery-grid-sm-2 > li:nth-of-type(2n) {
  padding-right: 0; }
@media (min-width: 441px) {
  .gallery-grid-md-3 > li {
    width: 33.3%; }
  .gallery-grid-md-3 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.66667rem 2rem; } }
@media (min-width: 441px) and (min-width: 641px) {
    .gallery-grid-md-3 > li:nth-of-type(1n) {
      padding: 0 1rem 3rem; } }
@media (min-width: 441px) {
  .gallery-grid-md-3 > li:nth-of-type(3n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-md-3 > li:nth-of-type(3n) {
    padding-right: 0; }
  .gallery-grid-md-3 > li:nth-of-type(3n-1) {
    padding: 0 0.33333rem; } }
@media (min-width: 441px) and (min-width: 641px) {
    .gallery-grid-md-3 > li:nth-of-type(3n-1) {
      padding: 0 0.5rem; } }
@media (min-width: 441px) {
  .gallery-grid-md-2 > li {
    width: 50%; }
  .gallery-grid-md-2 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.5rem 2rem; } }
@media (min-width: 441px) and (min-width: 641px) {
    .gallery-grid-md-2 > li:nth-of-type(1n) {
      padding: 0 0.75rem 3rem; } }
@media (min-width: 441px) {
  .gallery-grid-md-2 > li:nth-of-type(2n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-md-2 > li:nth-of-type(2n) {
    padding-right: 0; } }
@media (min-width: 641px) {
  .gallery-grid-lg-2 > li {
    width: 50%; }
  .gallery-grid-lg-2 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.5rem 2rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-2 > li:nth-of-type(1n) {
      padding: 0 0.75rem 3rem; } }
@media (min-width: 641px) {
  .gallery-grid-lg-2 > li:nth-of-type(2n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-lg-2 > li:nth-of-type(2n) {
    padding-right: 0; }
  .gallery-grid-lg-3 > li {
    width: 33.3%; }
  .gallery-grid-lg-3 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.66667rem 2rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-3 > li:nth-of-type(1n) {
      padding: 0 1rem 3rem; } }
@media (min-width: 641px) {
  .gallery-grid-lg-3 > li:nth-of-type(3n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-lg-3 > li:nth-of-type(3n) {
    padding-right: 0; }
  .gallery-grid-lg-3 > li:nth-of-type(3n-1) {
    padding: 0 0.33333rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-3 > li:nth-of-type(3n-1) {
      padding: 0 0.5rem; } }
@media (min-width: 641px) {
  .gallery-grid-lg-4 > li {
    width: 25%; }
  .gallery-grid-lg-4 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.66667rem 2rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-4 > li:nth-of-type(1n) {
      padding: 0 1rem 3rem; } }
@media (min-width: 641px) {
  .gallery-grid-lg-4 > li:nth-of-type(4n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-lg-4 > li:nth-of-type(4n) {
    padding-right: 0; }
  .gallery-grid-lg-4 > li:nth-of-type(4n-1) {
    padding-left: 0.5rem;
    padding-right: 0.33333rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-4 > li:nth-of-type(4n-1) {
      padding-left: 0.75rem;
      padding-right: 0.5rem; } }
@media (min-width: 641px) {
  .gallery-grid-lg-4 > li:nth-of-type(4n-2) {
    padding-left: 0.33333rem;
    padding-right: 0.5rem; } }
@media (min-width: 641px) and (min-width: 641px) {
    .gallery-grid-lg-4 > li:nth-of-type(4n-2) {
      padding-left: 0.5rem;
      padding-right: 0.75rem; } }
@media (min-width: 841px) {
  .gallery-grid-xl-3 > li {
    width: 33.3%; }
  .gallery-grid-xl-3 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.66667rem 2rem; } }
@media (min-width: 841px) and (min-width: 641px) {
    .gallery-grid-xl-3 > li:nth-of-type(1n) {
      padding: 0 1rem 3rem; } }
@media (min-width: 841px) {
  .gallery-grid-xl-3 > li:nth-of-type(3n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-xl-3 > li:nth-of-type(3n) {
    padding-right: 0; }
  .gallery-grid-xl-3 > li:nth-of-type(3n-1) {
    padding: 0 0.33333rem; } }
@media (min-width: 841px) and (min-width: 641px) {
    .gallery-grid-xl-3 > li:nth-of-type(3n-1) {
      padding: 0 0.5rem; } }
@media (min-width: 841px) {
  .gallery-grid-xl-4 > li {
    width: 25%; }
  .gallery-grid-xl-4 > li:nth-of-type(1n) {
    clear: none;
    padding: 0 0.66667rem 2rem; } }
@media (min-width: 841px) and (min-width: 641px) {
    .gallery-grid-xl-4 > li:nth-of-type(1n) {
      padding: 0 1rem 3rem; } }
@media (min-width: 841px) {
  .gallery-grid-xl-4 > li:nth-of-type(4n+1) {
    clear: both;
    padding-left: 0; }
  .gallery-grid-xl-4 > li:nth-of-type(4n) {
    padding-right: 0; }
  .gallery-grid-xl-4 > li:nth-of-type(4n-1) {
    padding-left: 0.5rem;
    padding-right: 0.33333rem; } }
@media (min-width: 841px) and (min-width: 641px) {
    .gallery-grid-xl-4 > li:nth-of-type(4n-1) {
      padding-left: 0.75rem;
      padding-right: 0.5rem; } }
@media (min-width: 841px) {
  .gallery-grid-xl-4 > li:nth-of-type(4n-2) {
    padding-left: 0.33333rem;
    padding-right: 0.5rem; } }
@media (min-width: 841px) and (min-width: 641px) {
    .gallery-grid-xl-4 > li:nth-of-type(4n-2) {
      padding-left: 0.5rem;
      padding-right: 0.75rem; } }
.show-cart-preview {
  display: none;
  line-height: 1.125rem; }
.ios .cart-preview-sidebar {
  height: 100vh; }
.ios .cart-preview-sidebar #cart-preview .cart-items {
    padding-bottom: 13rem; }
.ios .cart-preview-sidebar #cart-preview .bottom-content-holder, .ios .cart-preview-sidebar #cart-preview .bottom-info {
    bottom: 4rem; }
#cart-preview {
  position: relative;
  background: white;
  height: 100%;
  overflow: hidden;
  padding: .375rem 0rem;
  z-index: 22;
  width: 20rem; }
#cart-preview .close-icon-component {
    margin-right: 0.25rem; }
#cart-preview .remove {
    font-size: .75rem;
    color: #ef5e12;
    cursor: pointer; }
@media (max-width: 440px) {
    #cart-preview .hide-sm {
      display: none; } }
#cart-preview .truck-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 83.7248042645344% 85.06055283350283%;
    width: 22px;
    height: 17px;
    display: inline-block;
    margin: .125rem 0rem -.25rem .75rem; }
@media (min-width: 441px) {
    #cart-preview .hide-md-up {
      display: none; } }
#cart-preview .price-container {
    margin-bottom: .25rem; }
#cart-preview .price-container .buy-more {
      font-size: .875rem;
      margin-top: 0px;
      padding-top: 0;
      padding-left: .25rem;
      color: #231f1a;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      display: inline-block; }
@media (max-width: 440px) {
        #cart-preview .price-container .buy-more {
          font-size: .75rem;
          margin-top: 0.0625rem; } }
#cart-preview .price-container .sales-goal {
      font-size: .875rem;
      color: #231f1a;
      display: inline-block;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      margin-top: 0px;
      padding-top: 0;
      padding-left: .5rem; }
@media (max-width: 440px) {
        #cart-preview .price-container .sales-goal {
          font-size: 0.8125rem;
          margin-top: -.25rem; } }
#cart-preview .price-container .close-icon {
      float: right;
      margin-right: .375rem; }
#cart-preview .hide-cart-preview {
    display: none; }
#cart-preview .show-cart-preview {
    display: block; }
#cart-preview .show-cart-preview .size {
      margin-right: .75rem;
      font-size: .75rem; }
#cart-preview .loading-spinner {
    background-color: rgba(0, 0, 0, 0.58);
    height: 100%;
    width: 100%;
    margin: 0;
    padding-top: 80%;
    position: fixed;
    z-index: 10000;
    text-align: center; }
#cart-preview .empty-cart {
    text-align: center;
    margin-top: 50%; }
#cart-preview .empty-cart .head-text {
      color: #231f1a;
      font-family: "Larsseit", sans-serif;
      font-size: 1.125rem;
      line-height: 1.75rem;
      letter-spacing: 0.0375rem;
      font-weight: normal;
      font-style: normal;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #231f1a;
      margin-bottom: .5rem; }
@media (max-width: 640px) {
        #cart-preview .empty-cart .head-text {
          font-size: 1rem;
          line-height: 1.625rem;
          letter-spacing: 0.03125rem; } }
#cart-preview .empty-cart .new-member-offer {
      margin-bottom: 1.25rem;
      font-size: 1rem;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #45b49f; }
#cart-preview .empty-cart .cta {
      padding-left: 1rem;
      padding-right: 1rem; }
#cart-preview .cart-item {
    border-top: 0.0625rem solid #f5f3f0;
    border-bottom: 0.0625rem solid #f5f3f0;
    padding: 8px 0px 0px 0px;
    margin-left: -.5rem;
    margin-right: -.625rem; }
#cart-preview .cart-item img {
      top: 40%; }
#cart-preview .cart-item .quote-item-block {
      width: 100%;
      padding-left: .5rem;
      padding-right: .625rem;
      padding-top: 0.25rem; }
#cart-preview .cart-item .quote-item-block img {
        position: inherit;
        transform: none; }
#cart-preview .cart-item .quote-item-block.gift-card .content {
        margin-left: 0.375rem;
        width: calc(100% - 64px - 0.375rem); }
#cart-preview .cart-item .quote-item-block.gift-card .title {
        font-size: 0.875rem;
        line-height: 1.125rem; }
#cart-preview .cart-item .quote-item-block.gift-card .gift-card-image img {
        height: 64px; }
#cart-preview .cart-item .item-free .item-price-qty {
      display: none; }
#cart-preview .cart-item .item-free .detail-select {
      display: none; }
#cart-preview .bottom-info {
    font-size: .875rem;
    text-align: left;
    padding: 1rem;
    padding-right: 0;
    position: fixed;
    /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
    -webkit-transform: translateZ(0);
    bottom: 0; }
@media (min-width: 441px) {
      #cart-preview .bottom-info::before {
        background: #e4e0db;
        content: '';
        display: block;
        height: 1px;
        margin: 0.5rem 0;
        width: 104%;
        margin-left: -.75rem; } }
@media (max-width: 440px) {
      #cart-preview .bottom-info {
        width: 100%; } }
#cart-preview .bottom-info .header {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #231f1a; }
#cart-preview .bottom-info .additional-info {
      font-size: .875rem; }
@media (max-width: 440px) {
        #cart-preview .bottom-info .additional-info {
          padding-right: .875rem; } }
#cart-preview .bottom-info .bottom-mobile-offer .new-member-offer {
      font-size: 1rem;
      color: #45b49f;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
@media (min-width: 441px) {
      #cart-preview .bottom-info .bottom-mobile-offer {
        display: none; } }
#cart-preview .bottom-info .bottom-mobile-offer::before {
      background: #e4e0db;
      content: '';
      display: block;
      height: 1px;
      margin: 0.5rem 0;
      width: 104%;
      margin-left: -.75rem; }
#cart-preview .bottom-info .bottom-mobile-offer .cta {
      width: 95%; }
#cart-preview .cart-items {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .5rem 10rem .5rem;
    height: calc(100% - 164px); }
#cart-preview .cart-items a {
      display: inline-block;
      vertical-align: top; }
#cart-preview .cart-items a img {
        height: 4rem; }
#cart-preview .cart-items .cancel-item {
      display: none; }
#cart-preview .cart-items .presale-notice {
      display: none; }
#cart-preview .cart-items .item-name {
      color: #231f1a;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1.125rem;
      font-size: 0.875rem; }
#cart-preview .cart-items .item-details-select {
      display: inline-block;
      width: 77%;
      padding-left: 0; }
#cart-preview .cart-items .item-details-select .detail-select {
        font-size: 1rem;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal;
        position: absolute;
        top: 50%;
        right: 0.875rem; }
@media (max-width: 840px) {
          #cart-preview .cart-items .item-details-select .detail-select {
            top: 28%; } }
#cart-preview .cart-items .item-details-select .item-details {
        max-width: 11.25rem;
        margin-left: 0.375rem; }
#cart-preview .cart-items .item-details-select .cart-item-qty {
        width: 2.75rem;
        height: 2rem; }
#cart-preview .cart-items .item-details-select .cart-item-qty .item-qty {
          margin: .125rem 0px 0px .5rem; }
#cart-preview .cart-items .item-details-select .cart-item-qty .select-arrow {
          margin: 0.6875rem 0 0 0.1875rem; }
#cart-preview .cart-items .item-details-select .item-price-qty {
        font-size: .875rem; }
#cart-preview .cart-items .item-details-select .item-price-qty .item-price {
          font-size: .875rem; }
#cart-preview .cart-items.mask {
      opacity: 0.5; }
#cart-preview .bottom-content-holder {
    display: none;
    position: fixed;
    /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
    -webkit-transform: translateZ(0);
    width: 20rem;
    bottom: 0;
    z-index: 5; }
#cart-preview .bottom-content-holder.show {
      display: block; }
#cart-preview .bottom-content-holder .promo-toggle {
      font-size: 0.75rem;
      line-height: 0.875rem;
      color: #ef5e12;
      text-align: right;
      margin: .5rem 0; }
#cart-preview .bottom-content-holder .promo-toggle li {
        color: #706c68;
        font-family: "Larsseit", sans-serif;
        font-size: 0.75rem;
        letter-spacing: 0.03125rem;
        line-height: 0.875rem;
        padding: 0;
        font-weight: normal;
        font-style: normal;
        display: inline-block; }
#cart-preview .bottom-content-holder .promo-toggle li a {
          color: inherit;
          line-height: inherit; }
#cart-preview .bottom-content-holder .promo-toggle li a:hover, #cart-preview .bottom-content-holder .promo-toggle li a:focus {
            color: #ef5e12; }
#cart-preview .bottom-content-holder .promo-toggle li:last-child {
          cursor: default; }
#cart-preview .price-toggle-transition-enter {
    opacity: 0;
    transition: all 350ms; }
#cart-preview .price-toggle-transition-enter.price-toggle-transition-enter-active {
    opacity: 1; }
#cart-preview .price-toggle-transition-exit {
    opacity: 1;
    transition: all 350ms; }
#cart-preview .price-toggle-transition-exit.price-toggle-transition-exit-active {
    opacity: 0; }
#cart-preview .hide.price-toggle-holder {
    display: none; }
#cart-preview .price-toggle-row {
    width: 100%;
    z-index: 5;
    overflow: hidden;
    background-color: #f5f3f0;
    padding: .25rem .375rem .25rem .375rem;
    border-top: 1px solid #e4e0db; }
#cart-preview .price-toggle-row.msrp-toggle {
      border-bottom: 1px solid #e4e0db; }
#cart-preview .price-toggle {
    cursor: pointer; }
#cart-preview .price-toggle .toggler-top {
      display: inline-block;
      padding-left: 0.5625rem; }
#cart-preview .price-toggle .text-holder {
      line-height: 1.4; }
#cart-preview .price-toggle .text-holder .total {
        font-size: 1rem;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #231f1a;
        margin-right: 1rem; }
#cart-preview .price-toggle .text-holder .discount {
        font-size: .75rem; }
#cart-preview .price-toggle .text-holder .savings-info {
        color: #231f1a;
        font-size: .875rem; }
#cart-preview .price-toggle .arrow-holder {
      display: inline-block;
      position: relative;
      left: 1.625rem;
      line-height: 1rem;
      vertical-align: top;
      color: #ef5e12; }
@media screen and (max-height: 28.6875rem) {
        #cart-preview .price-toggle .arrow-holder {
          display: none; } }
#cart-preview .price-toggle .arrow-holder .text {
        font-size: 0.875rem; }
#cart-preview .price-toggle .arrow-holder .arrow {
        position: relative;
        top: 0.25rem; }
#cart-preview .price-toggle .promo-code {
      padding: 0 0.6875rem;
      margin: .5rem 0 0 0;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #706c68; }
#cart-preview .price-toggle .price-summary {
      padding: 0; }
#cart-preview .price-toggle .price-summary .price-summary-items {
        font-size: 0.875rem;
        color: #706c68;
        padding: .25rem 0rem; }
#cart-preview .price-toggle .price-summary .price-summary-items .shipping-row .small-8 {
          width: 70%; }
#cart-preview .price-toggle .price-summary .price-summary-items .shipping-row .small-4 {
          width: 30%; }
#cart-preview .price-toggle .price-summary .price-summary-items::after {
          background: #b7b4b0;
          content: '';
          display: block;
          height: 0.0625rem;
          margin: 0.5rem 0.5625rem;
          width: 94%; }
#cart-preview .price-toggle .price-summary .price-summary-items hr {
          width: 94%;
          margin: 0.5rem 0.5625rem; }
#cart-preview .price-toggle .price-summary .price-summary-items .row {
          padding: .125rem 0; }
#cart-preview .price-toggle .price-summary .price-text {
        font-size: 1rem; }
#cart-preview .price-toggle .price-summary::before {
        background: #e4e0db;
        content: '';
        display: block;
        height: 0.0625rem;
        margin: 0.5rem 0;
        width: 104%;
        margin-left: -.75rem; }
#cart-preview .price-toggle .price-summary .additional-info {
        font-size: .875rem;
        margin-top: .625rem; }
#cart-preview .price-toggle .price-summary .item-disclaimer {
        padding-left: 0.5rem; }
@media (min-width: 641px) {
          #cart-preview .price-toggle .price-summary .item-disclaimer {
            padding-left: 0.75rem; } }
#cart-preview .price-toggle .price-summary .grand-total {
        font-size: 1.125rem; }
#cart-preview .button-holder {
    height: 4.5rem;
    padding: 0.5625em 0.5625rem 0.5625em 1.3125rem;
    background-color: #fff;
    width: 100%;
    z-index: 4; }
#cart-preview .button-holder .cta {
      width: 8.375rem;
      height: 3rem;
      margin-right: .75rem;
      display: inline-block; }
#cart-preview .button-holder .cta-secondary-color {
      width: 8.375rem;
      height: 3rem; }
#cart-preview .msrp-toggle {
    display: block; }
#cart-preview .msrp-toggle .toggle-columns {
      padding-right: 0; }
#cart-preview .msrp-toggle .body .no-opt {
      padding-left: 0.5625rem; }
#cart-preview .msrp-toggle.inner {
      padding-left: 0.5rem; }
#cart-preview .msrp-toggle.inner .msrp-toggle {
        display: inline-block; }
#cart-preview .msrp-toggle.inner .msrp-toggle-button {
        padding-right: 0; }
#cart-preview .msrp-toggle.inner .msrp-toggle-button label {
          margin-right: 0.25rem; }
#cart-preview .msrp-toggle.inner.row {
      background-color: #fff;
      margin: 0.25rem 0; }
#cart-preview .msrp-toggle .discount {
      color: #45b49f; }
#cart-preview .msrp-toggle .toggle-title {
      padding-left: 0.75rem; }
#cart-preview .msrp-toggle .content-group {
      text-align: left;
      margin: 0.5rem 0; }
#cart-preview .msrp-toggle .content-group .body {
        text-align: left;
        letter-spacing: normal;
        padding-left: 0.75rem; }
#cart-preview .msrp-toggle:not(.inner) .learn-more {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 28.626144879267276% 36.224112426035504%;
      width: 18px;
      height: 18px;
      display: inline-block;
      margin-left: .2rem;
      position: relative;
      top: 0.25rem; }
#cart-preview .msrp-toggle:not(.inner) .msrp-toggle-button {
      display: inline-block;
      margin: 0 0.375rem; }
#cart-preview .msrp-toggle .discount-text {
      padding-right: 1.5rem;
      font-size: 0.875rem; }
.promo-code .disclaimer {
  padding-top: 0.125rem;
  font-size: 0.8125rem;
  color: #706c68; }
.free-membership-copy {
  color: #231f1a;
  margin: 0 0 -.75rem 0;
  padding: 1.5rem 1.25rem .5rem 1.25rem;
  text-align: center; }
.cart-summary .promo-code {
  padding: 0 1.25rem;
  margin: 0; }
@media (max-width: 440px) {
  .cart-summary .promo-code {
    padding: 1.25rem .5rem 0 .5rem; } }
.cart-summary-bottom {
  padding: .75rem 1.5rem;
  text-align: center;
  background-color: #fff; }
@media (max-width: 640px) {
    .cart-summary-bottom {
      position: fixed;
      /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
      -webkit-transform: translateZ(0);
      left: 0;
      bottom: 0;
      width: 100%;
      padding: .5rem 1rem; } }
.cart-summary-bottom .sales-goal {
    display: none; }
.cart-summary-bottom .buy-more {
    color: #231f1a;
    padding-top: .5rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem; }
@media (max-width: 640px) {
      .cart-summary-bottom .buy-more {
        line-height: 1rem;
        font-size: .875rem; } }
.checkout-btn {
  display: block;
  width: 100%; }
.checkout-btn:focus, .checkout-btn:hover {
    color: #fff; }
@media (max-width: 640px) {
    .checkout-btn {
      height: 42px;
      width: 300px;
      line-height: .5rem;
      margin: 0 auto; } }
@media (max-width: 440px) {
    .checkout-btn {
      width: 100%; } }
.cart-savings {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  padding-bottom: .75rem;
  color: #45b49f; }
@media (max-width: 640px) {
    .cart-savings {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
@media (max-width: 640px) {
    .cart-savings {
      padding-bottom: .5rem;
      font-size: 1rem; } }
.cart-shipping {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  color: #231f1a;
  padding-top: .75rem;
  text-align: center; }
@media (max-width: 640px) {
    .cart-shipping {
      padding-top: .5rem;
      font-size: .875rem; } }
#cart-app .detail-select {
  right: -0.875rem; }
#cart-app .msrp-toggle.inner {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
@media (min-width: 641px) {
    #cart-app .msrp-toggle.inner {
      transform: translateX(0.125rem);
      width: calc(100% + 1rem); } }
#cart-app .msrp-toggle.inner .content-group {
    margin: 0 0 0.5rem 0; }
#cart-app .msrp-toggle.inner .content-group .body {
      padding-left: 0;
      padding-right: 0.75rem; }
#cart-app .msrp-toggle.inner .toggle-columns {
    padding-right: 0; }
#cart-app .msrp-toggle .msrp-toggle-button {
  padding-right: 0; }
#cart-app .msrp-toggle .msrp-toggle-button label {
    margin-right: .75rem; }
#cart-app .msrp-toggle .title {
  font-size: 1rem; }
#cart-app .msrp-toggle .discount-text {
  font-size: 1rem;
  padding-right: 1rem; }
@media (max-width: 840px) {
  #cart-app .quote-item-block .image-holder {
    display: inline-block;
    vertical-align: top; } }
#cart-app .quote-item-block .item-details-select {
  padding-left: 0.75rem; }
@media (min-width: 841px) {
    #cart-app .quote-item-block .item-details-select {
      width: 100%;
      padding-left: 7.125rem;
      top: 42%; } }
@media (max-width: 840px) {
    #cart-app .quote-item-block .item-details-select {
      display: inline-block; } }
#cart-app .quote-item-block.gift-card .remove {
  display: none; }
#cart-app .quote-item-block.gift-card .gift-card-image {
  height: 6rem;
  width: 6rem;
  transform: none; }
#cart-app .quote-item-block.gift-card .gift-card-image img {
    transform: none; }
@media (max-width: 840px) {
    #cart-app .quote-item-block.gift-card .gift-card-image {
      height: 5rem;
      width: 5rem; } }
#cart-app .quote-item-block.gift-card .content {
  margin-left: 1.2rem;
  width: calc(100% - 96px - 1.2rem); }
@media (max-width: 840px) {
    #cart-app .quote-item-block.gift-card .content {
      width: calc(100% - 80px - 1.2rem); } }
.cart-items {
  width: 100%; }
.cart-items .cart-item:nth-child(1) {
    border-top: solid 1px #e4e0db; }
.cart-items .cart-item {
    border-bottom: solid 1px #e4e0db;
    padding: 1rem; }
@media (max-width: 840px) {
      .cart-items .cart-item {
        height: auto; } }
@media (max-width: 640px) {
      .cart-items .cart-item {
        padding: 0.75rem 0; } }
.cart-items .cart-item .quote-item-block {
      position: relative;
      width: 90%;
      display: inline-block;
      padding-bottom: 0.125rem; }
.cart-items .cart-item .quote-item-block img {
        float: left;
        height: 80px;
        z-index: 1; }
@media (min-width: 841px) {
          .cart-items .cart-item .quote-item-block img {
            height: 96px; } }
.cart-items .cart-item .quote-item-block .item-details {
        float: left;
        max-width: 300px; }
@media (max-width: 840px) {
          .cart-items .cart-item .quote-item-block .item-details {
            float: none;
            display: block;
            max-width: 180px;
            margin-bottom: 8px; } }
@media (max-width: 440px) {
          .cart-items .cart-item .quote-item-block .item-details {
            max-width: 160px; } }
.cart-items .cart-item .quote-item-block .item-details .item-name {
          color: #231f1a;
          font-family: "FFTisaWebBold", sans-serif;
          font-size: 1rem;
          line-height: 1.25rem;
          letter-spacing: 0;
          font-weight: normal;
          font-style: normal; }
@media (max-width: 640px) {
            .cart-items .cart-item .quote-item-block .item-details .item-name {
              font-size: 0.875rem;
              line-height: 1rem; } }
.cart-items .cart-item .quote-item-block .item-details .item-size {
          font-size: .9rem; }
.cart-items .cart-item .quote-item-block .item-details .item-price-qty {
          color: #706c68;
          font-size: 1rem;
          letter-spacing: 0.0375rem;
          line-height: 1.25rem;
          font-weight: normal;
          font-style: normal; }
@media (max-width: 640px) {
            .cart-items .cart-item .quote-item-block .item-details .item-price-qty {
              font-size: 0.875rem;
              line-height: 1.125rem; } }
.cart-items .cart-item .quote-item-block .item-details .item-price-qty span {
            padding-right: 0.25rem; }
.cart-items .cart-item .quote-item-block .item-details .item-price-qty .item-price {
            color: #706c68;
            font-size: 1rem;
            letter-spacing: 0.0375rem;
            line-height: 1.25rem;
            font-weight: normal;
            font-style: normal;
            font-family: "Larsseit-Bold", sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #45b49f; }
@media (max-width: 640px) {
              .cart-items .cart-item .quote-item-block .item-details .item-price-qty .item-price {
                font-size: 0.875rem;
                line-height: 1.125rem; } }
.cart-items .cart-item .quote-item-block .item-details .item-price-qty .item-savings {
            font-family: "Larsseit-Bold", sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #45b49f; }
.cart-items .cart-item .quote-item-block .item-details .item-price-qty .item-regular-price {
            text-decoration: line-through; }
@media (min-width: 841px) {
      .cart-items .cart-item .detail-select {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 0; } }
@media (max-width: 840px) {
      .cart-items .cart-item .detail-select {
        position: relative;
        display: block;
        margin-top: 0.25rem; } }
.cart-items .cart-item .detail-select .select-item-qty {
      border: none;
      height: 3rem;
      width: 6rem;
      position: absolute;
      z-index: 1;
      opacity: 0; }
.cart-items .cart-item .detail-select .select-item-qty:hover {
        cursor: pointer; }
.cart-items .cart-item .cart-item-qty {
      width: 6rem;
      height: 3rem;
      border-radius: 3px;
      border: solid 1px #e4e0db;
      z-index: 0; }
.cart-items .cart-item .cart-item-qty .item-qty {
        float: left;
        margin: 0.625rem 0 0 1.5625rem; }
.cart-items .cart-item .cart-item-qty .select-arrow {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 4.777759280839021% 3.9726533628972653%;
        width: 14px;
        height: 10px;
        float: left;
        margin: 1.25rem 0 0 1.5rem; }
.cart-items .cart-item .cart-item-qty .select-arrow:hover {
          cursor: pointer; }
.cart-items .cart-item .cancel-item {
      float: right;
      display: inline-block; }
.cart-items .cart-item .cancel-item:hover {
        cursor: pointer; }
.cart-items .cart-item .presale-notice {
      font-size: 1rem;
      line-height: 1.3rem; }
.price-summary {
  padding: 1.25rem; }
@media (max-width: 640px) {
    .price-summary {
      padding: 1.25rem .5rem 9rem .5rem;
      margin: 0 auto; } }
.price-summary .price-summary-items {
    line-height: 1.25rem; }
.price-summary .price-summary-items::after {
      background: #b7b4b0;
      content: '';
      display: block;
      height: 1px;
      margin: 0.5rem 0;
      width: 100%; }
.price-summary .price-summary-items .row {
      padding: 0.5rem 0; }
.price-summary .price-summary-items .row:last-child {
        padding-bottom: 0; }
.price-summary .row span:last-child {
    text-align: right; }
.price-summary .row div:not(.sub-switcher-item-name) {
    text-align: right;
    padding-left: 0; }
.price-summary .price-text {
    line-height: 1.25rem; }
.price-summary .grand-total {
    color: #231f1a;
    font-size: 1.625rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-top: -2px; }
.price-summary .price-summary-price-disclaimer {
    color: #706c68;
    font-family: "Larsseit", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.03125rem;
    line-height: 0.875rem;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    text-align: right;
    margin-top: .25rem;
    font-weight: normal; }
.price-summary .discount-info {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 28.626144879267276% 36.224112426035504%;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 3px; }
.price-summary .msrp-toggle.inner {
    background-color: #f5f3f0; }
.price-summary .msrp-toggle.inner .msrp-toggle-button.columns {
      padding-left: .75rem; }
.price-summary .msrp-toggle.inner .body {
      padding-left: 2rem; }
.price-summary .msrp-toggle.inner .discount-text {
      font-size: 1rem; }
.price-summary .msrp-toggle .title {
    color: #45b49f; }
.price-summary .msrp-toggle .msrp-toggle-button {
    padding-right: 0.375rem; }
.price-summary .msrp-toggle .content {
    display: inline-block;
    text-align: left; }
.price-summary .msrp-toggle .discount-text {
    float: right; }
.price-summary .msrp-toggle .body {
    text-align: left; }
.discount-info-tooltip-content {
  max-width: 14rem; }
.price-summary.v2 .orange {
  color: #45b49f; }
.price-summary.v2 .total-disclaimer {
  color: #706c68;
  font-family: "Larsseit", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  line-height: 0.875rem;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-align: right;
  margin-top: .25rem;
  font-weight: normal; }
.price-summary.v2 hr {
  border-top: 1px;
  border-color: #b7b4b0; }
.price-summary.v2 div.item-disclaimer {
  color: #706c68;
  font-family: "Larsseit", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  line-height: 0.875rem;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  margin-top: -5px;
  font-weight: normal; }
.price-summary.v2 .info-tooltip {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 28.626144879267276% 36.224112426035504%;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 3px;
  left: 4px; }
.info-tooltip-content {
  max-width: 20rem; }
.info-tooltip-content .tooltip-title {
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.progressbar-container {
  height: 8px;
  background-color: #f9bfa0;
  box-shadow: 0 0 1px gray; }
.progressbar-container .progressbar {
    background-color: #ef5e12;
    height: 100%;
    transition: width 1s ease-in-out; }
/* Base class for a translucent gray background */
.nb-tooltip {
  /* Tooltip distance with trigger */
  /* Tooltip arrow color */
  position: absolute;
  z-index: 9999;
  display: block;
  visibility: visible;
  /* Wrapper for the tooltip content */
  /* Arrow setup and placement */ }
.nb-tooltip-hidden {
    display: none; }
.nb-tooltip-inner {
    background-color: rgba(36, 35, 52, 0.9);
    border-radius: 3px;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem;
    min-height: 34px; }
.nb-tooltip-placement-top, .nb-tooltip-placement-topLeft, .nb-tooltip-placement-topRight {
    padding: 10px 0 14px 0; }
.nb-tooltip-placement-right, .nb-tooltip-placement-rightTop, .nb-tooltip-placement-rightBottom {
    padding: 0 10px 0 14px; }
.nb-tooltip-placement-bottom, .nb-tooltip-placement-bottomLeft, .nb-tooltip-placement-bottomRight {
    padding: 14px 0 10px 0; }
.nb-tooltip-placement-left, .nb-tooltip-placement-leftTop, .nb-tooltip-placement-leftBottom {
    padding: 0 14px 0 10px; }
.nb-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 10000; }
.nb-tooltip-placement-top .nb-tooltip-arrow,
  .nb-tooltip-placement-topLeft .nb-tooltip-arrow,
  .nb-tooltip-placement-topRight .nb-tooltip-arrow {
    bottom: 4px;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: rgba(36, 35, 52, 0.9); }
.nb-tooltip-placement-top .nb-tooltip-arrow {
    left: 50%; }
.nb-tooltip-placement-topLeft .nb-tooltip-arrow {
    left: 15%; }
.nb-tooltip-placement-topRight .nb-tooltip-arrow {
    right: 15%; }
.nb-tooltip-placement-right .nb-tooltip-arrow,
  .nb-tooltip-placement-rightTop .nb-tooltip-arrow,
  .nb-tooltip-placement-rightBottom .nb-tooltip-arrow {
    left: 4px;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: rgba(36, 35, 52, 0.9); }
.nb-tooltip-placement-right .nb-tooltip-arrow {
    top: 50%; }
.nb-tooltip-placement-rightTop .nb-tooltip-arrow {
    top: 15%;
    margin-top: 0; }
.nb-tooltip-placement-rightBottom .nb-tooltip-arrow {
    bottom: 15%; }
.nb-tooltip-placement-left .nb-tooltip-arrow,
  .nb-tooltip-placement-leftTop .nb-tooltip-arrow,
  .nb-tooltip-placement-leftBottom .nb-tooltip-arrow {
    right: 4px;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: rgba(36, 35, 52, 0.9); }
.nb-tooltip-placement-left .nb-tooltip-arrow {
    top: 50%; }
.nb-tooltip-placement-leftTop .nb-tooltip-arrow {
    top: 15%;
    margin-top: 0; }
.nb-tooltip-placement-leftBottom .nb-tooltip-arrow {
    bottom: 15%; }
.nb-tooltip-placement-bottom .nb-tooltip-arrow,
  .nb-tooltip-placement-bottomLeft .nb-tooltip-arrow,
  .nb-tooltip-placement-bottomRight .nb-tooltip-arrow {
    top: 4px;
    margin-left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: rgba(36, 35, 52, 0.9); }
.nb-tooltip-placement-bottom .nb-tooltip-arrow {
    left: 50%; }
.nb-tooltip-placement-bottomLeft .nb-tooltip-arrow {
    left: 15%; }
.nb-tooltip-placement-bottomRight .nb-tooltip-arrow {
    right: 15%; }
/* Base class for a white background */
.nb-tooltip-white {
  /* Tooltip distance with trigger */
  /* Tooltip arrow color */
  position: absolute;
  z-index: 9999;
  display: block;
  visibility: visible;
  /* Wrapper for the tooltip content */
  /* Arrow setup and placement */ }
.nb-tooltip-white-hidden {
    display: none; }
.nb-tooltip-white-inner {
    background-color: white;
    border-radius: 3px;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem;
    min-height: 34px; }
.nb-tooltip-white-placement-top, .nb-tooltip-white-placement-topLeft, .nb-tooltip-white-placement-topRight {
    padding: 10px 0 14px 0; }
.nb-tooltip-white-placement-right, .nb-tooltip-white-placement-rightTop, .nb-tooltip-white-placement-rightBottom {
    padding: 0 10px 0 14px; }
.nb-tooltip-white-placement-bottom, .nb-tooltip-white-placement-bottomLeft, .nb-tooltip-white-placement-bottomRight {
    padding: 14px 0 10px 0; }
.nb-tooltip-white-placement-left, .nb-tooltip-white-placement-leftTop, .nb-tooltip-white-placement-leftBottom {
    padding: 0 14px 0 10px; }
.nb-tooltip-white-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 10000; }
.nb-tooltip-white-placement-top .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-topLeft .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-topRight .nb-tooltip-white-arrow {
    bottom: 4px;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: white; }
.nb-tooltip-white-placement-top .nb-tooltip-white-arrow {
    left: 50%; }
.nb-tooltip-white-placement-topLeft .nb-tooltip-white-arrow {
    left: 15%; }
.nb-tooltip-white-placement-topRight .nb-tooltip-white-arrow {
    right: 15%; }
.nb-tooltip-white-placement-right .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-rightTop .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-rightBottom .nb-tooltip-white-arrow {
    left: 4px;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: white; }
.nb-tooltip-white-placement-right .nb-tooltip-white-arrow {
    top: 50%; }
.nb-tooltip-white-placement-rightTop .nb-tooltip-white-arrow {
    top: 15%;
    margin-top: 0; }
.nb-tooltip-white-placement-rightBottom .nb-tooltip-white-arrow {
    bottom: 15%; }
.nb-tooltip-white-placement-left .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-leftTop .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-leftBottom .nb-tooltip-white-arrow {
    right: 4px;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: white; }
.nb-tooltip-white-placement-left .nb-tooltip-white-arrow {
    top: 50%; }
.nb-tooltip-white-placement-leftTop .nb-tooltip-white-arrow {
    top: 15%;
    margin-top: 0; }
.nb-tooltip-white-placement-leftBottom .nb-tooltip-white-arrow {
    bottom: 15%; }
.nb-tooltip-white-placement-bottom .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-bottomLeft .nb-tooltip-white-arrow,
  .nb-tooltip-white-placement-bottomRight .nb-tooltip-white-arrow {
    top: 4px;
    margin-left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: white; }
.nb-tooltip-white-placement-bottom .nb-tooltip-white-arrow {
    left: 50%; }
.nb-tooltip-white-placement-bottomLeft .nb-tooltip-white-arrow {
    left: 15%; }
.nb-tooltip-white-placement-bottomRight .nb-tooltip-white-arrow {
    right: 15%; }
.cart-notif-content {
  position: relative; }
.cart-notif-content .cart-notif-item img {
    position: absolute;
    height: 2.5rem;
    width: 2.5rem; }
.cart-notif-content .cart-notif-item .cart-notif-item-details {
    padding-left: 3rem;
    margin-right: 1rem;
    min-height: 2.5rem; }
.cart-notif-content .cart-notif-item .cart-notif-count {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif; }
@media (max-width: 640px) {
      .cart-notif-content .cart-notif-item .cart-notif-count {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.cart-notif-content .cart-notif-item .cart-notif-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1; }
.cart-notif-content .checkout-btn {
    margin-top: 0.5rem; }
.cart-notif-content .view-order {
    background-color: #f5f3f0;
    text-align: center;
    margin: -0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    font-size: 0.875rem; }
.cart-notif-content .upsell-snack-card {
    margin: -0.5rem;
    margin-top: 0.5rem; }
.cart-notif-content .upsell-snack-card .upsell-item-qty {
      margin-top: 0.25rem;
      margin-left: 0.5rem; }
.login-form {
  max-width: 250px; }
.login-form-container {
  width: 300px;
  margin: 10px auto 0; }
.login-form-container.referral, .login-form-container.create-account-referral {
    height: auto;
    width: 300px;
    background-color: #eae6e5; }
@media (max-width: 440px) {
      .login-form-container.referral, .login-form-container.create-account-referral {
        background-color: #fff;
        padding-bottom: 20px; } }
@media (min-width: 441px) and (max-width: 640px) {
      .login-form-container.referral, .login-form-container.create-account-referral {
        width: 300px; } }
.login-form-container.reset-password {
    margin: 0 auto; }
.login-form-container.reset-password .validation-error {
      margin-top: 0.25rem; }
.login-form-container .errors {
    color: #be302b;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    font-weight: normal;
    font-style: normal;
    margin: 0.5rem 0;
    width: 300px; }
.login-form-container .errors p {
      margin: 0; }
.login-form-container .header {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 9px; }
@media (max-width: 640px) {
      .login-form-container .header {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.login-form-container .header.referral {
      line-height: 1.6;
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      color: #231f1a;
      text-align: left;
      width: 300px;
      margin-top: 15px; }
@media (min-width: 441px) and (max-width: 640px) {
        .login-form-container .header.referral {
          width: 300px; } }
.login-form-container .subtitle {
    padding-top: 10px;
    margin: 0px;
    font-size: 80%; }
.login-form-container .row {
    width: 300px; }
.login-form-container .footer {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin: 26px 0 4px; }
.login-form-container .footer.with-error {
      margin: 2px 0 4px; }
.login-form-container .footer.with-email-notification {
      margin: 14px 0 4px; }
.login-form-container .email-error {
    width: 230px;
    color: #be302b;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    font-weight: normal;
    font-style: normal;
    margin-bottom: -14px; }
.login-form-container h2 {
    line-height: 1.1;
    text-align: left;
    margin: 0 auto; }
@media (max-width: 440px) {
      .login-form-container h2 {
        font-size: 24px;
        letter-spacing: 0.4px; } }
.login-form-container .form-group {
    margin-top: 18px; }
.login-form-container .how-did-you-hear {
    margin-top: 18px; }
.login-form-container .how-did-you-hear #howDidYouHearSelect {
      width: 300px; }
.login-form-container input {
    border: 1px solid #b7b4b0;
    border-radius: 3px;
    width: 300px;
    height: 48px;
    font-size: 18px;
    color: #231f1a; }
.login-form-container input#firstname {
      width: 146px;
      float: left;
      margin-right: 8px; }
.login-form-container input#lastname {
      width: 146px; }
.login-form-container input#password, .login-form-container input#passwordConfirm {
      letter-spacing: 2px; }
.login-form-container input#password::-moz-placeholder, .login-form-container input#passwordConfirm::-moz-placeholder {
        letter-spacing: 0px; }
.login-form-container input#password:-ms-input-placeholder, .login-form-container input#passwordConfirm:-ms-input-placeholder {
        letter-spacing: 0px; }
.login-form-container input#password::placeholder, .login-form-container input#passwordConfirm::placeholder {
        letter-spacing: 0px; }
.login-form-container .float-wrapper {
    float: left; }
.login-form-container .input-email.show-email-prompt {
    border-bottom: 3px solid #be302b; }
.login-form-container .input-email.show-email-prompt#email {
      margin-left: 0; }
.login-form-container .input-password-compact {
    margin-top: 4px; }
.login-form-container .validation-error, .login-form-container .validation-error.active {
    color: #be302b;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    font-weight: normal;
    font-style: normal; }
.login-form-container .input-email .validation-error.active {
    margin-bottom: -12px; }
.login-form-container button {
    margin: 16px 0 0 0;
    border-style: none;
    height: 48px; }
.login-form-container button.disabled {
      background-color: #f9bfa0; }
.login-form-container .login-options {
    text-align: center;
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    padding-top: 10px; }
.login-form-container .facebook-option {
    text-align: center; }
.login-form-container .magiclink-button.cta-secondary-color {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ef5e12;
    color: #ef5e12;
    margin-bottom: 10px;
    display: block;
    width: 100%; }
.login-form-container .magiclink-button.cta-secondary-color:focus, .login-form-container .magiclink-button.cta-secondary-color:hover {
      outline: none;
      background-color: #ef5e12; }
.login-form-container .magiclink-button.cta-secondary-color a {
      color: #fff; }
.login-form-container .magiclink-button.cta-secondary-color:focus, .login-form-container .magiclink-button.cta-secondary-color:hover {
      background-color: #fff;
      color: #ef5e12;
      outline: none; }
.login-form-container .magiclink-button.cta-secondary-color a {
      color: #ef5e12; }
.login-form-container .magiclink-desc {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.42;
    text-align: left; }
.reset-container {
  width: 20rem;
  margin: 0 auto; }
.reset-container .reset-header {
    margin: 0; }
.reset-container .reset-subheader {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    margin: 9px 0 16px 0;
    word-wrap: break-word;
    width: 18.75rem; }
@media (max-width: 640px) {
      .reset-container .reset-subheader {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.reset-container .contact-us {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 0.625rem; }
@media (max-width: 640px) {
      .reset-container .contact-us {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.reset-container .back-to-signin {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center;
    cursor: pointer;
    margin-top: 1rem;
    width: 10rem; }
.reset-container .back-to-signin:focus, .reset-container .back-to-signin:hover {
      outline: none;
      background-color: #ef5e12; }
.reset-container .back-to-signin a {
      color: #fff; }
.notification {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  top: 5.5rem;
  right: 0.5rem;
  padding: 0.5rem;
  text-align: left;
  width: 18.75rem;
  z-index: 9999; }
@media (max-width: 640px) {
    .notification {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
@media (min-width: 641px) {
    .notification {
      top: 7.25rem;
      right: 0.75rem; } }
.notification:not(.cart-notification) {
    border-bottom: 4px solid #ef5e12;
    padding: 1.125rem; }
.notification .close-icon-component {
    position: relative;
    z-index: 1; }
.notification p {
    margin: 0; }
.notification p.gray-dark {
    line-height: 1.375rem; }
.notification p.text-4 {
    margin-top: 1rem;
    line-height: 1.125rem; }
.notification .unlocked-promo {
    color: #45b49f;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.close-icon-component {
  float: right;
  cursor: pointer;
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 8.807858807858809% 8.559807727860973%;
  width: 16px;
  height: 16px; }
.close-icon-component.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 99; }
.close-icon-component.password-reminder {
    position: absolute;
    top: 25%;
    right: 2rem; }
.down-arrow-component {
  display: inline-block;
  cursor: pointer;
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 6.242716830364575% 5.948642157768336%;
  width: 14px;
  height: 8px;
  transform: rotate(180deg); }
.down-arrow-component.orange {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 6.537460900154234% 6.174893695692365%;
    width: 20.28px;
    height: 16px; }
.up-arrow-component {
  display: inline-block;
  cursor: pointer;
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 6.242716830364575% 5.948642157768336%;
  width: 14px;
  height: 8px; }
.up-arrow-component.orange {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 6.537460900154234% 6.174893695692365%;
    width: 20.28px;
    height: 16px; }
.info-icon {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 28.626144879267276% 36.224112426035504%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: .5rem;
  cursor: pointer; }
.set-password-notification {
  background: white;
  border-top: 3px solid #ef5e12;
  bottom: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  width: 100%;
  z-index: 2; }
.set-password-notification .set-password-notification-content {
    color: #231f1a;
    margin: 1.125rem 0;
    padding: 0 3rem;
    position: relative;
    text-align: center; }
.set-password-notification .set-password-notification-content .close-container {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      position: absolute;
      right: 2rem; }
.set-password-notification .set-password-notification-content .close-container .close-icon {
        vertical-align: middle; }
.set-password-notification .set-password-notification-content .close-container .close-icon g {
          fill: #b7b4b0; }
.facebook-button.cta {
  background-color: #4267b2;
  color: #fff;
  font-family: "Larsseit", sans-serif;
  margin: auto;
  width: 100%; }
.facebook-button::before {
  content: "";
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 17.78517901748543% 24.426775147928993%;
  width: 18px;
  height: 18px;
  margin-bottom: -3px;
  margin-right: 17px;
  display: inline-block; }
.msrp-price {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .msrp-price {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.msrp-price.unselected {
    text-decoration: line-through; }
.member-price {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  font-weight: normal;
  font-style: normal;
  color: #45b49f;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .member-price {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.member-price.unselected {
    text-decoration: line-through; }
.cart-preview .msrp-price {
  line-height: .75rem;
  font-size: .875rem; }
.cart-preview .member-price {
  font-size: .875rem;
  margin-bottom: -0.25rem; }
.msrp-toggle {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  display: inline-block; }
.msrp-toggle.inner.body {
    padding-left: 2.125rem; }
.msrp-toggle .body {
    color: #231f1a; }
.msrp-toggle .toggle-title {
    text-align: left; }
.msrp-toggle .toggle-title .title {
      position: relative;
      top: .125rem; }
.msrp-toggle.checked span::after {
    position: absolute;
    left: 0.1875rem;
    top: -0.125rem;
    content: '\2713';
    color: #231f1a; }
.msrp-toggle .msrp-toggle-button {
    width: 1.125rem;
    position: relative;
    height: 1.125rem; }
.msrp-toggle .msrp-toggle-button label {
      background: #fff;
      border: 1px solid #777;
      border-radius: 2px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      height: 1.125rem;
      width: 1.125rem;
      text-align: center;
      vertical-align: middle;
      margin-right: .5rem; }
.msrp-toggle .msrp-toggle-button input[type=checkbox] {
      visibility: hidden; }
.msrp-toggle.inner .columns.msrp-toggle-button {
    padding-left: .5rem;
    padding-top: 0.25rem; }
.msrp-toggle.inner .columns.content {
    text-align: left;
    padding-left: .75rem; }
.msrp-toggle.inner .columns.content .body {
      text-align: left;
      letter-spacing: normal; }
.msrp-toggle .crossed-out {
    color: #b7b4b0;
    text-decoration: line-through; }
.msrp-learn-more-modal, .about-membership-content-modal {
  padding-bottom: 3.125rem; }
.msrp-learn-more-modal .perks-header, .about-membership-content-modal .perks-header {
    text-align: center;
    margin-bottom: 3rem;
    text-transform: uppercase;
    letter-spacing: .07rem; }
@media (min-width: 441px) {
    .msrp-learn-more-modal, .about-membership-content-modal {
      width: 30.75rem; } }
.msrp-learn-more-modal .benefit-row, .about-membership-content-modal .benefit-row {
    display: flex;
    justify-content: space-between; }
.msrp-learn-more-modal .benefit-row > div, .about-membership-content-modal .benefit-row > div {
      flex: 1; }
@media (max-width: 640px) {
      .msrp-learn-more-modal .benefit-row, .about-membership-content-modal .benefit-row {
        flex-direction: column; }
        .msrp-learn-more-modal .benefit-row > div, .about-membership-content-modal .benefit-row > div {
          max-width: 20rem;
          margin: auto; } }
.msrp-learn-more-modal .member-benefit-first, .about-membership-content-modal .member-benefit-first {
    display: flex;
    margin-bottom: 2.5rem; }
.msrp-learn-more-modal .member-benefit-first .left, .about-membership-content-modal .member-benefit-first .left {
      margin-right: 2rem; }
.msrp-learn-more-modal .member-benefit-first .left img, .about-membership-content-modal .member-benefit-first .left img {
        width: 15rem; }
.msrp-learn-more-modal .member-benefit-first .right .first-title, .about-membership-content-modal .member-benefit-first .right .first-title {
      text-align: center; }
.msrp-learn-more-modal .checkmark, .about-membership-content-modal .checkmark {
    color: #ef5e12;
    width: 10%; }
.msrp-learn-more-modal .benefit, .about-membership-content-modal .benefit {
    vertical-align: top;
    display: inline-block;
    width: 90%;
    padding-left: 0.875rem; }
.msrp-learn-more-modal .member-benefit-list, .about-membership-content-modal .member-benefit-list {
    margin-bottom: 1.25rem; }
.msrp-learn-more-modal .member-benefit-list.top, .about-membership-content-modal .member-benefit-list.top {
      border-bottom: 0.0625rem solid #b7b4b0;
      margin-bottom: 1.625rem;
      padding-bottom: 0; }
.msrp-learn-more-modal .member-benefit-list .membership-perk, .about-membership-content-modal .member-benefit-list .membership-perk {
      text-align: center;
      margin-bottom: 1.875rem; }
.msrp-learn-more-modal .member-benefit-list .membership-perk .icon, .about-membership-content-modal .member-benefit-list .membership-perk .icon {
        margin: 0 auto;
        margin-bottom: 0.5rem;
        width: 5rem; }
.msrp-learn-more-modal .member-benefit-list .membership-perk .icon.monthly-credit, .about-membership-content-modal .member-benefit-list .membership-perk .icon.monthly-credit {
          width: 4rem; }
.msrp-learn-more-modal .member-benefit-list .membership-perk .icon.free-shipping, .about-membership-content-modal .member-benefit-list .membership-perk .icon.free-shipping {
          width: 6rem; }
.msrp-learn-more-modal .member-benefit-list .question, .about-membership-content-modal .member-benefit-list .question {
      text-align: center; }
.msrp-learn-more-modal .member-benefit-list .description, .about-membership-content-modal .member-benefit-list .description {
      text-align: center; }
.msrp-learn-more-modal .cta, .about-membership-content-modal .cta {
    display: block;
    margin: 0 auto; }
.catalog-content .discount-info-container {
  background-color: #f5f3f0;
  padding: 1rem;
  margin-top: -2.25rem; }
@media (max-width: 840px) {
    .catalog-content .discount-info-container {
      display: none; } }
.catalog-content .member-discount-info .title {
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal; }
.catalog-content .member-discount-info .learn-more {
  display: block; }
.magiclink-form .magiclink-desc {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.42;
  margin-bottom: 0.625rem; }
.magiclink-form input#email {
  background-color: #fff;
  border: 1px solid #c0bcbc;
  border-radius: 3px;
  color: #231f1a;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  height: 48px;
  padding: 0.25rem 0.625rem 0 0.625rem;
  display: block;
  width: 100%;
  margin-bottom: 0.3125rem; }
.magiclink-form input#email::-moz-placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.magiclink-form input#email:-ms-input-placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.magiclink-form input#email::placeholder {
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    color: #706c68;
    letter-spacing: 0.03125rem; }
.magiclink-form input#email-submit {
  width: 100%; }
.magiclink-form .back-to-signin {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  display: block;
  margin-top: 16px;
  width: 100%;
  color: #fff; }
.magiclink-form .back-to-signin:hover, .magiclink-form .back-to-signin:focus {
    cursor: pointer; }
.upsell-snack-card {
  background: #f5f3f0;
  padding: 0.5rem; }
.upsell-snack-card .upsell-tagline {
    color: #4474b5;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 0.5rem; }
.upsell-snack-card .upsell-snack-img {
    float: left;
    width: 5rem; }
.upsell-snack-card .upsell-snack-info {
    float: left;
    padding-left: 0.5rem;
    width: calc(100% - 5rem); }
.upsell-snack-card .upsell-snack-info h1 {
      font-size: 1rem;
      line-height: 1.3;
      margin: 0.25rem 0 0; }
.upsell-snack-card .upsell-snack-info .size-price {
      line-height: 1;
      margin: 0.25rem 0; }
.upsell-snack-card .upsell-snack-info .size-price .size-container {
        color: #777;
        display: inline;
        font-size: 0.875rem;
        margin-left: 0.5rem; }
.upsell-snack-card .upsell-snack-info .size-price .prices-container {
        float: left; }
.upsell-snack-card .upsell-snack-info .size-price .prices-container.has-savings {
          margin-bottom: 2.125rem; }
.upsell-snack-card .upsell-snack-info .size-price .prices-container.has-savings .savings-container {
            margin-top: 0.5rem;
            position: absolute; }
.upsell-snack-card .upsell-snack-info .size-price .prices-container.has-savings .savings-container .discount-price, .upsell-snack-card .upsell-snack-info .size-price .prices-container.has-savings .savings-container .savings {
              color: #4474b5;
              font-family: "Larsseit-Bold", sans-serif;
              font-weight: normal;
              font-style: normal; }
.upsell-snack-card .upsell-snack-info .size-price .prices-container:not(.has-savings) .price {
          font-size: 0.875rem; }
.upsell-snack-card .upsell-snack-info .size-price .regular-price {
        font-size: 0.875rem;
        line-height: 1;
        text-decoration: line-through; }
.upsell-snack-card .upsell-snack-info .size-price .discount-price {
        line-height: 1; }
.upsell-snack-card .upsell-item-qty {
    display: inline-block;
    margin-top: 0.5rem;
    position: relative; }
.upsell-snack-card .upsell-item-qty .select-item-qty {
      cursor: pointer;
      height: 3rem;
      opacity: 0;
      position: absolute; }
.upsell-snack-card .upsell-item-qty button {
      background-color: #ef5e12;
      border: none;
      border-radius: 0.1875rem;
      color: #fff;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      height: 3rem;
      line-height: 1;
      min-width: 6.25rem;
      padding: 1rem 0;
      text-align: center; }
.upsell-snack-card .upsell-item-qty button:focus, .upsell-snack-card .upsell-item-qty button:hover {
        outline: none;
        background-color: #ef5e12; }
.upsell-snack-card .upsell-item-qty button a {
        color: #fff; }
.gift-modal {
  font-size: 1rem;
  padding: 1.75rem; }
.gift-modal h2 {
    margin: 0 0 0.5rem 0; }
.gift-modal p {
    line-height: 1.5; }
.gift-modal .gift-notification-snack {
    margin: 1.5rem 0; }
.gift-modal .gift-notification-snack .gift-notification-snack-img {
      width: 2.5rem; }
.gift-modal .gift-notification-snack .gift-notification-snack-name {
      margin-left: 1rem; }
.gift-modal [class^="cta"] {
    cursor: pointer;
    display: block;
    margin: 0.5rem 0; }
.gift-modal .cta-secondary {
    border-color: #ef5e12;
    color: #ef5e12; }
.gift-modal .gift-notification-help {
    color: #706c68;
    font-size: 0.75rem; }
.gift-modal .gift-notification-help .chat {
      color: #706c68;
      text-decoration: underline; }
.catalog-content {
  max-width: 1280px;
  margin: 0 auto;
  position: relative; }
.catalog-content.columns {
    float: right; }
.catalog-content .catalog-content-header {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1rem;
    padding-left: 12px; }
@media (max-width: 640px) {
      .catalog-content .catalog-content-header {
        padding-left: 0.4rem;
        padding-right: 0.4rem; } }
.catalog-content .row {
    margin-top: -24px; }
.catalog-content .other-categories .row {
    margin-top: 0; }
.catalog-content .black-friday-banner {
    margin-bottom: 30px; }
.catalog-content .testimonials-container {
    margin: 40px 0; }
@media (max-width: 640px) {
      .catalog-content .testimonials-container {
        display: none; } }
.catalog-row {
  position: relative;
  min-height: 705px; }
.catalog-row .filters-section {
    top: 0; }
.categories-slider-catalog-page {
  padding-top: 0 !important; }
.delighted-testimonials .testimonial-container {
  margin-bottom: 40px;
  padding: 1rem;
  border-radius: 2px;
  box-shadow: 0 0 3px #b7b4b0;
  transition: box-shadow .75s ease; }
.delighted-testimonials .testimonial-container:hover {
    box-shadow: 0 0 6px #b7b4b0; }
.delighted-testimonials .testimonial-container:last-child {
    margin-bottom: 0; }
.delighted-testimonials .testimonial-container .quotation-mark-container {
    margin-bottom: 20px; }
.delighted-testimonials .testimonial-container .quotation-mark-container .quotation-mark-icon {
      font-size: 100%;
      color: #ef5e12; }
.delighted-testimonials .testimonial-container .testimonial-text {
    margin-bottom: 20px;
    font-family: "FFTisaWeb", sans-serif;
    color: #706c68; }
.delighted-testimonials .testimonial-container .testimonial-author {
    font-weight: bold;
    font-family: "FFTisaWeb", sans-serif; }
.category-content {
  padding-bottom: 1.125rem;
  position: relative;
  margin-top: 0; }
.category-content .category-header {
    border: none; }
.category-content .checkout-btn {
    background: #fff;
    border: 1px solid #ef5e12;
    color: #ef5e12;
    float: right;
    height: 3rem;
    margin-left: 0.5rem;
    width: calc(50% - 0.25rem); }
.category-content .filter-button-container-mobile {
    overflow: auto; }
.category-content .category-filter-dropdown-sticky-wrapper {
    top: 6.5rem;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; }
.category-content .category-filter-dropdown-sticky-wrapper.sticky {
      z-index: initial; }
.category-content .category-filter-dropdown-sticky-wrapper.sticky .sticky-content {
        width: 25%;
        padding-left: 0.75rem;
        padding-right: 0.75rem; }
.category-content .sticky.category-btn-sticky-wrapper {
    margin: 0 0.5rem; }
.category-wrapper {
  position: relative; }
@media (max-width: 640px) {
    .category-wrapper {
      overflow: hidden; } }
.category-wrapper .catalog-content {
    position: static; }
.next-category-btn-container {
  overflow: hidden;
  height: 62px;
  position: relative;
  left: calc(100% + 1.125rem);
  transform: translateX(-100%);
  right: 0;
  width: 350px;
  max-width: calc(100vw - 1.125rem); }
.next-category-btn {
  background: #fff;
  border: 1px solid #e4e0db;
  border-right: 0;
  height: 62px;
  position: absolute;
  width: 100%; }
.next-category-btn a {
    color: #231f1a;
    display: block;
    font-size: 13px;
    height: 62px; }
.next-category-btn .next-category-name {
    font-size: 18px;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.next-category-btn .next-category-img {
    float: left; }
.next-category-btn .next-category-text {
    position: relative;
    padding: 0.5rem;
    padding-left: 1rem;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    width: auto; }
.next-category-btn .next-category-text > *:first-child {
      color: #706c68; }
.next-category-btn-enter {
  right: -350px; }
.next-category-btn-enter.next-category-btn-enter-active {
  right: 0;
  transition: right 250ms ease-out; }
.next-category-btn-leave {
  right: 0; }
.next-category-btn-leave.next-category-btn-leave-active {
  right: -350px;
  transition: right 250ms ease-out; }
div.quick-view {
  display: inline-block;
  width: 560px;
  height: 285px;
  vertical-align: top;
  font-family: "Larsseit", sans-serif, sans-serif;
  font-size: 1rem;
  overflow: hidden;
  overflow-x: hidden;
  background-image: url(/assets/img/thank_you_desktop_swpchk@2x-5a9781734ab29bf923db8efaae87adf3.jpg) !important; }
@media (max-width: 840px) {
    div.quick-view {
      color: #fff;
      height: 390px;
      background-size: 800px !important;
      background-position-x: center !important;
      background-color: #015e80 !important;
      background-image: url(/assets/img/thank_you_mobile_swpchk@2x-f21a630f808dfe386a6479a85f3f950d.jpg) !important;
      background-repeat: no-repeat !important; } }
div.quick-view .inner-positioner {
    position: absolute;
    right: 1rem; }
@media (max-width: 840px) {
      div.quick-view .inner-positioner {
        right: 0.5rem; } }
div.quick-view .success-title {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-family: "Larsseit", sans-serif, sans-serif; }
div.quick-view .success-title .success-title-underline {
      border-bottom: 2px solid #45b49f; }
@media (max-width: 840px) {
      div.quick-view .success-title {
        margin-top: 120px;
        text-align: center; } }
div.quick-view .ctaglove button {
    font-family: "Larsseit", sans-serif, sans-serif;
    background-color: #45b49f;
    border-radius: 3px;
    margin-top: 1rem;
    text-align: center; }
div.quick-view .success-para {
    margin-bottom: 0.5rem; }
div.quick-view .icon-close.checkout-success {
    right: 0;
    color: #fff; }
.other-categories-header {
  margin: 24px 0 16px 0; }
.category-card-name {
  color: #231f1a;
  font-family: "FFTisaWebBold", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
  margin-top: 8px; }
@media (max-width: 640px) {
    .category-card-name {
      font-size: 0.875rem;
      line-height: 1rem; } }
.category-banner {
  background-size: cover;
  background-position: center;
  height: 300px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100vw; }
@media (max-width: 640px) {
    .category-banner {
      height: 170px; } }
.category-banner.m-all-products {
    background-image: url(/assets/img/all_1320x510-640b5f19b8c7719a274396a3ff8849ba.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-all-products {
        background-image: url(/assets/img/all_1920x510-17a0c2685312f32d64767d9e682da936.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-all-products {
        background-image: url(/assets/img/all_2560x600-6d6db79ea4710072b6d65acd9a4400db.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-all-products {
        background-image: url(/assets/img/all_3840x600-0459f194ca7ea0e83d04b8483e4c6b62.jpg); } }
.category-banner.m-new-this-month {
    background-image: url(/assets/img/new_1320x510-1e2c8e15c5aecde106cbd5e509cafc38.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-new-this-month {
        background-image: url(/assets/img/new_1920x510-d1feef5b279542bcc952535f67719d2b.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-new-this-month {
        background-image: url(/assets/img/new_2560x600-e86a16eb2e30124ed1cbbb339da92e4d.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-new-this-month {
        background-image: url(/assets/img/new_3840x600-7ebc38c097acb3d34728f66256c664c3.jpg); } }
.category-banner.m-jerky {
    background-image: url(/assets/img/jerky_1320x510-fbca3f3f6ebec44954e668130ad79ff4.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-jerky {
        background-image: url(/assets/img/jerky_1920x510-35afec88211f464e9b02d245f053cb76.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-jerky {
        background-image: url(/assets/img/jerky_2560x600-26ccfaa878476d71abd42f685b996617.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-jerky {
        background-image: url(/assets/img/jerky_3840x600-cc8155193a4f7d279f8e2b3ad1be71cf.jpg); } }
.category-banner.m-baked-treats {
    background-image: url(/assets/img/baked-treats_1320x510-d5cfd6aa08b7bd283e362b11666f9b40.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-baked-treats {
        background-image: url(/assets/img/baked-treats_1920x510-48a755122e15cbc37d349e77dba0cc7a.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-baked-treats {
        background-image: url(/assets/img/baked-treats_2560x600-48e879f586f785e215f5d0f4bc2346a6.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-baked-treats {
        background-image: url(/assets/img/baked-treats_3840x600-cbf2ddfc0afcc31f4097e3c223a4a5d8.jpg); } }
.category-banner.m-try-a-sample {
    background-image: url(/assets/img/single-serve_1320x510-0680d9a94c6c6a6d7003bd0d0bc63599.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-try-a-sample {
        background-image: url(/assets/img/single-serve_1920x510-5d3e78c3b133b09d0c3889043ccc15f3.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-try-a-sample {
        background-image: url(/assets/img/single-serve_2560x600-75166ae89976e108b0f3a86ac0b8aec0.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-try-a-sample {
        background-image: url(/assets/img/single-serve_3840x600-215f669075a786f8c63a9a2f86f3e70e.jpg); } }
.category-banner.m-nuts-seeds-nutmixes {
    background-image: url(/assets/img/nuts-seeds_1320x510-65652dafdfd6cf5928e5e6ad45b27289.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-nuts-seeds-nutmixes {
        background-image: url(/assets/img/nuts-seeds_1920x510-796db66ed175b37a1bdb239c8942785f.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-nuts-seeds-nutmixes {
        background-image: url(/assets/img/nuts-seeds_2560x600-431687e93b9eebce0d773d925667acf8.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-nuts-seeds-nutmixes {
        background-image: url(/assets/img/nuts-seeds_3840x600-73f49ccbffd6f2bd4098eec9942d366d.jpg); } }
.category-banner.m-chips-pretzels-popcorn {
    background-image: url(/assets/img/chip-pretzels_1320x510-72054cda26f469dae215f791b3bfed53.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-chips-pretzels-popcorn {
        background-image: url(/assets/img/chip-pretzels_1920x510-3b74492a686a7aab1eb259f6b36d2f81.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-chips-pretzels-popcorn {
        background-image: url(/assets/img/chip-pretzels_2560x600-ae2bba9703b3c013b67b70ba210d5f24.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-chips-pretzels-popcorn {
        background-image: url(/assets/img/chip-pretzels_3840x600-831d0d8fb39a11f3f8e9500533189692.jpg); } }
.category-banner.m-dried-fruit-fruit-chews {
    background-image: url(/assets/img/dried-fruit_1320x510-f50e5a5f9fb100ee004a0c1d7369da11.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-dried-fruit-fruit-chews {
        background-image: url(/assets/img/dried-fruit_1920x510-7d5cf957444d86b85b068849f1e98cef.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-dried-fruit-fruit-chews {
        background-image: url(/assets/img/dried-fruit_2560x600-dfe52acd19570c2dfefca1a6c5453838.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-dried-fruit-fruit-chews {
        background-image: url(/assets/img/dried-fruit_3840x600-f7d43bb397c612416e2c8a5cb2d860a5.jpg); } }
.category-banner.m-breakfast-bars {
    background-image: url(/assets/img/bars-clusters_1320x510-442bab662a756a621a2e96e2547fcaef.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-breakfast-bars {
        background-image: url(/assets/img/bars-clusters_1920x510-5f65ea437f5a7d97e143fd12c41635a7.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-breakfast-bars {
        background-image: url(/assets/img/bars-clusters_2560x600-7a4307f19375668632d097b58dd3a797.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-breakfast-bars {
        background-image: url(/assets/img/bars-clusters_3840x600-c454140dfe198784d2291b6cb485103d.jpg); } }
.category-banner.m-buy-by-the-pound {
    background-image: url(/assets/img/by-the-pound_1320x510-c5e88f70e4aadc730cf411610ad29067.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-buy-by-the-pound {
        background-image: url(/assets/img/by-the-pound_1920x510-22957b3ac474bed59500a4d38d8458c2.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-buy-by-the-pound {
        background-image: url(/assets/img/by-the-pound_2560x600-eca7b26dc5613cd915974582e331558e.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-buy-by-the-pound {
        background-image: url(/assets/img/by-the-pound_3840x600-a13982dae490d4be2d66b8885f095a38.jpg); } }
.category-banner.m-best-sellers {
    background-image: url(/assets/img/best-sellers_1320x510-f4c03f6f81caff5e306617a02ada23bb.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-best-sellers {
        background-image: url(/assets/img/best-sellers_1920x510-816fcb859fbc03871c908c7bc3ed993b.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-best-sellers {
        background-image: url(/assets/img/best-sellers_2560x600-2528681b2a2ad21f1c20ea92b8f2ec7d.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-best-sellers {
        background-image: url(/assets/img/best-sellers_3840x600-186dae0bbd83a0aca9f3178d68266c96.jpg); } }
.category-banner.m-single-serve {
    background-image: url(/assets/img/single-serve_1320x510-0680d9a94c6c6a6d7003bd0d0bc63599.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-single-serve {
        background-image: url(/assets/img/single-serve_1920x510-5d3e78c3b133b09d0c3889043ccc15f3.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-single-serve {
        background-image: url(/assets/img/single-serve_2560x600-75166ae89976e108b0f3a86ac0b8aec0.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-single-serve {
        background-image: url(/assets/img/single-serve_3840x600-215f669075a786f8c63a9a2f86f3e70e.jpg); } }
.category-banner.m-sale {
    background-image: url(/assets/img/vday_1320x510-d53c3552a346d0092f191e29a62ed646.jpg); }
@media (min-width: 441px) and (max-width: 640px) {
      .category-banner.m-sale {
        background-image: url(/assets/img/vday_1920x510-4f23a5b1654b3a536f439e3d2e0fcc8d.jpg); } }
@media (min-width: 641px) {
      .category-banner.m-sale {
        background-image: url(/assets/img/vday_2560x600-8fa2feb9a9d73af03d92fc6cf40de290.jpg); } }
@media (min-width: 1281px) {
      .category-banner.m-sale {
        background-image: url(/assets/img/vday_3840x600-18297a3e616b73acc3603d20774e3e66.jpg); } }
.banner-padding {
  padding-top: 300px; }
@media (max-width: 640px) {
    .banner-padding {
      padding-top: 170px; } }
.category-row {
  margin-bottom: 64px; }
.category-row .category-title {
    margin: 0 0 8px 0; }
.filter-button-container {
  position: relative; }
@media (min-width: 641px) {
    .filter-button-container {
      float: right; } }
.filter {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  font-weight: normal;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 2.25rem;
  position: relative; }
@media (max-width: 640px) {
    .filter {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.filter:hover {
    cursor: pointer; }
.filter .filter-checkbox {
    display: inline-block;
    border: 1px solid #706c68;
    border-radius: 2px;
    height: 18px;
    line-height: 1;
    width: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
@media (max-width: 640px) {
      .filter .filter-checkbox {
        height: 22px;
        width: 22px; } }
.filter .filter-name {
    display: inline-block;
    position: relative;
    left: 1.75rem;
    width: calc(100% - 1.75rem);
    top: 0.125rem; }
@media (max-width: 640px) {
      .filter .filter-name {
        left: 2rem;
        width: calc(100% - 2rem); } }
.filter-button {
  font-size: 1.125rem;
  margin-bottom: 1rem;
  padding: calc(0.5625rem - 24px) 0;
  width: 100%; }
.filters {
  list-style: none;
  margin-top: -0.75rem;
  opacity: 1;
  transition: opacity 0.5s ease; }
.filters-fade-in {
  opacity: 0; }
.filter-clear {
  cursor: pointer; }
.filter-footer {
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5em 0.75em;
  position: fixed;
  /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
  -webkit-transform: translateZ(0);
  text-align: center; }
.filter-footer .filter-show-results {
    width: 100%; }
.filter-info-row {
  clear: both;
  float: left;
  margin-bottom: 1rem; }
.filter-info-row .filter-clear {
    display: inline-block;
    margin-left: 1rem; }
.filter-list .icon-down-arrow, .filter-list .icon-up-arrow {
  position: absolute;
  right: 0.75em;
  top: 50%;
  transform: translateY(-50%); }
.filter-list::after {
  content: '';
  display: block;
  height: 1.01px;
  width: 100%;
  background: #b7b4b0;
  position: absolute;
  left: 0; }
.filter-list:first-of-type::before {
  content: '';
  display: block;
  height: 1.01px;
  width: 100%;
  background: #b7b4b0;
  position: absolute;
  left: 0; }
.filter-pills-section {
  margin-bottom: 1.5rem;
  position: relative;
  top: 4px; }
@media (max-width: 440px) {
  .filter-pills {
    margin: 0 -0.3125rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem; }
    .filter-pills:empty {
      margin-top: 0;
      margin-bottom: 0; } }
@media (min-width: 441px) and (max-width: 640px) {
  .filter-pills {
    margin: 0 -0.3125rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem; } }
.filter-pills .filter-pill, .filter-pills .filter-clear {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding: 0.35rem 0.7rem;
  margin: 0.125rem 0.3125rem;
  vertical-align: middle; }
.filter-pills .filter-pill:hover, .filter-pills .filter-pill:focus, .filter-pills .filter-clear:hover, .filter-pills .filter-clear:focus {
    cursor: pointer; }
.filter-pills .filter-pill {
  background: #231f1a;
  border-radius: 32px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1rem; }
.no-results-filters {
  padding: 2rem 0;
  text-align: center;
  margin: 0 auto; }
@media (max-width: 440px) {
    .no-results-filters {
      width: 280px;
      padding: 1rem 0; } }
.no-results-filters h1 {
    margin-top: 0; }
.no-results-filters p {
    margin: 0.5rem 0; }
@media (min-width: 641px) {
      .no-results-filters p {
        margin-bottom: 0; } }
.icon-down-arrow {
  background-position: 0 51%;
  width: 14px;
  height: 14px;
  margin-left: 9px; }
.icon-up-arrow {
  background-position: 0 58%;
  width: 14px;
  height: 14px;
  margin-left: 9px; }
.check-icon {
  color: inherit;
  position: absolute;
  left: 1px;
  width: inherit;
  height: inherit; }
.x-icon {
  margin-left: 0.625rem;
  cursor: pointer;
  vertical-align: middle; }
.x-icon g {
    fill: white; }
#portal {
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  z-index: 101; }
.filter-dropdown-container .filter-pills {
  margin: 0.3125rem 0;
  position: relative; }
.filter-dropdown-container .filter-pills:empty {
    margin: 0; }
.filter-dropdown {
  background: white;
  position: relative;
  top: -1px;
  left: 0;
  margin-bottom: 60px;
  width: 100%;
  padding-left: 0.5rem; }
@media (max-width: 640px) {
    .filter-dropdown {
      padding-left: 1.5rem; } }
.filter-dropdown .filters-header {
    position: relative;
    margin: 0;
    padding: 0.6em 0;
    cursor: pointer; }
.filter-dropdown .filter {
    line-height: 1.25;
    padding: 0.5rem 0; }
@media (max-width: 640px) {
      .filter-dropdown .filter {
        line-height: 1.5; } }
.nutrition-facts {
  font-size: 0.8em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 72%;
  margin: 0 auto;
  padding-top: 16px; }
.nutrition-facts h2 {
    font-size: 1.3em; }
.nutrition-facts h3 {
    font-size: 1.2em;
    margin: 0; }
.nutrition-facts .servings {
    font-size: 10px;
    line-height: 10px; }
.nutrition-facts .nutrition-list {
    margin-top: 3px;
    line-height: 19px;
    border-top: 5px solid #231f1a;
    border-bottom: 5px solid #231f1a;
    list-style: none; }
.nutrition-facts .nutrition-list li {
      list-style: none;
      border-bottom: 2px solid #231f1a; }
.nutrition-facts .nutrition-list span {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
.nutrition-facts .nutrition-list li.small-list-container {
      list-style: none;
      border-bottom: 0px; }
.nutrition-facts .nutrition-list .amount {
      font-size: 0.8em; }
.nutrition-facts .nutrition-list .calorie {
      border-width: 3px; }
.nutrition-facts .nutrition-list .daily-value {
      overflow: hidden; }
.nutrition-facts .nutrition-list .daily-value span {
        float: right;
        font-size: 0.8em; }
.nutrition-facts .nutrition-list .cal-fat {
      float: right;
      font-weight: normal; }
.nutrition-facts .nutrition-list .list-header {
      border-bottom: 2px solid #231f1a; }
.nutrition-facts .nutrition-list .percent {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      float: right; }
.nutrition-facts .vitamins {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #231f1a; }
.nutrition-facts .vitamins ul:first-child {
      padding-right: 20px; }
.nutrition-facts .vitamins ul {
      float: left;
      list-style-type: none; }
.nutrition-facts .note {
    clear: both;
    font-size: 0.8em; }
@media only screen and (min-width: 40.0625em) {
      .nutrition-facts .note {
        border-top: 1px solid #231f1a;
        margin-top: 98px;
        padding-top: 10px; } }
.nutrition-facts .warning, .nutrition-facts .disclosure {
    font-style: italic;
    font-size: 0.8em; }
.nutrition-facts p {
    line-height: 1em; }
@media (min-width: 641px) and (max-width: 840px) {
  .product-info-tabs {
    position: relative;
    bottom: 29px; } }
@media (min-width: 641px) {
  .product-info-tabs {
    margin-top: 18px; } }
@media (max-width: 840px) {
  .product-info-tabs {
    width: 100%;
    margin-top: 37px;
    padding-top: 16px;
    padding-bottom: 0px; } }
@media (max-width: 640px) {
  .product-info-tabs {
    margin-top: 0;
    padding-top: 24px;
    margin-bottom: 24px; } }
.product-info-tabs .associated-products-list {
  background-color: #f5f3f0;
  padding: 1.5rem; }
.product-info-tabs .associated-products-list .list-all {
    display: block;
    margin-top: 0.25rem; }
.product-info-tabs .associated-products-list .title {
    margin: 1.875rem 0 0.625rem; }
.product-info-tabs .product-toggler {
  width: 100%;
  background-color: #f5f3f0;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #e4e0db; }
.product-info-tabs .product-toggler:not(.package) {
    min-height: 434px; }
.product-info-tabs .product-toggler .toggle-header {
    margin-left: -10px;
    margin-right: -10px; }
@media (max-width: 640px) {
      .product-info-tabs .product-toggler .toggle-header {
        font-size: 0.875rem; } }
.product-info-tabs .product-toggler .toggle-header a.toggle-tab {
      color: #706c68;
      background-color: #fff;
      padding-top: 15px;
      padding-bottom: 15px;
      text-transform: capitalize;
      border-left: 1px solid #e4e0db;
      border-bottom: 1px solid #e4e0db;
      display: inline-block;
      width: 33.33%;
      text-align: center;
      letter-spacing: 0.0625rem; }
.product-info-tabs .product-toggler .toggle-header a.toggle-tab.active {
        background-color: inherit;
        color: #231f1a;
        border-bottom: none; }
.product-info-tabs .product-toggler .toggle-header a.toggle-tab:first-child {
        border-left: none; }
.product-info-tabs .product-toggler .toggle-body .snack-values {
    border-bottom: solid 1px #e4e0db;
    padding: 12px 0px; }
.product-info-tabs .product-toggler .toggle-body .snack-values .value {
      padding: 10px 0;
      text-align: center; }
.product-info-tabs .product-toggler .toggle-body .snack-values .slick-next {
      right: 0; }
.product-info-tabs .product-toggler .toggle-body .snack-values .slick-prev {
      left: 0; }
.product-info-tabs .product-toggler .toggle-body .snack-values .slick-list {
      margin-left: 12px; }
.product-info-tabs .product-toggler .toggle-body .snack-values-less-than-3 {
    display: flex;
    justify-content: space-around; }
.product-info-tabs .product-toggler .toggle-body .product-description {
    padding: 40px 14px; }
@media (max-width: 640px) {
      .product-info-tabs .product-toggler .toggle-body .product-description {
        padding: 40px 6px; } }
.product-info-tabs .product-toggler .toggle-body .product-description .product-tagline {
      margin-top: 0px;
      margin-bottom: 12px;
      font-size: 1.125rem; }
@media (max-width: 640px) {
        .product-info-tabs .product-toggler .toggle-body .product-description .product-tagline {
          font-size: 1rem; } }
.product-info-tabs .product-toggler .toggle-body .product-ingredients {
    padding: 40px 14px; }
@media (max-width: 640px) {
      .product-info-tabs .product-toggler .toggle-body .product-ingredients {
        padding: 40px 6px; } }
.product-detail {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 640px) {
    .product-detail {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.product-detail .breadcrumbs {
    padding: 15px 12px;
    max-width: 1280px;
    margin: 0 auto; }
@media (max-width: 640px) {
      .product-detail .breadcrumbs {
        padding: 0;
        padding-bottom: 8px;
        padding-top: 16px;
        margin-left: 8px; } }
.product-detail .basic-info h1 {
    margin-bottom: 0; }
.product-detail .basic-info .snack-badge {
    margin: 0 0 0.5rem;
    position: relative; }
.product-detail .basic-info .button-detail-holder .not-allowed-reasons, .product-detail .basic-info .button-detail-holder .presale-copy {
    clear: both; }
.product-detail .basic-info .button-detail-holder ul.not-allowed-reasons {
    margin-left: 1.25rem; }
.product-detail .basic-info .detail-add.sub {
    width: 10rem; }
.product-detail .basic-info .select-item-qty {
    cursor: pointer; }
@media (max-width: 640px) {
    .product-detail .basic-info h1 {
      margin-top: 0;
      font-size: 2rem; }
    .product-detail .basic-info .detail-select {
      width: 7.6875rem;
      display: block;
      margin-bottom: 18px; } }
@media (max-width: 640px) and (max-width: 440px) {
    .product-detail .basic-info .detail-select.out-of-stock {
      display: inline-block; } }
@media (max-width: 640px) {
      .product-detail .basic-info .detail-select .select-item-qty {
        height: 3rem; }
    .product-detail .basic-info .detail-add {
      width: 100%; }
    .product-detail .basic-info .detail-add.sub {
      width: 10rem; } }
@media (max-width: 440px) {
    .product-detail .basic-info .out-of-stock-reminder.product, .product-detail .basic-info .presale-reminder .product {
      display: inline-block; } }
@media (min-width: 641px) {
    .product-detail .basic-info .out-of-stock-reminder.product, .product-detail .basic-info .presale-reminder .product {
      float: left;
      width: 100%; } }
.product-detail .basic-info .set-reminder-mobile {
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 13px; }
@media (min-width: 641px) and (max-width: 840px) {
    .product-detail .basic-info .set-reminder-text-container {
      float: left; } }
.product-detail .basic-info .reminder-set {
    width: 100%;
    float: left; }
.product-detail .basic-info .reminder-set span {
      margin-right: 4px; }
.product-detail .basic-info .reminder-set .shop-all.link {
      display: inline-block; }
.product-detail .basic-info .formsy-form.email-form {
    margin-top: 12px; }
@media (min-width: 641px) {
      .product-detail .basic-info .formsy-form.email-form {
        display: inline-block; } }
@media (max-width: 640px) {
      .product-detail .basic-info .formsy-form.email-form {
        margin-bottom: 20px; } }
.product-detail .basic-info .formsy-form.email-form .form-group {
      display: inline-block; }
@media (min-width: 641px) and (max-width: 840px) {
        .product-detail .basic-info .formsy-form.email-form .form-group {
          width: 200px; } }
@media (min-width: 441px) and (max-width: 640px) {
        .product-detail .basic-info .formsy-form.email-form .form-group {
          width: 216px; } }
@media (max-width: 440px) {
        .product-detail .basic-info .formsy-form.email-form .form-group {
          width: 62%; } }
.product-detail .basic-info .formsy-form.email-form .form-group.error {
        position: relative; }
@media (max-width: 640px) {
          .product-detail .basic-info .formsy-form.email-form .form-group.error {
            margin-bottom: 12px; } }
@media (min-width: 841px) {
          .product-detail .basic-info .formsy-form.email-form .form-group.error {
            margin-bottom: 12px; } }
.product-detail .basic-info .formsy-form.email-form .form-group.error .validation-error.active {
          color: red; }
@media (max-width: 640px) {
            .product-detail .basic-info .formsy-form.email-form .form-group.error .validation-error.active {
              position: absolute;
              left: 0;
              bottom: -30px;
              width: 300px; } }
@media (min-width: 841px) {
            .product-detail .basic-info .formsy-form.email-form .form-group.error .validation-error.active {
              position: absolute;
              left: 0;
              bottom: -30px;
              width: 300px; } }
.product-detail .basic-info .formsy-form.email-form label {
      display: none; }
.product-detail .basic-info .formsy-form.email-form #email {
      border-radius: 3px 0px 0px 3px; }
@media (min-width: 641px) and (max-width: 840px) {
        .product-detail .basic-info .formsy-form.email-form #email {
          width: 100%;
          margin-bottom: 4px;
          border-radius: 0; } }
@media (min-width: 441px) and (max-width: 640px) {
        .product-detail .basic-info .formsy-form.email-form #email {
          width: 100%; } }
@media (max-width: 640px) {
        .product-detail .basic-info .formsy-form.email-form #email {
          border-right: 1px; } }
@media (min-width: 841px) {
        .product-detail .basic-info .formsy-form.email-form #email {
          padding-top: 0px;
          border-right: 1px; } }
@media (max-width: 440px) {
        .product-detail .basic-info .formsy-form.email-form #email {
          width: 100%; } }
.product-detail .basic-info .formsy-form.email-form .cta-secondary-color.out-of-stock {
      border-radius: 0px 3px 3px 0px;
      padding: 14px 20px 14px 20px; }
@media (min-width: 641px) and (max-width: 840px) {
        .product-detail .basic-info .formsy-form.email-form .cta-secondary-color.out-of-stock {
          width: 200px;
          border-radius: 0; } }
@media (min-width: 441px) and (max-width: 640px) {
        .product-detail .basic-info .formsy-form.email-form .cta-secondary-color.out-of-stock {
          width: 164px; } }
@media (max-width: 440px) {
        .product-detail .basic-info .formsy-form.email-form .cta-secondary-color.out-of-stock {
          width: 38%;
          vertical-align: top; } }
.product-detail .size-price {
    display: inline-block;
    margin-bottom: .25rem;
    position: relative;
    top: -4px; }
.product-detail .size-price .size {
      font-size: 0.75rem;
      color: #706c68;
      letter-spacing: 0.03125rem;
      line-height: 1.125rem;
      font-weight: normal;
      font-style: normal;
      font-family: "Larsseit", sans-serif; }
.product-detail .prices-container .prices {
    float: left; }
.product-detail .prices-container .savings-container {
    float: left; }
.product-detail .prices-container .discount-price {
    margin-right: .5rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #45b49f; }
.product-detail .prices-container .regular-price {
    text-decoration: line-through;
    margin-right: .5rem; }
.product-detail .prices-container .savings {
    margin-right: .5rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #45b49f; }
@media (min-width: 641px) {
    .product-detail h1 {
      margin-top: -4px; }
      .product-detail h1 :hover {
        cursor: default; }
    .product-detail .size-price {
      position: relative;
      top: -4px; } }
@media (min-width: 641px) and (min-width: 641px) {
  .product-detail {
    position: relative; } }
@media (min-width: 641px) {
    .product-detail .detail-select {
      float: left;
      margin: 0 16px 6px 0; }
      .product-detail .detail-select .select-item-qty {
        width: 128px;
        border: 1px solid white;
        height: 48px; }
      .product-detail .detail-select .detail-add {
        width: 8rem; } }
.product-detail .detail-select {
    position: relative;
    display: inline-block; }
.product-detail .detail-select .savings {
      margin-right: 3px; }
.product-detail .detail-select .select-item-qty {
      opacity: 0;
      position: absolute; }
@media (min-width: 441px) and (max-width: 640px) {
    .product-detail .snack-card:nth-of-type(4n) {
      display: none; } }
@media (min-width: 641px) and (max-width: 840px) {
    .product-detail .snack-card:nth-of-type(4n) {
      display: none; } }
.product-detail .snack-card .snack-name {
    min-height: 60px; }
.product-detail .snack-card .snack-name h1 {
      color: #231f1a;
      font-family: "FFTisaWebBold", sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0;
      font-weight: normal;
      font-style: normal;
      margin-bottom: 0; }
@media (max-width: 640px) {
        .product-detail .snack-card .snack-name h1 {
          font-size: 0.875rem;
          line-height: 1rem; } }
.product-detail .detail-add {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center;
    padding: 0;
    height: 48px;
    margin-left: 0; }
.product-detail .detail-add:focus, .product-detail .detail-add:hover {
      outline: none;
      background-color: #ef5e12; }
.product-detail .detail-add a {
      color: #fff; }
.product-detail .detail-add.has-items-detail::after {
      content: "";
      display: inline-block;
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 5.177293157982354% 4.249030112691668%;
      width: 14px;
      height: 8px;
      margin: 0 0 1px 8px; }
.product-detail .detail-add.oos-items-detail {
      background-color: #f9bfa0;
      cursor: auto; }
.product-detail .detail-add.not-allowed {
      background-color: #f9bfa0; }
.product-detail .detail-select.gifting .detail-add.has-items-detail::after {
    content: none; }
@media (max-width: 640px) {
    .product-detail .product-detail-image-carousel {
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
      .product-detail .product-detail-image-carousel img {
        width: 100%; } }
.product-detail .product-detail-image-carousel .products-slider {
    margin-top: 12px;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px; }
.product-detail .product-detail-image-carousel .products-slider .slick-slider button {
      padding: 0;
      top: 40%; }
.product-detail .product-detail-image-carousel .products-slider .slick-slide {
      margin: 0 0.5rem;
      max-width: 97px; }
.product-detail .product-detail-image-carousel .products-slider .slick-prev::before,
    .product-detail .product-detail-image-carousel .products-slider .slick-next::before {
      background-image: url(/assets/svg/catalog-icons-86aa4c58918ed9b5eefc3c64bdc161c3.svg);
      display: block;
      height: 30px;
      width: 18px; }
.product-detail .product-detail-image-carousel .products-slider .slick-prev::before {
      content: '\ ';
      background-position: 0 -215px; }
.product-detail .product-detail-image-carousel .products-slider .slick-next::before {
      content: '\ ';
      background-position: 0 -170px; }
.product-detail .also-like {
    padding-left: .75rem;
    padding-right: .75rem; }
.product-detail .also-like h2 {
      margin-bottom: 12px; }
@media (min-width: 641px) and (max-width: 840px) {
      .product-detail .also-like {
        margin-top: -16px; } }
@media (min-width: 841px) {
      .product-detail .also-like {
        margin-top: 16px; } }
@media (max-width: 640px) {
      .product-detail .also-like {
        margin-top: -10px;
        padding-left: 8px;
        padding-right: 8px; } }
.not-found {
  width: 100%; }
.not-found .content {
    max-width: 600px;
    margin: 20px auto;
    text-align: center; }
.not-found .content .banner-image {
      background-image: url(/assets/img/404-f6f23f86985b660aad0ad5fd156abe39.jpg);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 200px;
      margin: auto; }
@media (max-width: 640px) {
        .not-found .content .banner-image {
          background-image: url(/assets/img/404_mobile-b3e8d8e72a2ca8bd4328ed1ebbaadc89.jpg); } }
.not-found .content .title {
      text-transform: none; }
.not-found .content .link {
      font-size: 120%; }
.not-found .footer-banner-image {
    background-image: url(/assets/img/error_banner-e219fcbe64a45015d7121934f9e5bee6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px; }
@media (max-width: 640px) {
      .not-found .footer-banner-image {
        background-image: url(/assets/img/error_banner_mobile-4c9d3d0d46a377d332c343e875e0b596.jpg); } }
.shopping-categories {
  margin-top: 25px;
  text-align: center; }
.shopping-categories .categories {
    margin: 10px; }
@media (min-width: 641px) and (max-width: 840px) {
      .shopping-categories .categories li:nth-of-type(4n) {
        display: none; } }
.shopping-categories .categories .category-card-name {
      color: #231f1a;
      font-family: "FFTisaWebBold", sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0;
      font-weight: normal;
      font-style: normal;
      text-align: left;
      padding-top: 6px; }
@media (max-width: 640px) {
        .shopping-categories .categories .category-card-name {
          font-size: 0.875rem;
          line-height: 1rem; } }
[class^="add-btn"] {
  background-color: #45b49f;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Larsseit", sans-serif;
  font-weight: normal;
  letter-spacing: .5px;
  padding: 0;
  width: 70%;
  border: 1px solid #45b49f;
  border-radius: 0;
  font-size: 3vw; }
@media (min-width: 441px) and (max-width: 640px) {
    [class^="add-btn"] {
      font-size: 2.3vw; } }
@media (min-width: 641px) and (max-width: 840px) {
    [class^="add-btn"] {
      font-size: 1.8vw; } }
@media (min-width: 841px) {
    [class^="add-btn"] {
      font-size: 1.4vw; } }
@media (min-width: 1281px) {
    [class^="add-btn"] {
      font-size: 16px; } }
@media (min-width: 641px) {
    [class^="add-btn"] {
      width: 50%; } }
[class^="add-btn"]:focus, [class^="add-btn"]:hover {
    background: #45b49f; }
[class^="add-btn"].add-all {
    background-color: #45b49f;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-family: "Larsseit", sans-serif;
    font-weight: normal;
    letter-spacing: .5px;
    float: none;
    height: auto;
    line-height: inherit;
    margin: 0 auto;
    padding: 0.7em 0;
    width: 90%; }
@media (max-width: 640px) {
      [class^="add-btn"].add-all {
        width: 100%;
        margin-bottom: 1rem; } }
[class^="add-btn"]:disabled {
    background: #e4e0db;
    border: #e4e0db;
    cursor: not-allowed; }
[class^="add-btn"]:disabled:hover {
      background: #e4e0db; }
[class^="add-btn"]:disabled:focus {
      background: #e4e0db; }
[class^="add-btn"],
[class^="snack-rating-"] {
  height: 100%;
  display: block;
  float: left;
  line-height: 32px; }
@media (min-width: 841px) {
    [class^="add-btn"],
    [class^="snack-rating-"] {
      line-height: 30px; } }
@media (min-width: 1281px) {
    [class^="add-btn"],
    [class^="snack-rating-"] {
      line-height: 36px; } }
.btn-text {
  color: #fff;
  letter-spacing: 0.5px;
  font-size: 3vw; }
@media (min-width: 441px) and (max-width: 640px) {
    .btn-text {
      font-size: 2.3vw; } }
@media (min-width: 641px) and (max-width: 840px) {
    .btn-text {
      font-size: 1.8vw; } }
@media (min-width: 841px) {
    .btn-text {
      font-size: 1.4vw; } }
@media (min-width: 1281px) {
    .btn-text {
      font-size: 16px; } }
.rating-text {
  font-size: 3vw;
  color: #231f1a; }
@media (min-width: 441px) and (max-width: 640px) {
    .rating-text {
      font-size: 2.3vw; } }
@media (min-width: 641px) and (max-width: 840px) {
    .rating-text {
      font-size: 1.8vw; } }
@media (min-width: 841px) {
    .rating-text {
      font-size: 1.4vw; } }
@media (min-width: 1281px) {
    .rating-text {
      font-size: 16px; } }
[class^="icon-star-"] {
  width: 11px;
  height: 11px;
  background-size: 100%;
  vertical-align: middle;
  margin: 0.125em; }
@media (min-width: 841px) {
    [class^="icon-star-"] {
      width: 12px;
      height: 12px; } }
@media (min-width: 1281px) {
    [class^="icon-star-"] {
      width: 15px;
      height: 15px; } }
.icon-star-empty {
  background-position: 0 26%; }
.icon-star-full {
  background-position: 0 9%; }
.photo {
  text-align: center; }
.snack-card {
  position: relative; }
.snack-card .photo-container {
    position: relative;
    width: 100%; }
.snack-card .photo-container .LazyLoad.is-visible + .snack-image-placeholder {
      display: none; }
.snack-card .photo-container .detail-select {
      position: static;
      float: left;
      /* If the item is OOS, need to wrap it in a div to make the hover effect work,
       set the same positioning as the button would normally have */ }
.snack-card .photo-container .detail-select .select-item-qty {
        right: 4%;
        width: 60px;
        bottom: -8%;
        height: 60px;
        border: 1px solid black;
        opacity: 0;
        z-index: 1;
        position: absolute; }
.snack-card .photo-container .detail-select .detail-add {
        position: absolute;
        right: 4%;
        bottom: -8%;
        z-index: 0;
        background-color: #ef5e12;
        color: #fff;
        border-radius: 40px;
        min-width: 0;
        width: 52px;
        height: 52px;
        font-size: 1.5rem;
        font-family: "Larsseit-Medium", sans-serif;
        font-weight: normal;
        font-style: normal;
        border: none;
        background-image: url(/assets/svg/plus-white-13b026d0fdc5eafcd076e57608d803c0.svg);
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: center;
        padding-top: 8px; }
.snack-card .photo-container .detail-select .detail-add:focus {
          outline: none; }
.snack-card .photo-container .detail-select .detail-add.has-items {
          background-image: none; }
.snack-card .photo-container .detail-select .detail-add.out-of-stock, .snack-card .photo-container .detail-select .detail-add.out-of-stock.pre-sale {
          background-color: #f9bfa0; }
.snack-card .photo-container .detail-select .detail-add.pre-sale {
          background-color: #45b49f; }
.snack-card .photo-container .detail-select .detail-add.not-allowed {
          background-color: #f9bfa0; }
@media (min-width: 641px) and (max-width: 840px) {
          .snack-card .photo-container .detail-select .detail-add {
            width: 48px;
            height: 48px;
            font-size: 1.25rem; } }
@media (max-width: 640px) {
          .snack-card .photo-container .detail-select .detail-add {
            width: 42px;
            height: 42px;
            font-size: 1.125rem; } }
.snack-card .photo-container .detail-select .oos-item-qty-holder, .snack-card .photo-container .detail-select .presale-qty-holder {
        position: absolute;
        right: 4%;
        bottom: -8%; }
.snack-card .photo-container .detail-select .oos-item-qty-holder .detail-add, .snack-card .photo-container .detail-select .presale-qty-holder .detail-add {
          position: static; }
.snack-image {
  width: 100%; }
.snack-indicators {
  position: absolute;
  z-index: 1; }
.snack-indicator {
  background: #231f1a;
  color: #fff;
  float: left;
  font-size: 10px;
  letter-spacing: 0.8px;
  line-height: 1;
  padding: 3px 6px;
  margin-right: 2px; }
.snack-indicator.segment {
    text-transform: uppercase; }
.snack-indicator.claim {
    background: #231f1a; }
.snack-indicator.healthy {
    background: #f35b0a; }
.snack-indicator.smart {
    background: #72bd8f; }
.snack-indicator.crave {
    background: #235a6c; }
@media (max-width: 640px) {
    .snack-indicator {
      font-size: 9.5px; } }
.snack-info-bar {
  height: 36px; }
@media (min-width: 841px) {
    .snack-info-bar {
      height: 34px; } }
@media (min-width: 1281px) {
    .snack-info-bar {
      height: 40px; } }
.snack-badge {
  height: 1rem;
  font-size: 0.75rem;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.0625rem;
  color: #fff;
  background-color: #231f1a;
  z-index: 1;
  position: absolute;
  margin: -1.25rem 0 0.25rem;
  line-height: 1.125rem;
  text-align: center; }
.snack-badge.margin-top {
    margin-top: -2.5rem; }
.snack-badge.limited-edition {
    width: 100px; }
.snack-badge.new {
    width: 34px; }
.snack-badge.free-shipping {
    width: 96px;
    background-color: #ffbf0f;
    color: #231f1a; }
.snack-badge.pre-sale {
    width: 7.1875rem;
    background-color: #45b49f;
    color: #231f1a; }
.snack-name-container {
  background: #fff;
  border-top: 0;
  color: #231f1a;
  display: block;
  padding-top: 1.5rem; }
.snack-name-container .snack-name h1 {
    color: #231f1a;
    font-family: "FFTisaWebBold", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 0; }
@media (max-width: 640px) {
      .snack-name-container .snack-name h1 {
        font-size: 0.875rem;
        line-height: 1rem; } }
.snack-name-container .snack-name a {
    color: #231f1a; }
.snack-name-container .snack-name .prices {
    float: left;
    line-height: 1.375rem; }
@media (max-width: 640px) {
      .snack-name-container .snack-name .prices {
        line-height: 1.25rem; } }
.snack-name-container .snack-name .savings-container {
    float: left;
    line-height: 1.375rem; }
@media (max-width: 640px) {
      .snack-name-container .snack-name .savings-container {
        line-height: 1.25rem; } }
.snack-name-container .snack-name .discount-price {
    margin-right: .5rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #45b49f; }
@media (max-width: 640px) {
      .snack-name-container .snack-name .discount-price {
        margin-right: .25rem; } }
.snack-name-container .snack-name .regular-price {
    text-decoration: line-through;
    margin-right: .5rem; }
@media (max-width: 640px) {
      .snack-name-container .snack-name .regular-price {
        margin-right: .25rem; } }
.snack-name-container .snack-name .savings {
    color: #45b49f;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.snack-name-container .snack-name .size-container {
    line-height: 1.125rem; }
.snack-name-container .snack-name .size {
    font-size: 0.75rem;
    color: #706c68;
    letter-spacing: 0.03125rem;
    line-height: 1.125rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit", sans-serif; }
.snack-name-link {
  font-size: 14px;
  margin: 0;
  text-decoration: none;
  height: 100%; }
@media (min-width: 641px) {
    .snack-name-link {
      font-size: 16px; } }
@media (min-width: 1281px) {
    .snack-name-link {
      font-size: 18px; } }
.snack-name-link div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
.snack-name-link .ellipsis {
    max-height: 45px;
    overflow: hidden; }
@media (min-width: 641px) {
      .snack-name-link .ellipsis {
        max-height: 60px; } }
@media (min-width: 841px) {
      .snack-name-link .ellipsis {
        max-height: 50px; } }
@media (min-width: 1281px) {
      .snack-name-link .ellipsis {
        max-height: 55px; } }
.snack-name-link .ellipsis::after {
      content: '...';
      display: block;
      position: absolute;
      right: 5px;
      bottom: 0;
      padding-left: 10px;
      background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 45%, #fff);
      background-color: #fff; }
[class^="snack-rating-"] {
  background: #fff;
  border: 1px solid #e4e0db;
  border-right: 0;
  text-align: center; }
.snack-rating-large {
  width: 50%;
  display: none; }
@media (min-width: 641px) {
    .snack-rating-large {
      display: block; } }
.snack-rating-small {
  width: 30%; }
@media (min-width: 641px) {
    .snack-rating-small {
      display: none; } }
.nb-tooltip.item-tooltip {
  max-width: 400px; }
.nb-tooltip.item-tooltip ul {
    margin-left: 20px; }
@media (max-width: 440px) {
    .nb-tooltip.item-tooltip:not(.also-like).second-child .nb-tooltip-arrow {
      left: 80%; } }
@media (min-width: 641px) and (max-width: 840px) {
    .nb-tooltip.item-tooltip:not(.also-like).second-child .nb-tooltip-arrow {
      left: 75%; } }
@media (min-width: 441px) and (max-width: 640px) {
    .nb-tooltip.item-tooltip:not(.also-like).third-child .nb-tooltip-arrow {
      left: 80%; } }
@media (min-width: 841px) and (max-width: 1280px) {
    .nb-tooltip.item-tooltip:not(.also-like).third-child .nb-tooltip-arrow {
      left: 74%; } }
@media (max-width: 440px) {
    .nb-tooltip.item-tooltip.also-like.second-child .nb-tooltip-arrow {
      left: 80%; } }
@media (min-width: 441px) and (max-width: 640px) {
    .nb-tooltip.item-tooltip.also-like.third-child .nb-tooltip-arrow {
      left: 80%; } }
@media (min-width: 641px) and (max-width: 840px) {
    .nb-tooltip.item-tooltip.also-like.third-child .nb-tooltip-arrow {
      left: 76%; } }
@media (min-width: 841px) {
    .nb-tooltip.item-tooltip.also-like.fourth-child .nb-tooltip-arrow {
      left: 75%; } }
.nb-tooltip .reminder-set {
  width: 214px; }
.nb-tooltip .out-of-stock-reminder, .nb-tooltip .presale-reminder {
  width: 214px; }
.nb-tooltip .out-of-stock-reminder .returning-member-reminder, .nb-tooltip .presale-reminder .returning-member-reminder {
    margin-bottom: 16px; }
.nb-tooltip .out-of-stock-reminder .reminder-text, .nb-tooltip .presale-reminder .reminder-text {
    margin-bottom: 16px; }
.nb-tooltip .out-of-stock-reminder .cta.out-of-stock, .nb-tooltip .presale-reminder .cta.out-of-stock {
    width: 100%; }
.nb-tooltip .out-of-stock-reminder .form .form-group #email, .nb-tooltip .presale-reminder .form .form-group #email {
    width: 100%;
    margin-bottom: 8px;
    padding-left: 14px; }
.nb-tooltip .out-of-stock-reminder .form .form-group label, .nb-tooltip .presale-reminder .form .form-group label {
    display: none; }
.nb-tooltip .out-of-stock-reminder .form .form-group .active.validation-error, .nb-tooltip .presale-reminder .form .form-group .active.validation-error {
    font-size: 14px;
    position: relative;
    top: -6px;
    left: 6px; }
.snack-values {
  padding: 0 20px; }
.snack-values li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 110px; }
@media (max-width: 440px) {
      .snack-values li {
        width: 80px; } }
.snack-values .value-icon {
    display: inline-block; }
.snack-values .value-icon.wheat_free {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 72.27606951871658% 72.4336365323928%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.fiber_filled {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 62.24933155080214% 61.29571189901615%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_calories {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 66.26002673796792% 65.75088175236681%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_carb {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 67.26270053475936% 66.86467421570447%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_fat {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 69.26804812834224% 69.0922591423798%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_sodium {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 70.27072192513369% 70.20605160571746%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_sugars {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 71.27339572192513% 71.31984406905514%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.no_sugar_added {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 73.27874331550802% 73.54742899573046%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.non_gmo {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 74.28141711229947% 74.66122145906813%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.protein_packed {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 77.2894385026738% 78.00259884908112%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.vegan {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 80.29745989304813% 81.34397623909412%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.calcium {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 60.24398395721925% 59.06812697234082%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.fat_free {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 61.2466577540107% 60.18191943567849%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.iron {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 64.25467914438502% 63.52329682569148%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.vegetarian {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 81.30013368983957% 82.45776870243178%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.vitamin_a {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 82.30280748663101% 83.57156116576944%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.vitamin_c {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 83.30548128342247% 84.68535362910711%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.low_cholesterol {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 68.2653743315508% 67.97846667904214%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.paleo {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 75.2840909090909% 75.77501392240579%;
      width: 60px;
      height: 60px; }
.snack-values .value-icon.keto {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 65.25735294117646% 64.63708928902915%;
      width: 60px;
      height: 60px; }
.snack-values .value-name {
    font-size: 0.75rem;
    color: #706c68;
    letter-spacing: 0.03125rem;
    line-height: 1.125rem;
    font-weight: normal;
    font-style: normal;
    color: #231f1a; }
.snack-values .slick-slider button {
    padding: 0;
    top: 40%; }
.snack-values .slick-prev::before,
  .snack-values .slick-next::before {
    background-image: url(/assets/svg/catalog-icons-86aa4c58918ed9b5eefc3c64bdc161c3.svg);
    display: block;
    height: 30px;
    width: 18px; }
.snack-values .slick-prev::before {
    content: '\ ';
    background-position: 0 -215px; }
.snack-values .slick-next::before {
    content: '\ ';
    background-position: 0 -170px; }
@media (min-width: 1000px) {
    .snack-values .slick-prev.slick-disabled::before,
    .snack-values .slick-next.slick-disabled::before {
      display: none; } }
.promo-code {
  margin-bottom: 1rem; }
.promo-code .link-small {
    cursor: pointer;
    float: right; }
.promo-code .promo-code-input {
    background-color: #fff;
    border: 1px solid #c0bcbc;
    border-radius: 3px;
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.03125rem;
    height: 48px;
    padding: 0.25rem 0.625rem 0 0.625rem;
    padding: 0rem 0.625rem 0 0.625rem;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 70%; }
.promo-code .promo-code-input::-moz-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.promo-code .promo-code-input:-ms-input-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.promo-code .promo-code-input::placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.promo-code .promo-code-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    display: inline-block;
    min-width: 0;
    width: 30%; }
.promo-code .promo-code-error {
    color: #be302b; }
.free-gift-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%;
  width: 25.0625rem; }
@media (max-width: 440px) {
    .free-gift-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.free-gift-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .free-gift-modal .close-icon {
        top: 10px;
        right: 10px; } }
.free-gift-modal h1 {
    font-size: 1.75rem;
    margin-bottom: 0;
    margin-top: -0.3125rem; }
.free-gift-modal ul.details {
    list-style: none;
    font-size: 1.125rem;
    padding-left: 3.125rem; }
.free-gift-modal ul.details li {
      margin-bottom: 0.9375rem;
      clear: left; }
.free-gift-modal ul.details > li:nth-child(1)::before {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 7.311792138574284% 6.9268473134190325%;
      width: 20px;
      height: 21px; }
.free-gift-modal ul.details > li:nth-child(2)::before {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 84.07595569251271% 85.35773710482529%;
      width: 21px;
      height: 16px; }
.free-gift-modal ul.details > li:nth-child(3)::before {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 21.789105447276363% 28.37587865334813%;
      width: 22px;
      height: 22px; }
.free-gift-modal ul.details li::before {
      content: "";
      display: block;
      float: left;
      width: 2.5rem;
      margin-left: -2.5rem;
      margin-top: 0.3125rem; }
.free-gift-modal .free-gift-signup {
    display: block;
    margin: auto;
    margin-top: 1.875rem;
    width: 85%; }
.free-gift-modal .free-gift-signup:focus, .free-gift-modal .free-gift-signup:hover {
      color: #fff; }
.free-landing-page .hero-holder {
  background-size: cover;
  padding: 1.75rem; }
.free-landing-page .hero-holder header {
    border: none; }
.free-landing-page .hero-holder header .logo {
      margin-bottom: 1.5625rem; }
@media (max-width: 640px) {
        .free-landing-page .hero-holder header .logo {
          margin-right: 0;
          width: 188px; } }
.free-landing-page .hero-holder header h1 {
      line-height: 4.0625rem;
      margin: 0;
      font-size: 3.375rem; }
.free-landing-page .hero-holder header h3 {
      margin: 0;
      font-size: 2rem;
      line-height: 4.125rem; }
.free-landing-page .hero-holder ul.details {
    list-style: none;
    color: #231f1a;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
    max-width: 37.5rem; }
.free-landing-page .hero-holder ul.details li {
      position: relative;
      padding-left: 0.9375rem; }
.free-landing-page .hero-holder ul.details li::before {
      content: "\00B7";
      font-size: 2.5rem;
      line-height: 0;
      position: absolute;
      top: 0.7rem;
      left: 0; }
@media (min-width: 841px) {
    .free-landing-page .hero-holder {
      background-position: center center; }
      .free-landing-page .hero-holder ul.details {
        max-width: 44rem; } }
@media (min-width: 641px) and (max-width: 840px) {
    .free-landing-page .hero-holder ul.details {
      max-width: 28rem; } }
@media (max-width: 640px) {
    .free-landing-page .hero-holder {
      text-align: center;
      padding-top: 7.5rem; }
      .free-landing-page .hero-holder header h1 {
        line-height: 1.29;
        font-size: 1.75rem; }
      .free-landing-page .hero-holder header h3 {
        line-height: 1.8;
        font-size: 1.25rem; }
      .free-landing-page .hero-holder ul.details {
        margin: 1.25rem auto;
        max-width: 18.75rem; }
        .free-landing-page .hero-holder ul.details li {
          text-align: left; } }
@media (max-width: 440px) {
    .free-landing-page .hero-holder {
      background-position-x: -7.5rem; } }
.free-landing-page .free-box-hero {
  background-color: #f5f3f0;
  position: relative;
  margin: auto;
  width: 100%; }
@media (min-width: 441px) and (max-width: 640px) {
    .free-landing-page .free-box-hero {
      height: 480px; } }
.free-landing-page .free-box-hero .free-box-hero-banner {
    width: 100%;
    height: 500px; }
@media (min-width: 841px) {
      .free-landing-page .free-box-hero .free-box-hero-banner {
        background: url(/assets/img/free-gift-box-hero-xl-01863d2cbbdb4e956fb238a088696263.jpg) no-repeat center/cover; } }
@media (min-width: 1281px) {
      .free-landing-page .free-box-hero .free-box-hero-banner {
        background: url(/assets/img/free-gift-box-hero-xxl-d5539284877b9766bef7d6a7f8ff8d8b.jpg) no-repeat center/cover; } }
@media (min-width: 641px) and (max-width: 840px) {
      .free-landing-page .free-box-hero .free-box-hero-banner {
        background: url(/assets/img/free-gift-box-hero-lg-e91c534844968e70d870e17cb314d9e2.jpg) no-repeat right/cover; } }
@media (min-width: 441px) and (max-width: 640px) {
      .free-landing-page .free-box-hero .free-box-hero-banner {
        background: url(/assets/img/free-gift-box-hero-md-d17b64bb5e3b7ebb66e2f038d0dc796a.jpg) no-repeat center/cover;
        height: 160px; } }
@media (max-width: 440px) {
      .free-landing-page .free-box-hero .free-box-hero-banner {
        background: url(/assets/img/free-gift-box-hero-sm-388e3c629480b6e22a8b7e3e8683f456.jpg) no-repeat center/cover;
        height: 160px; } }
@media (min-width: 441px) {
    .free-landing-page .free-box-hero .free-box-hero-content {
      position: absolute;
      top: 0px; } }
@media (min-width: 841px) {
    .free-landing-page .free-box-hero .free-box-hero-content {
      text-align: center;
      left: 50%;
      width: 550px;
      margin: 0px 0px 0px -275px; } }
@media (min-width: 641px) and (max-width: 840px) {
    .free-landing-page .free-box-hero .free-box-hero-content {
      text-align: left;
      right: 0px;
      padding-right: 0.9375rem;
      width: 370px; } }
@media (min-width: 441px) and (max-width: 640px) {
    .free-landing-page .free-box-hero .free-box-hero-content {
      text-align: center;
      left: 50%;
      max-width: 430px;
      margin: 0px 0px 0px -215px; } }
@media (max-width: 440px) {
    .free-landing-page .free-box-hero .free-box-hero-content {
      text-align: center;
      width: 100%;
      padding: 1rem 0.9375rem; } }
.free-landing-page .free-box-hero .free-box-hero-content .logo {
    margin: 0px; }
@media (min-width: 641px) {
      .free-landing-page .free-box-hero .free-box-hero-content .logo {
        padding: 1.75rem 0px; } }
@media (min-width: 441px) and (max-width: 640px) {
      .free-landing-page .free-box-hero .free-box-hero-content .logo {
        padding: 3.5rem 0px 6.625rem 0px; } }
@media (max-width: 440px) {
      .free-landing-page .free-box-hero .free-box-hero-content .logo {
        padding: 0 0 0.625rem; } }
.free-landing-page .free-box-hero .free-box-hero-content h1 {
    font-size: 3.375rem;
    margin: 0; }
@media (max-width: 640px) {
      .free-landing-page .free-box-hero .free-box-hero-content h1 {
        font-size: 2.25rem; } }
@media (min-width: 641px) {
      .free-landing-page .free-box-hero .free-box-hero-content h1 {
        color: #fff; } }
.free-landing-page .free-box-hero .free-box-hero-content .description {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    max-width: 550px; }
@media (max-width: 640px) {
      .free-landing-page .free-box-hero .free-box-hero-content .description {
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: 0.03125rem; } }
@media (min-width: 641px) {
      .free-landing-page .free-box-hero .free-box-hero-content .description {
        color: #fff; } }
@media (max-width: 640px) {
      .free-landing-page .free-box-hero .free-box-hero-content .description {
        font-size: 1.125rem; } }
.free-landing-page .free-box-hero .free-box-hero-content .shipping-notice {
    font-size: 0.75rem;
    color: #706c68;
    letter-spacing: 0.03125rem;
    line-height: 1.125rem;
    font-weight: normal;
    font-style: normal; }
@media (min-width: 641px) {
      .free-landing-page .free-box-hero .free-box-hero-content .shipping-notice {
        color: #fff; } }
.free-landing-page {
  color: #231f1a; }
.free-landing-page .logo {
    margin-bottom: 1.25rem; }
@media (min-width: 841px) {
      .free-landing-page .logo {
        margin-bottom: 1.25rem; } }
@media (max-width: 640px) {
      .free-landing-page .logo {
        margin-right: 0;
        width: 188px; } }
.free-landing-page .how-it-works {
    padding-top: 1.875rem; }
.free-landing-page .what-is-email-form {
    text-align: center; }
.free-landing-page .what-is-email-form input {
      display: inline-block;
      margin-top: 30px;
      margin-bottom: 10px; }
.free-landing-page .what-is-email-form input::-moz-placeholder {
        color: #706c68; }
.free-landing-page .what-is-email-form input:-ms-input-placeholder {
        color: #706c68; }
.free-landing-page .what-is-email-form input::placeholder {
        color: #706c68; }
.free-landing-page .what-is-email-form #email {
      height: 56px;
      width: 280px;
      padding-left: 17px;
      border-radius: 3px 0px 0px 3px;
      border: 1px solid #c0bcbc; }
@media (max-width: 640px) {
        .free-landing-page .what-is-email-form #email {
          border-radius: 3px;
          display: block;
          margin: 0 auto;
          margin-top: 16px;
          height: 48px;
          width: 300px; } }
.free-landing-page .what-is-email-form #email-submit {
      height: 56px;
      border-radius: 0px 3px 3px 0px;
      font-size: 18px; }
@media (max-width: 640px) {
        .free-landing-page .what-is-email-form #email-submit {
          margin-top: 8px;
          border-radius: 3px;
          height: 48px;
          width: 212px;
          margin-bottom: 32px; } }
.free-landing-page .what-is-email-form .cta {
      padding-left: 23px;
      padding-right: 23px; }
.free-landing-page.free-box .free-box-contents, .free-landing-page.free-trial .free-box-contents {
  padding-bottom: 38px; }
.free-landing-page.free-box .free-box-contents .columns, .free-landing-page.free-trial .free-box-contents .columns {
    padding-top: 38px; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .columns, .free-landing-page.free-trial .free-box-contents .columns {
        padding-top: 1rem; } }
@media (max-width: 640px) {
    .free-landing-page.free-box .free-box-contents .free-box-description, .free-landing-page.free-trial .free-box-contents .free-box-description {
      text-align: center; } }
.free-landing-page.free-box .free-box-contents .email-modal-input, .free-landing-page.free-trial .free-box-contents .email-modal-input {
    display: block;
    border: 1px solid #b7b4b0;
    border-radius: 3px;
    height: 48px;
    margin-top: 12px;
    margin-bottom: 18px;
    padding-left: 16px;
    border-bottom-right-radius: initial;
    border-top-right-radius: initial;
    width: 300px;
    padding: 10px; }
.free-landing-page.free-box .free-box-contents .email-modal-input::-moz-placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input::-moz-placeholder {
      color: #706c68; }
.free-landing-page.free-box .free-box-contents .email-modal-input:-ms-input-placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input:-ms-input-placeholder {
      color: #706c68; }
.free-landing-page.free-box .free-box-contents .email-modal-input::placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input::placeholder {
      color: #706c68; }
@media (max-width: 440px) {
        .free-landing-page.free-box .free-box-contents .email-modal-input::-moz-placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input::-moz-placeholder {
          font-size: .875rem; }
        .free-landing-page.free-box .free-box-contents .email-modal-input:-ms-input-placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input:-ms-input-placeholder {
          font-size: .875rem; }
        .free-landing-page.free-box .free-box-contents .email-modal-input::placeholder, .free-landing-page.free-trial .free-box-contents .email-modal-input::placeholder {
          font-size: .875rem; } }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .email-modal-input, .free-landing-page.free-trial .free-box-contents .email-modal-input {
        margin: 10px auto; } }
.free-landing-page.free-box .free-box-contents .submit-button, .free-landing-page.free-trial .free-box-contents .submit-button {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    width: 300px;
    min-width: initial; }
@media (max-width: 440px) {
      .free-landing-page.free-box .free-box-contents .submit-button, .free-landing-page.free-trial .free-box-contents .submit-button {
        font-size: .875rem; } }
.free-landing-page.free-box .free-box-contents .descriptions-text .text-title, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-title {
    color: #231f1a;
    font-family: "Larsseit-Medium", sans-serif;
    font-size: 3.75rem;
    letter-spacing: 0.025rem;
    line-height: 3.375rem;
    font-weight: normal;
    font-style: normal;
    line-height: 3.875rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #4774b5; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .descriptions-text .text-title, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-title {
        font-size: 3rem;
        line-height: 2.75rem;
        letter-spacing: 0.01875rem; } }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .descriptions-text .text-title, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-title {
        margin-top: 0;
        margin-bottom: 0.5rem;
        color: #231f1a;
        font-family: "Larsseit-Medium", sans-serif;
        font-size: 2.25rem;
        letter-spacing: 0.01875rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
        font-weight: normal;
        font-style: normal;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #4774b5; } }
@media (max-width: 640px) and (max-width: 640px) {
    .free-landing-page.free-box .free-box-contents .descriptions-text .text-title, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-title {
      font-size: 1.75rem;
      line-height: 2rem;
      letter-spacing: 0.01562rem; } }
.free-landing-page.free-box .free-box-contents .descriptions-text .text-offer, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-offer {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    color: #4774b5;
    margin-bottom: 1rem; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .descriptions-text .text-offer, .free-landing-page.free-trial .free-box-contents .descriptions-text .text-offer {
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: 0.03125rem; } }
.free-landing-page.free-box .free-box-contents .products-slider, .free-landing-page.free-trial .free-box-contents .products-slider {
    max-width: 600px; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-dots, .free-landing-page.free-trial .free-box-contents .products-slider .slick-dots {
      bottom: -24px; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-dots li, .free-landing-page.free-trial .free-box-contents .products-slider .slick-dots li {
        margin: 0;
        vertical-align: bottom; }
.free-landing-page.free-box .free-box-contents .products-slider button, .free-landing-page.free-trial .free-box-contents .products-slider button {
      padding: 0; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-prev, .free-landing-page.free-box .free-box-contents .products-slider .slick-next, .free-landing-page.free-trial .free-box-contents .products-slider .slick-prev, .free-landing-page.free-trial .free-box-contents .products-slider .slick-next {
      height: 50px;
      width: 50px; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-prev, .free-landing-page.free-trial .free-box-contents .products-slider .slick-prev {
      left: 0; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-next, .free-landing-page.free-trial .free-box-contents .products-slider .slick-next {
      right: 0; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-prev::before,
    .free-landing-page.free-box .free-box-contents .products-slider .slick-next::before, .free-landing-page.free-trial .free-box-contents .products-slider .slick-prev::before,
    .free-landing-page.free-trial .free-box-contents .products-slider .slick-next::before {
      display: none; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-prev::before, .free-landing-page.free-trial .free-box-contents .products-slider .slick-prev::before {
      content: "";
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 5.569616037830097% 4.849157875254488%;
      width: 16.4px;
      height: 28px;
      margin: 0 auto; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-next::before, .free-landing-page.free-trial .free-box-contents .products-slider .slick-next::before {
      content: "";
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 5.985880315694828% 5.626503794188414%;
      width: 16.4px;
      height: 28px;
      margin: 0 auto; }
.free-landing-page.free-box .free-box-contents .products-slider:focus .slick-prev::before, .free-landing-page.free-box .free-box-contents .products-slider:focus .slick-next::before, .free-landing-page.free-box .free-box-contents .products-slider:hover .slick-prev::before, .free-landing-page.free-box .free-box-contents .products-slider:hover .slick-next::before, .free-landing-page.free-trial .free-box-contents .products-slider:focus .slick-prev::before, .free-landing-page.free-trial .free-box-contents .products-slider:focus .slick-next::before, .free-landing-page.free-trial .free-box-contents .products-slider:hover .slick-prev::before, .free-landing-page.free-trial .free-box-contents .products-slider:hover .slick-next::before {
      display: block; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-prev, .free-landing-page.free-trial .free-box-contents .products-slider .slick-prev {
      left: 1% !important;
      z-index: 1; }
.free-landing-page.free-box .free-box-contents .products-slider .slick-next, .free-landing-page.free-trial .free-box-contents .products-slider .slick-next {
      right: 1% !important;
      z-index: 1; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .products-slider, .free-landing-page.free-trial .free-box-contents .products-slider {
        width: 100%;
        text-align: center; } }
.free-landing-page.free-box .free-box-contents .cta, .free-landing-page.free-trial .free-box-contents .cta {
    margin-bottom: 0.5rem;
    font-size: 1.125rem; }
.free-landing-page.free-box .free-box-contents .snacks-included-text, .free-landing-page.free-trial .free-box-contents .snacks-included-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 75%; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .snacks-included-text, .free-landing-page.free-trial .free-box-contents .snacks-included-text {
        margin: 0 auto;
        display: none; } }
.free-landing-page.free-box .free-box-contents .snacks-included-text-mobile, .free-landing-page.free-trial .free-box-contents .snacks-included-text-mobile {
    display: none; }
@media (max-width: 640px) {
      .free-landing-page.free-box .free-box-contents .snacks-included-text-mobile, .free-landing-page.free-trial .free-box-contents .snacks-included-text-mobile {
        display: inline-block;
        text-align: center;
        padding-top: 2.75rem;
        padding-left: 2rem;
        padding-right: 2rem; } }
.free-landing-page.free-trial .free-box-contents .descriptions-text .text-title {
  font-size: 3.25rem;
  line-height: 3.5rem; }
.free-landing-page.free-trial .free-box-contents .descriptions-text .text-offer {
  color: #231f1a;
  font-size: 1.125rem; }
@media (max-width: 640px) {
  .free-landing-page.free-trial .free-box-contents .products-slider {
    padding-bottom: 2rem; } }
.free-landing-page.free-trial .free-box-contents .snacks-included-text-mobile {
  padding-top: 0; }
.free-landing-page.free-trial .free-box-contents .description-bullets ul {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 30px;
  list-style-position: outside;
  list-style-image: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg); }
.free-landing-page.free-trial .free-box-contents .description-bullets ul li {
    padding-bottom: 8px;
    font-size: 1rem; }
.free-landing-page.free-trial .free-box-contents .description-bullets ul li .bullet-content {
      margin-left: 0.4375rem;
      max-width: 90%; }
.free-landing-page.free-trial .free-box-contents .description-bullets ul li .bullet-title {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #231f1a; }
.free-landing-page.free-trial .free-box-contents .description-bullets ul li .bullet-desc {
      color: #706c68; }
#homepage button.cta, .free-landing-page button.cta {
  padding-left: 23px;
  padding-right: 23px; }
@media (max-width: 640px) {
  #homepage h2, .free-landing-page h2 {
    font-size: 1.5rem; } }
@media (max-width: 640px) {
  #homepage h4, .free-landing-page h4 {
    font-size: 1rem; } }
@media (max-width: 640px) {
  #homepage .text-3, .free-landing-page .text-3 {
    font-size: 1rem; } }
#homepage .product-hero-v2, .free-landing-page .product-hero-v2 {
  background-color: #e7edf0;
  background-image: url(/assets/img/hp-hero-v2_2560x640-c7ea96488f908c79ad327ffea5c25ea7.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 320px; }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .product-hero-v2, .free-landing-page .product-hero-v2 {
      height: 340px; } }
@media (min-width: 841px) {
    #homepage .product-hero-v2, .free-landing-page .product-hero-v2 {
      background-size: cover;
      background-position: 100px; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .product-hero-v2, .free-landing-page .product-hero-v2 {
      background-size: cover;
      background-position: -180px; } }
#homepage .product-hero-v2 .product-image-medium-down, .free-landing-page .product-hero-v2 .product-image-medium-down {
    background-image: url(/assets/img/hp-hero-v2_1920x600-23531f1f5eb6ce182546fa50e970d671.jpg);
    height: 100px;
    background-size: cover; }
@media (min-width: 641px) {
      #homepage .product-hero-v2 .product-image-medium-down, .free-landing-page .product-hero-v2 .product-image-medium-down {
        display: none; } }
@media (max-width: 640px) {
    #homepage .product-hero-v2 .text-holder, .free-landing-page .product-hero-v2 .text-holder {
      text-align: center;
      background-color: #f5f3f0;
      padding: 16px 0; }
      #homepage .product-hero-v2 .text-holder h1, .free-landing-page .product-hero-v2 .text-holder h1 {
        margin-bottom: 0; }
      #homepage .product-hero-v2 .text-holder p.text-1, .free-landing-page .product-hero-v2 .text-holder p.text-1 {
        margin-top: 0;
        font-size: 18px;
        padding: 0 8px; }
      #homepage .product-hero-v2 .text-holder .cta, .free-landing-page .product-hero-v2 .text-holder .cta {
        height: 48px; } }
@media (min-width: 841px) {
    #homepage .product-hero-v2 .text-holder p.text-1, .free-landing-page .product-hero-v2 .text-holder p.text-1 {
      max-width: 606px; } }
@media (max-width: 440px) {
    #homepage .product-hero-v2 .text-holder p.text-1, .free-landing-page .product-hero-v2 .text-holder p.text-1 {
      margin: 0 auto;
      margin-bottom: 18px; } }
#homepage .product-hero-v2 .cta, .free-landing-page .product-hero-v2 .cta {
    padding-left: 66px;
    padding-right: 66px;
    height: 56px; }
@media (max-width: 640px) {
      #homepage .product-hero-v2 .cta, .free-landing-page .product-hero-v2 .cta {
        padding-left: 28px;
        padding-right: 28px;
        margin-bottom: 16px;
        font-size: 18px; } }
#homepage .product-hero-v2 .link, .free-landing-page .product-hero-v2 .link {
    margin-left: 40px;
    font-size: 16px; }
@media (max-width: 640px) {
      #homepage .product-hero-v2 .link, .free-landing-page .product-hero-v2 .link {
        margin: 0; } }
#homepage .product-hero-v2 h1, .free-landing-page .product-hero-v2 h1 {
    margin-top: 56px;
    font-size: 54px; }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .product-hero-v2 h1, .free-landing-page .product-hero-v2 h1 {
        font-size: 44px; } }
@media (max-width: 640px) {
      #homepage .product-hero-v2 h1, .free-landing-page .product-hero-v2 h1 {
        font-size: 30px;
        margin-top: 0; } }
@media (max-width: 440px) {
      #homepage .product-hero-v2 h1, .free-landing-page .product-hero-v2 h1 {
        margin-bottom: 0; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .product-hero-v2 p.text-1, .free-landing-page .product-hero-v2 p.text-1 {
      max-width: 424px; } }
@media (min-width: 841px) {
    #homepage .product-hero-v2 p.text-1, .free-landing-page .product-hero-v2 p.text-1 {
      max-width: 337px; } }
@media (min-width: 1281px) {
    #homepage .product-hero-v2 p.text-1, .free-landing-page .product-hero-v2 p.text-1 {
      max-width: none; } }
@media (max-width: 640px) {
    #homepage .product-hero-v2 .claims, .free-landing-page .product-hero-v2 .claims {
      padding: 0; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .product-hero-v2 .claims, .free-landing-page .product-hero-v2 .claims {
      padding-left: 36px; } }
@media (min-width: 841px) {
    #homepage .product-hero-v2 .claims, .free-landing-page .product-hero-v2 .claims {
      padding-left: 2.75rem; } }
@media (min-width: 1281px) {
    #homepage .product-hero-v2 .claims, .free-landing-page .product-hero-v2 .claims {
      padding-left: .75rem; } }
@media (max-width: 640px) {
  #homepage .category-snack-list, .free-landing-page .category-snack-list {
    margin-top: 34px; } }
#homepage .category-snack-list .category-snack-list-header > *, .free-landing-page .category-snack-list .category-snack-list-header > * {
  display: inline-block;
  vertical-align: middle; }
#homepage .category-snack-list .category-snack-list-header h2, .free-landing-page .category-snack-list .category-snack-list-header h2 {
  padding-right: 18px; }
#homepage .category-snack-list .category-snack-list-header h2 .title-link, .free-landing-page .category-snack-list .category-snack-list-header h2 .title-link {
    color: #231f1a; }
@media (max-width: 840px) {
  #homepage .category-snack-list li:nth-of-type(7), #homepage .category-snack-list li:nth-of-type(8), .free-landing-page .category-snack-list li:nth-of-type(7), .free-landing-page .category-snack-list li:nth-of-type(8) {
    display: none; } }
#homepage .popular-categories .popular-categories-header > *, .free-landing-page .popular-categories .popular-categories-header > * {
  display: inline-block;
  vertical-align: middle; }
#homepage .popular-categories .popular-categories-header h2, .free-landing-page .popular-categories .popular-categories-header h2 {
  padding-right: 18px; }
@media (max-width: 840px) {
  #homepage .popular-categories li:nth-of-type(6), #homepage .popular-categories li:nth-of-type(7), .free-landing-page .popular-categories li:nth-of-type(6), .free-landing-page .popular-categories li:nth-of-type(7) {
    display: none; } }
#homepage .how-it-works, .free-landing-page .how-it-works {
  background-color: #f5f3f0;
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative; }
@media (max-width: 1280px) {
    #homepage .how-it-works, .free-landing-page .how-it-works {
      padding-top: 38px;
      padding-bottom: 38px; } }
@media (max-width: 640px) {
    #homepage .how-it-works, .free-landing-page .how-it-works {
      padding: 24px 0; } }
#homepage .how-it-works::before, .free-landing-page .how-it-works::before {
    content: "";
    display: block;
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 20.897639109034788% 27.568667344862664%;
    width: 41px;
    height: 21px;
    position: absolute;
    bottom: -13px;
    left: 50%; }
@media (max-width: 640px) {
      #homepage .how-it-works::before, .free-landing-page .how-it-works::before {
        left: 45%; } }
#homepage .how-it-works h2, .free-landing-page .how-it-works h2 {
    text-align: center;
    margin-bottom: 32px; }
@media (max-width: 1280px) {
      #homepage .how-it-works h2, .free-landing-page .how-it-works h2 {
        margin-top: 0;
        margin-bottom: 12px; } }
#homepage .how-it-works .number.columns, .free-landing-page .how-it-works .number.columns {
    padding-right: 0; }
@media (min-width: 841px) {
    #homepage .how-it-works .steps-container, .free-landing-page .how-it-works .steps-container {
      max-width: 876px; } }
#homepage .how-it-works .steps-container .step h2, .free-landing-page .how-it-works .steps-container .step h2 {
    margin-top: 6px; }
@media (max-width: 840px) {
    #homepage .how-it-works .steps-container .step, .free-landing-page .how-it-works .steps-container .step {
      max-width: 450px;
      margin: 0 auto;
      float: none;
      margin-bottom: 24px; } }
@media (max-width: 840px) and (max-width: 640px) {
    #homepage .how-it-works .steps-container .step, .free-landing-page .how-it-works .steps-container .step {
      margin-bottom: 12px; } }
@media (max-width: 840px) {
      #homepage .how-it-works .steps-container .step::after, .free-landing-page .how-it-works .steps-container .step::after {
        display: block;
        clear: both;
        content: '';
        visibility: hidden; } }
@media (max-width: 640px) {
    #homepage .how-it-works .steps-container .text-box, .free-landing-page .how-it-works .steps-container .text-box {
      font-size: 16px; } }
#homepage .how-it-works .steps-container .text, .free-landing-page .how-it-works .steps-container .text {
    color: #231f1a; }
@media (min-width: 841px) {
    #homepage .how-it-works .steps-container .xxlarge-4, .free-landing-page .how-it-works .steps-container .xxlarge-4 {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 33.33333%;
      float: left; } }
#homepage .savings-claims, .free-landing-page .savings-claims {
  margin-top: 5px;
  position: relative;
  top: 20px; }
@media (min-width: 641px) {
    #homepage .savings-claims, .free-landing-page .savings-claims {
      left: 12%; } }
@media (min-width: 1281px) {
    #homepage .savings-claims, .free-landing-page .savings-claims {
      left: 12%; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .savings-claims, .free-landing-page .savings-claims {
      left: 8%; } }
@media (min-width: 441px) and (max-width: 640px) {
    #homepage .savings-claims, .free-landing-page .savings-claims {
      background-image: url(/assets/img/waffle-background-c39d17f7e4a0cff99422932d9174859c.jpg);
      background-repeat: no-repeat;
      display: inline-block;
      width: 100%;
      background-size: contain;
      background-position-y: center; } }
@media (max-width: 640px) {
    #homepage .savings-claims, .free-landing-page .savings-claims {
      text-align: center; } }
#homepage .savings-claims h2, .free-landing-page .savings-claims h2 {
    margin-bottom: 12px; }
#homepage .savings-claims .claims-list li, .free-landing-page .savings-claims .claims-list li {
    margin: 2px 0 0 20px;
    list-style-position: outside; }
#homepage .savings-claims .claims-list li .dollar-sign, .free-landing-page .savings-claims .claims-list li .dollar-sign {
      font-size: 1rem; }
@media (min-width: 841px) {
    #homepage .savings-claims .claims-list, .free-landing-page .savings-claims .claims-list {
      width: 46%; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .savings-claims .claims-list, .free-landing-page .savings-claims .claims-list {
      width: 60%; } }
@media (min-width: 441px) and (max-width: 640px) {
    #homepage .savings-claims .claims-list, .free-landing-page .savings-claims .claims-list {
      display: block;
      width: 65%;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      padding-left: 1rem; } }
@media (max-width: 440px) {
    #homepage .savings-claims .claims-list, .free-landing-page .savings-claims .claims-list {
      list-style-position: inside;
      margin: 0 auto;
      width: 90%;
      padding-left: 2rem; }
      #homepage .savings-claims .claims-list li, .free-landing-page .savings-claims .claims-list li {
        text-align: left;
        margin-left: 0; } }
#homepage .savings-claims .dollar-sign, .free-landing-page .savings-claims .dollar-sign {
    font-family: Helvetica, sans-serif; }
#homepage .savings-claims button, .free-landing-page .savings-claims button {
    margin-top: 16px; }
#homepage .savings-claims .waffle-image, .free-landing-page .savings-claims .waffle-image {
    z-index: 1; }
@media (min-width: 641px) {
      #homepage .savings-claims .waffle-image, .free-landing-page .savings-claims .waffle-image {
        background-image: url(/assets/img/waffle-whole-a3cfac8b3da827e7332d2a7b716f40b6.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 350px;
        height: 290px;
        background-size: cover;
        position: absolute;
        top: -10px;
        right: 12%; } }
@media (min-width: 1281px) {
      #homepage .savings-claims .waffle-image, .free-landing-page .savings-claims .waffle-image {
        right: 16%; } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .savings-claims .waffle-image, .free-landing-page .savings-claims .waffle-image {
        right: -15%; } }
#homepage .claims-container, .free-landing-page .claims-container {
  text-align: center;
  background-color: #f5f3f0;
  margin-top: 60px;
  padding: 16px 0; }
#homepage .claims-container h2, .free-landing-page .claims-container h2 {
    margin-top: 32px; }
#homepage .claims-container .claim-box, .free-landing-page .claims-container .claim-box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px; }
#homepage .claims-container .claim-title, .free-landing-page .claims-container .claim-title {
    color: #231f1a;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
#homepage .claims-container .icon, .free-landing-page .claims-container .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px; }
@media (max-width: 640px) {
      #homepage .claims-container .icon, .free-landing-page .claims-container .icon {
        margin-right: 24px; } }
#homepage .claims-container .claim-holder, .free-landing-page .claims-container .claim-holder {
    display: inline-block;
    width: 80%;
    max-width: 300px;
    text-align: left;
    margin-bottom: 36px; }
@media (max-width: 440px) {
      #homepage .claims-container .claim-holder, .free-landing-page .claims-container .claim-holder {
        max-width: 200px; } }
#homepage .claims-container .apple-icon, .free-landing-page .claims-container .apple-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 3.2182758045689512% 2.704204482311539%;
    width: 34px;
    height: 36px; }
#homepage .claims-container .compass-icon, .free-landing-page .claims-container .compass-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 9.247060785458183% 9.047133993888323%;
    width: 35px;
    height: 35px; }
#homepage .claims-container .variety-icon, .free-landing-page .claims-container .variety-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 86.26616604088444% 87.51505047698434%;
    width: 43px;
    height: 37px; }
#homepage .claims-container .unique-icon, .free-landing-page .claims-container .unique-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 85.55944638986159% 86.83333333333333%;
    width: 34px;
    height: 34px; }
@media (max-width: 640px) {
  #homepage .promises, .free-landing-page .promises {
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 641px) {
  #homepage .promises .happy-family-img, .free-landing-page .promises .happy-family-img {
    margin-top: 28px;
    margin-left: 12px;
    display: inline-block;
    width: 62%;
    height: 450px;
    background-image: url(/assets/img/lifestyle-large-030af6e6d3cdf3010fb13533c046453e.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; } }
@media (min-width: 641px) and (max-width: 840px) {
  #homepage .promises .happy-family-img, .free-landing-page .promises .happy-family-img {
    width: 50%;
    height: 311px; } }
@media (max-width: 640px) {
  #homepage .promises .happy-family-img, .free-landing-page .promises .happy-family-img {
    background-image: url(/assets/img/lifestyle-small-ddfce9328a51c7f89621d1017f495474.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 312px; } }
@media (max-width: 440px) {
  #homepage .promises .happy-family-img, .free-landing-page .promises .happy-family-img {
    height: 210px; } }
#homepage .promises .content-holder, .free-landing-page .promises .content-holder {
  display: inline-block;
  width: 34%;
  float: right;
  margin-top: 16px;
  padding-right: 8px; }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .promises .content-holder, .free-landing-page .promises .content-holder {
      width: 45%;
      margin-top: 4px; } }
@media (max-width: 640px) {
    #homepage .promises .content-holder, .free-landing-page .promises .content-holder {
      text-align: center;
      width: 100%;
      margin-top: 0; } }
#homepage .promises .content-holder h2, .free-landing-page .promises .content-holder h2 {
    margin-bottom: 12px; }
@media (max-width: 440px) {
      #homepage .promises .content-holder h2, .free-landing-page .promises .content-holder h2 {
        max-width: 370px;
        padding: 12px 8px 0px 24px; } }
#homepage .promises .content-holder .promise-blurb, .free-landing-page .promises .content-holder .promise-blurb {
    font-size: 1.125rem; }
@media (max-width: 640px) {
      #homepage .promises .content-holder .promise-blurb, .free-landing-page .promises .content-holder .promise-blurb {
        padding: 0 8px; } }
#homepage .promises .content-holder h5, .free-landing-page .promises .content-holder h5 {
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 2rem 0 .5rem 0; }
#homepage .promises .content-holder .promise-list, .free-landing-page .promises .content-holder .promise-list {
    margin-bottom: 14px;
    list-style-position: inside; }
@media (max-width: 640px) {
      #homepage .promises .content-holder .promise-list, .free-landing-page .promises .content-holder .promise-list {
        text-align: left;
        max-width: 322px;
        margin: 0 auto;
        padding: 0px 8px 24px 24px; } }
#homepage .promises .content-holder .promise, .free-landing-page .promises .content-holder .promise {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    color: #706c68;
    margin-left: 0; }
@media (max-width: 640px) {
      #homepage .promises .content-holder .promise, .free-landing-page .promises .content-holder .promise {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
@media (max-width: 640px) {
      #homepage .promises .content-holder .promise, .free-landing-page .promises .content-holder .promise {
        font-size: 1rem; }
        #homepage .promises .content-holder .promise li, .free-landing-page .promises .content-holder .promise li {
          margin-top: 2px; } }
#homepage .snack-reviews, .free-landing-page .snack-reviews {
  margin-top: 25px;
  background-color: #f5f3f0;
  text-align: center;
  height: 420px;
  padding: 12px 0; }
@media (min-width: 1281px) {
    #homepage .snack-reviews, .free-landing-page .snack-reviews {
      height: 320px; } }
@media (min-width: 641px) and (max-width: 840px) {
    #homepage .snack-reviews, .free-landing-page .snack-reviews {
      height: 610px; } }
@media (max-width: 640px) {
    #homepage .snack-reviews, .free-landing-page .snack-reviews {
      height: 400px;
      padding: 32px 0; }
      #homepage .snack-reviews h2, .free-landing-page .snack-reviews h2 {
        display: none; } }
#homepage .snack-reviews .review-holder, .free-landing-page .snack-reviews .review-holder {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 12px; }
#homepage .snack-reviews .review-content, .free-landing-page .snack-reviews .review-content {
    margin: 0 auto; }
@media (min-width: 1281px) {
      #homepage .snack-reviews .review-content, .free-landing-page .snack-reviews .review-content {
        width: 404px; } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .snack-reviews .review-content, .free-landing-page .snack-reviews .review-content {
        width: 508px; } }
#homepage .snack-reviews .img, .free-landing-page .snack-reviews .img {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin: 0 auto; }
@media (min-width: 1281px) {
      #homepage .snack-reviews .img, .free-landing-page .snack-reviews .img {
        float: left;
        margin-bottom: 0px; } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .snack-reviews .img, .free-landing-page .snack-reviews .img {
        float: left;
        margin-bottom: 0px; } }
#homepage .snack-reviews .pineapple, .free-landing-page .snack-reviews .pineapple {
    background-image: url(/assets/img/pineapple_square1-98a76543a590c8db6da6cf13a74b1f7d.jpg); }
#homepage .snack-reviews .wafer, .free-landing-page .snack-reviews .wafer {
    background-image: url(/assets/img/wafer_square-00c1aa306d06a9ba2c6491fad82a6720.jpg); }
#homepage .snack-reviews .cashew, .free-landing-page .snack-reviews .cashew {
    background-image: url(/assets/img/sriracha_cashew_square-6bb46f598a3c8339af34050f23f309ab.jpg); }
@media (max-width: 840px) {
    #homepage .snack-reviews .review-block, .free-landing-page .snack-reviews .review-block {
      margin-bottom: 24px; } }
#homepage .snack-reviews .review-block .text-holder, .free-landing-page .snack-reviews .review-block .text-holder {
    margin-bottom: 16px; }
@media (min-width: 1281px) {
      #homepage .snack-reviews .review-block .text-holder, .free-landing-page .snack-reviews .review-block .text-holder {
        display: block;
        float: left;
        margin-left: 24px;
        text-align: left; }
        #homepage .snack-reviews .review-block .text-holder.first-review, .free-landing-page .snack-reviews .review-block .text-holder.first-review {
          position: relative;
          top: -16px; } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .snack-reviews .review-block .text-holder, .free-landing-page .snack-reviews .review-block .text-holder {
        display: block;
        float: left;
        margin-left: 24px;
        text-align: left; }
        #homepage .snack-reviews .review-block .text-holder.first-review, .free-landing-page .snack-reviews .review-block .text-holder.first-review {
          position: relative;
          top: -16px; } }
#homepage .snack-reviews .review-block .text-holder .review-title, .free-landing-page .snack-reviews .review-block .text-holder .review-title {
      margin: 0;
      display: inline-block; }
@media (max-width: 1280px) {
        #homepage .snack-reviews .review-block .text-holder .review-title, .free-landing-page .snack-reviews .review-block .text-holder .review-title {
          margin-top: 8px; } }
@media (max-width: 640px) {
        #homepage .snack-reviews .review-block .text-holder .review-title, .free-landing-page .snack-reviews .review-block .text-holder .review-title {
          font-size: 18px; } }
#homepage .snack-reviews .review-block .text-holder .review-text, .free-landing-page .snack-reviews .review-block .text-holder .review-text {
      display: block;
      max-width: 260px;
      margin: 0 auto; }
@media (max-width: 840px) {
        #homepage .snack-reviews .review-block .text-holder .review-text, .free-landing-page .snack-reviews .review-block .text-holder .review-text {
          max-width: 340px; } }
@media (max-width: 640px) {
        #homepage .snack-reviews .review-block .text-holder .review-text, .free-landing-page .snack-reviews .review-block .text-holder .review-text {
          max-width: 300px; } }
#homepage .snack-reviews .slick-slide.slick-active, .free-landing-page .snack-reviews .slick-slide.slick-active {
    float: left; }
#homepage .snack-reviews .slick-dots, .free-landing-page .snack-reviews .slick-dots {
    bottom: 0; }
#homepage .snack-reviews li, .free-landing-page .snack-reviews li {
    margin-left: 0; }
#homepage .emailer, .free-landing-page .emailer {
  margin-top: 25px;
  background-color: #f5f3f0;
  text-align: center;
  padding: 8px; }
#homepage .emailer h2, .free-landing-page .emailer h2 {
    margin: 46px 0 8px 0; }
#homepage .emailer #email, .free-landing-page .emailer #email {
    margin-top: 16px;
    height: 46px;
    width: 280px;
    padding-left: 17px;
    border-radius: 3px;
    border: 1px solid #e4e0db; }
#homepage .emailer .cta, .free-landing-page .emailer .cta {
    padding-left: 23px;
    padding-right: 23px;
    display: block;
    margin: 24px auto 41px auto; }
#homepage .shop-by-values, .free-landing-page .shop-by-values {
  background-color: #f5f3f0;
  text-align: center;
  padding: 18px 3px 32px 10px; }
@media (max-width: 640px) {
    #homepage .shop-by-values, .free-landing-page .shop-by-values {
      padding-top: 12px;
      padding-bottom: 24px; } }
#homepage .shop-by-values .snack-values, .free-landing-page .shop-by-values .snack-values {
    max-width: 1280px;
    margin: 0 auto; }
#homepage .shop-by-values .value-holder:hover .value-name, #homepage .shop-by-values .value-holder:focus .value-name, .free-landing-page .shop-by-values .value-holder:hover .value-name, .free-landing-page .shop-by-values .value-holder:focus .value-name {
    color: #ef5e12; }
#homepage .emailer-v2, .free-landing-page .emailer-v2 {
  margin-top: 25px;
  background-color: #f5f3f0;
  text-align: center;
  padding: 8px; }
#homepage .emailer-v2 .details, .free-landing-page .emailer-v2 .details {
    max-width: 428px;
    margin: 0 auto; }
@media (max-width: 640px) {
      #homepage .emailer-v2 .details, .free-landing-page .emailer-v2 .details {
        max-width: 300px;
        font-size: 16px; } }
#homepage .emailer-v2 h2, .free-landing-page .emailer-v2 h2 {
    margin: 46px 0 8px 0; }
@media (max-width: 640px) {
      #homepage .emailer-v2 h2, .free-landing-page .emailer-v2 h2 {
        margin-top: 32px; } }
#homepage .emailer-v2 input, .free-landing-page .emailer-v2 input {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 41px; }
#homepage .emailer-v2 #email, .free-landing-page .emailer-v2 #email {
    height: 56px;
    width: 280px;
    padding-left: 17px;
    border-radius: 3px 0px 0px 3px;
    border: 1px solid #c0bcbc; }
@media (max-width: 640px) {
      #homepage .emailer-v2 #email, .free-landing-page .emailer-v2 #email {
        border-radius: 3px;
        display: block;
        margin: 0 auto;
        margin-top: 16px;
        height: 48px;
        width: 300px; } }
#homepage .emailer-v2 #email-submit, .free-landing-page .emailer-v2 #email-submit {
    height: 56px;
    border-radius: 0px 3px 3px 0px;
    font-size: 18px; }
@media (max-width: 640px) {
      #homepage .emailer-v2 #email-submit, .free-landing-page .emailer-v2 #email-submit {
        margin-top: 8px;
        border-radius: 3px;
        height: 48px;
        width: 212px;
        margin-bottom: 32px; } }
#homepage .emailer-v2 .cta, .free-landing-page .emailer-v2 .cta {
    padding-left: 23px;
    padding-right: 23px; }
#homepage .what-is-naturebox, #referral .what-is-naturebox, .free-landing-page .what-is-naturebox, .egifts-landing .what-is-naturebox {
  background-size: cover;
  background-repeat: no-repeat;
  max-width: none; }
@media (max-width: 440px) {
    #homepage .what-is-naturebox, #referral .what-is-naturebox, .free-landing-page .what-is-naturebox, .egifts-landing .what-is-naturebox {
      background-image: url(/assets/img/what_is_nbx_sm-1ebb0e94cfbdac8cab19b4c496819431.jpg);
      background-size: contain;
      color: #231f1a; } }
@media (min-width: 441px) {
    #homepage .what-is-naturebox, #referral .what-is-naturebox, .free-landing-page .what-is-naturebox, .egifts-landing .what-is-naturebox {
      background-image: url(/assets/img/what_is_nbx_md-up-f3679618ca9bc3706be3a6ccb73e3065.jpg);
      background-position: top center; } }
#homepage .what-is-naturebox.referral, #homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.referral, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.referral, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.referral, .egifts-landing .what-is-naturebox.redeem {
    max-width: 800px;
    width: 100%;
    background-size: 100%;
    background-image: none; }
@media (max-width: 440px) {
      #homepage .what-is-naturebox.referral, #homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.referral, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.referral, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.referral, .egifts-landing .what-is-naturebox.redeem {
        background-size: contain;
        background-color: #f5f3f0;
        background-image: none;
        color: #231f1a; } }
@media (min-width: 441px) and (max-width: 640px) {
      #homepage .what-is-naturebox.referral, #homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.referral, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.referral, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.referral, .egifts-landing .what-is-naturebox.redeem {
        background-color: #fff;
        max-width: 830px; } }
@media (min-width: 441px) {
      #homepage .what-is-naturebox.referral, #homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.referral, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.referral, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.referral, .egifts-landing .what-is-naturebox.redeem {
        background: none; } }
@media (min-width: 841px) {
      #homepage .what-is-naturebox.referral, #homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.referral, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.referral, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.referral, .egifts-landing .what-is-naturebox.redeem {
        background-position: top center;
        background-color: #f5f3f0; } }
#homepage .what-is-naturebox.referral .outer-header, #homepage .what-is-naturebox.redeem .outer-header, #referral .what-is-naturebox.referral .outer-header, #referral .what-is-naturebox.redeem .outer-header, .free-landing-page .what-is-naturebox.referral .outer-header, .free-landing-page .what-is-naturebox.redeem .outer-header, .egifts-landing .what-is-naturebox.referral .outer-header, .egifts-landing .what-is-naturebox.redeem .outer-header {
      color: #231f1a; }
@media (max-width: 440px) {
        #homepage .what-is-naturebox.referral .outer-header, #homepage .what-is-naturebox.redeem .outer-header, #referral .what-is-naturebox.referral .outer-header, #referral .what-is-naturebox.redeem .outer-header, .free-landing-page .what-is-naturebox.referral .outer-header, .free-landing-page .what-is-naturebox.redeem .outer-header, .egifts-landing .what-is-naturebox.referral .outer-header, .egifts-landing .what-is-naturebox.redeem .outer-header {
          margin-bottom: 0px; } }
#homepage .what-is-naturebox.referral .text-holder, #homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.referral .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.referral .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.referral .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
      background-color: #f5f3f0;
      margin-top: 15px;
      margin-bottom: 48px; }
#homepage .what-is-naturebox.referral .text-holder .main-text, #homepage .what-is-naturebox.redeem .text-holder .main-text, #referral .what-is-naturebox.referral .text-holder .main-text, #referral .what-is-naturebox.redeem .text-holder .main-text, .free-landing-page .what-is-naturebox.referral .text-holder .main-text, .free-landing-page .what-is-naturebox.redeem .text-holder .main-text, .egifts-landing .what-is-naturebox.referral .text-holder .main-text, .egifts-landing .what-is-naturebox.redeem .text-holder .main-text {
        color: gray;
        margin-bottom: 15px; }
@media (max-width: 440px) {
          #homepage .what-is-naturebox.referral .text-holder .main-text, #homepage .what-is-naturebox.redeem .text-holder .main-text, #referral .what-is-naturebox.referral .text-holder .main-text, #referral .what-is-naturebox.redeem .text-holder .main-text, .free-landing-page .what-is-naturebox.referral .text-holder .main-text, .free-landing-page .what-is-naturebox.redeem .text-holder .main-text, .egifts-landing .what-is-naturebox.referral .text-holder .main-text, .egifts-landing .what-is-naturebox.redeem .text-holder .main-text {
            padding-top: 20px; } }
@media (max-width: 440px) {
          #homepage .what-is-naturebox.referral .text-holder .main-text .big-text, #homepage .what-is-naturebox.redeem .text-holder .main-text .big-text, #referral .what-is-naturebox.referral .text-holder .main-text .big-text, #referral .what-is-naturebox.redeem .text-holder .main-text .big-text, .free-landing-page .what-is-naturebox.referral .text-holder .main-text .big-text, .free-landing-page .what-is-naturebox.redeem .text-holder .main-text .big-text, .egifts-landing .what-is-naturebox.referral .text-holder .main-text .big-text, .egifts-landing .what-is-naturebox.redeem .text-holder .main-text .big-text {
            display: inline; } }
#homepage .what-is-naturebox.referral .text-holder .main-text .small-text, #homepage .what-is-naturebox.redeem .text-holder .main-text .small-text, #referral .what-is-naturebox.referral .text-holder .main-text .small-text, #referral .what-is-naturebox.redeem .text-holder .main-text .small-text, .free-landing-page .what-is-naturebox.referral .text-holder .main-text .small-text, .free-landing-page .what-is-naturebox.redeem .text-holder .main-text .small-text, .egifts-landing .what-is-naturebox.referral .text-holder .main-text .small-text, .egifts-landing .what-is-naturebox.redeem .text-holder .main-text .small-text {
          display: none; }
#homepage .what-is-naturebox.referral .text-holder .extra-text, #homepage .what-is-naturebox.redeem .text-holder .extra-text, #referral .what-is-naturebox.referral .text-holder .extra-text, #referral .what-is-naturebox.redeem .text-holder .extra-text, .free-landing-page .what-is-naturebox.referral .text-holder .extra-text, .free-landing-page .what-is-naturebox.redeem .text-holder .extra-text, .egifts-landing .what-is-naturebox.referral .text-holder .extra-text, .egifts-landing .what-is-naturebox.redeem .text-holder .extra-text {
        margin: 25px 32px -25px 32px;
        color: gray; }
#homepage .what-is-naturebox.referral .text-holder .button-holder, #homepage .what-is-naturebox.redeem .text-holder .button-holder, #referral .what-is-naturebox.referral .text-holder .button-holder, #referral .what-is-naturebox.redeem .text-holder .button-holder, .free-landing-page .what-is-naturebox.referral .text-holder .button-holder, .free-landing-page .what-is-naturebox.redeem .text-holder .button-holder, .egifts-landing .what-is-naturebox.referral .text-holder .button-holder, .egifts-landing .what-is-naturebox.redeem .text-holder .button-holder {
        display: none; }
@media (max-width: 440px) {
        #homepage .what-is-naturebox.referral .text-holder, #homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.referral .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.referral .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.referral .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
          margin-top: 0px;
          padding-top: 0px;
          margin-bottom: 42px; } }
@media (min-width: 441px) and (max-width: 640px) {
        #homepage .what-is-naturebox.referral .text-holder, #homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.referral .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.referral .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.referral .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
          padding-top: 10px;
          margin-bottom: 38px;
          background-color: #fff;
          max-width: 830px; } }
@media (min-width: 641px) and (max-width: 840px) {
        #homepage .what-is-naturebox.referral .text-holder, #homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.referral .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.referral .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.referral .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
          background-color: #fff;
          max-width: 830px; } }
@media (min-width: 641px) {
        #homepage .what-is-naturebox.referral .text-holder, #homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.referral .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.referral .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.referral .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
          margin-top: 0px; } }
#homepage .what-is-naturebox.redeem, #referral .what-is-naturebox.redeem, .free-landing-page .what-is-naturebox.redeem, .egifts-landing .what-is-naturebox.redeem {
    background-color: #fff; }
#homepage .what-is-naturebox.redeem .text-holder, #referral .what-is-naturebox.redeem .text-holder, .free-landing-page .what-is-naturebox.redeem .text-holder, .egifts-landing .what-is-naturebox.redeem .text-holder {
      background-color: #fff; }
#homepage .what-is-naturebox .outer-header, #referral .what-is-naturebox .outer-header, .free-landing-page .what-is-naturebox .outer-header, .egifts-landing .what-is-naturebox .outer-header {
    color: #fff;
    margin-top: 56px;
    text-align: center;
    margin-bottom: 38px; }
@media (max-width: 440px) {
      #homepage .what-is-naturebox .outer-header, #referral .what-is-naturebox .outer-header, .free-landing-page .what-is-naturebox .outer-header, .egifts-landing .what-is-naturebox .outer-header {
        margin-top: 32px;
        margin-bottom: 8px; } }
@media (min-width: 441px) {
      #homepage .what-is-naturebox .outer-header, #referral .what-is-naturebox .outer-header, .free-landing-page .what-is-naturebox .outer-header, .egifts-landing .what-is-naturebox .outer-header {
        display: none; } }
#homepage .what-is-naturebox .text-holder, #referral .what-is-naturebox .text-holder, .free-landing-page .what-is-naturebox .text-holder, .egifts-landing .what-is-naturebox .text-holder {
    background-color: #fff; }
@media (max-width: 440px) {
      #homepage .what-is-naturebox .text-holder .inner-header, #referral .what-is-naturebox .text-holder .inner-header, .free-landing-page .what-is-naturebox .text-holder .inner-header, .egifts-landing .what-is-naturebox .text-holder .inner-header {
        display: none; } }
@media (max-width: 440px) {
      #homepage .what-is-naturebox .text-holder, #referral .what-is-naturebox .text-holder, .free-landing-page .what-is-naturebox .text-holder, .egifts-landing .what-is-naturebox .text-holder {
        padding-bottom: 40px; } }
@media (max-width: 640px) {
      #homepage .what-is-naturebox .text-holder, #referral .what-is-naturebox .text-holder, .free-landing-page .what-is-naturebox .text-holder, .egifts-landing .what-is-naturebox .text-holder {
        padding-top: 12px;
        padding-bottom: 16px; } }
@media (min-width: 441px) and (max-width: 640px) {
      #homepage .what-is-naturebox .text-holder, #referral .what-is-naturebox .text-holder, .free-landing-page .what-is-naturebox .text-holder, .egifts-landing .what-is-naturebox .text-holder {
        padding-top: 38px;
        padding-bottom: 42px;
        margin-top: 72px;
        margin-bottom: 72px; } }
@media (min-width: 641px) {
      #homepage .what-is-naturebox .text-holder, #referral .what-is-naturebox .text-holder, .free-landing-page .what-is-naturebox .text-holder, .egifts-landing .what-is-naturebox .text-holder {
        padding-top: 30px;
        padding-bottom: 30px;
        max-width: 858px;
        margin: 0 auto;
        margin-top: 76px;
        margin-bottom: 76px; } }
#homepage .what-is-naturebox .text-holder .main-text, #referral .what-is-naturebox .text-holder .main-text, .free-landing-page .what-is-naturebox .text-holder .main-text, .egifts-landing .what-is-naturebox .text-holder .main-text {
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      font-weight: normal;
      font-style: normal;
      margin-left: 32px;
      margin-right: 32px;
      text-align: center; }
@media (max-width: 640px) {
        #homepage .what-is-naturebox .text-holder .main-text, #referral .what-is-naturebox .text-holder .main-text, .free-landing-page .what-is-naturebox .text-holder .main-text, .egifts-landing .what-is-naturebox .text-holder .main-text {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
@media (max-width: 440px) {
        #homepage .what-is-naturebox .text-holder .main-text, #referral .what-is-naturebox .text-holder .main-text, .free-landing-page .what-is-naturebox .text-holder .main-text, .egifts-landing .what-is-naturebox .text-holder .main-text {
          padding-top: 28px; } }
@media (max-width: 640px) {
        #homepage .what-is-naturebox .text-holder .main-text, #referral .what-is-naturebox .text-holder .main-text, .free-landing-page .what-is-naturebox .text-holder .main-text, .egifts-landing .what-is-naturebox .text-holder .main-text {
          margin-bottom: 22px;
          font-size: 16px; } }
@media (max-width: 440px) {
        #homepage .what-is-naturebox .text-holder .main-text .big-text, #referral .what-is-naturebox .text-holder .main-text .big-text, .free-landing-page .what-is-naturebox .text-holder .main-text .big-text, .egifts-landing .what-is-naturebox .text-holder .main-text .big-text {
          display: none; } }
@media (min-width: 441px) {
        #homepage .what-is-naturebox .text-holder .main-text .small-text, #referral .what-is-naturebox .text-holder .main-text .small-text, .free-landing-page .what-is-naturebox .text-holder .main-text .small-text, .egifts-landing .what-is-naturebox .text-holder .main-text .small-text {
          display: none; } }
#homepage .what-is-naturebox .text-holder .extra-text, #referral .what-is-naturebox .text-holder .extra-text, .free-landing-page .what-is-naturebox .text-holder .extra-text, .egifts-landing .what-is-naturebox .text-holder .extra-text {
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      text-align: center; }
@media (max-width: 640px) {
      #homepage .what-is-naturebox .text-holder .claims, #referral .what-is-naturebox .text-holder .claims, .free-landing-page .what-is-naturebox .text-holder .claims, .egifts-landing .what-is-naturebox .text-holder .claims {
        display: none; } }
#homepage .what-is-naturebox .text-holder .claims .claim, #referral .what-is-naturebox .text-holder .claims .claim, .free-landing-page .what-is-naturebox .text-holder .claims .claim, .egifts-landing .what-is-naturebox .text-holder .claims .claim {
      display: inline-block;
      width: 33.3%;
      color: #231f1a;
      text-align: center; }
#homepage .what-is-naturebox .text-holder .claims .claim h2, #referral .what-is-naturebox .text-holder .claims .claim h2, .free-landing-page .what-is-naturebox .text-holder .claims .claim h2, .egifts-landing .what-is-naturebox .text-holder .claims .claim h2 {
        font-family: "Larsseit-Medium", sans-serif;
        font-weight: normal;
        font-style: normal;
        margin-bottom: 4px; }
@media (min-width: 641px) {
          #homepage .what-is-naturebox .text-holder .claims .claim h2, #referral .what-is-naturebox .text-holder .claims .claim h2, .free-landing-page .what-is-naturebox .text-holder .claims .claim h2, .egifts-landing .what-is-naturebox .text-holder .claims .claim h2 {
            font-size: 2.5rem; } }
#homepage .what-is-naturebox .text-holder .claims .claim .medium, #referral .what-is-naturebox .text-holder .claims .claim .medium, .free-landing-page .what-is-naturebox .text-holder .claims .claim .medium, .egifts-landing .what-is-naturebox .text-holder .claims .claim .medium {
        font-family: "Larsseit-Medium", sans-serif;
        font-weight: normal;
        font-style: normal; }
@media (min-width: 641px) {
        #homepage .what-is-naturebox .text-holder .claims .claim, #referral .what-is-naturebox .text-holder .claims .claim, .free-landing-page .what-is-naturebox .text-holder .claims .claim, .egifts-landing .what-is-naturebox .text-holder .claims .claim {
          font-size: 1.25rem; } }
#homepage .what-is-naturebox .text-holder .small-claims, #referral .what-is-naturebox .text-holder .small-claims, .free-landing-page .what-is-naturebox .text-holder .small-claims, .egifts-landing .what-is-naturebox .text-holder .small-claims {
      margin: 0 auto;
      max-width: 172px;
      color: #231f1a;
      text-align: left;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
@media (min-width: 641px) {
        #homepage .what-is-naturebox .text-holder .small-claims, #referral .what-is-naturebox .text-holder .small-claims, .free-landing-page .what-is-naturebox .text-holder .small-claims, .egifts-landing .what-is-naturebox .text-holder .small-claims {
          display: none; } }
@media (max-width: 640px) {
        #homepage .what-is-naturebox .text-holder .small-claims, #referral .what-is-naturebox .text-holder .small-claims, .free-landing-page .what-is-naturebox .text-holder .small-claims, .egifts-landing .what-is-naturebox .text-holder .small-claims {
          font-size: 16px; } }
#homepage .what-is-naturebox .text-holder h2, #referral .what-is-naturebox .text-holder h2, .free-landing-page .what-is-naturebox .text-holder h2, .egifts-landing .what-is-naturebox .text-holder h2 {
      text-align: center; }
#homepage .what-is-naturebox .text-holder .button-holder, #referral .what-is-naturebox .text-holder .button-holder, .free-landing-page .what-is-naturebox .text-holder .button-holder, .egifts-landing .what-is-naturebox .text-holder .button-holder {
      display: block;
      text-align: center;
      margin-top: 32px;
      margin-bottom: 24px; }
#homepage .what-is-naturebox .text-holder .button-holder .cta, #referral .what-is-naturebox .text-holder .button-holder .cta, .free-landing-page .what-is-naturebox .text-holder .button-holder .cta, .egifts-landing .what-is-naturebox .text-holder .button-holder .cta {
        font-size: 18px;
        padding-left: 32px;
        padding-right: 32px; }
@media (max-width: 440px) {
        #homepage .what-is-naturebox .text-holder .button-holder, #referral .what-is-naturebox .text-holder .button-holder, .free-landing-page .what-is-naturebox .text-holder .button-holder, .egifts-landing .what-is-naturebox .text-holder .button-holder {
          margin-bottom: 0; } }
#homepage .product-info, #referral .product-info, .free-landing-page .product-info, .egifts-landing .product-info {
  position: relative;
  background-color: #f5f3f0;
  height: 450px; }
@media (max-width: 640px) {
    #homepage .product-info, #referral .product-info, .free-landing-page .product-info, .egifts-landing .product-info {
      height: auto; } }
#homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
    background-image: url(/assets/img/hp-hero_3840x900-3faa139571c3768918d62194f0fb2c9e.jpg);
    background-repeat: repeat;
    display: inline-block;
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center; }
@media (min-width: 841px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        background-image: url(/assets/img/hp-hero_2560x900-39cd430ceba82d8e25e9f4645a09eb99.jpg); } }
@media (min-width: 1281px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        background-image: url(/assets/img/hp-hero_3840x900-3faa139571c3768918d62194f0fb2c9e.jpg); } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        background-image: url(/assets/img/hp-hero_1680x900-9f87a0b8c1b15c1812b7d583674f5854.jpg);
        background-position: left; } }
@media (max-width: 640px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        background-image: url(/assets/img/hp-hero_1920x630-36d7c271e6b18ffda6fdb318de657fba.jpg); } }
@media (min-width: 441px) and (max-width: 640px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        height: 210px; } }
@media (max-width: 440px) {
      #homepage .product-info .product-hero, #referral .product-info .product-hero, .free-landing-page .product-info .product-hero, .egifts-landing .product-info .product-hero {
        height: 150px; } }
#homepage .product-info .claims, #referral .product-info .claims, .free-landing-page .product-info .claims, .egifts-landing .product-info .claims {
    position: absolute;
    top: 0;
    left: 54%;
    color: #231f1a;
    font-size: 20px;
    padding-bottom: 44px;
    margin-right: .5rem; }
@media (min-width: 841px) {
      #homepage .product-info .claims, #referral .product-info .claims, .free-landing-page .product-info .claims, .egifts-landing .product-info .claims {
        left: 55%; } }
@media (min-width: 1281px) {
      #homepage .product-info .claims, #referral .product-info .claims, .free-landing-page .product-info .claims, .egifts-landing .product-info .claims {
        left: 36%; } }
@media (min-width: 641px) and (max-width: 840px) {
      #homepage .product-info .claims, #referral .product-info .claims, .free-landing-page .product-info .claims, .egifts-landing .product-info .claims {
        left: 240px; } }
@media (max-width: 640px) {
      #homepage .product-info .claims, #referral .product-info .claims, .free-landing-page .product-info .claims, .egifts-landing .product-info .claims {
        text-align: center;
        position: static;
        font-size: 18px;
        padding: 8px 8px 24px 8px;
        margin-right: 0; } }
#homepage .product-info .claims .heading-holder, #referral .product-info .claims .heading-holder, .free-landing-page .product-info .claims .heading-holder, .egifts-landing .product-info .claims .heading-holder {
      display: inline-block;
      width: auto;
      margin: 3rem 0 0 0; }
@media (max-width: 1280px) {
        #homepage .product-info .claims .heading-holder, #referral .product-info .claims .heading-holder, .free-landing-page .product-info .claims .heading-holder, .egifts-landing .product-info .claims .heading-holder {
          margin-top: 2rem; } }
@media (max-width: 640px) {
        #homepage .product-info .claims .heading-holder, #referral .product-info .claims .heading-holder, .free-landing-page .product-info .claims .heading-holder, .egifts-landing .product-info .claims .heading-holder {
          margin-top: 16px; } }
#homepage .product-info .claims h1, #referral .product-info .claims h1, .free-landing-page .product-info .claims h1, .egifts-landing .product-info .claims h1 {
      font-size: 38px;
      margin: 0;
      line-height: 3rem;
      display: inline-block; }
@media (max-width: 640px) {
        #homepage .product-info .claims h1, #referral .product-info .claims h1, .free-landing-page .product-info .claims h1, .egifts-landing .product-info .claims h1 {
          font-size: 30px;
          line-height: 2.5rem; } }
#homepage .product-info .claims p, #referral .product-info .claims p, .free-landing-page .product-info .claims p, .egifts-landing .product-info .claims p {
      clear: both;
      margin: 0; }
#homepage .product-info .claims a, #referral .product-info .claims a, .free-landing-page .product-info .claims a, .egifts-landing .product-info .claims a {
      color: #231f1a; }
#homepage .product-info .claims button, #referral .product-info .claims button, .free-landing-page .product-info .claims button, .egifts-landing .product-info .claims button {
      margin-top: 16px;
      display: inline-block; }
@media (max-width: 640px) {
        #homepage .product-info .claims button, #referral .product-info .claims button, .free-landing-page .product-info .claims button, .egifts-landing .product-info .claims button {
          margin-left: auto;
          margin-right: auto; } }
.new-member-banner {
  background-size: cover; }
.new-member-banner.catalog {
    height: 88px;
    background-position: center;
    margin-bottom: 24px; }
@media (min-width: 441px) {
      .new-member-banner.catalog {
        background-image: url(/assets/img/catalog-ad-background-md@3x-da213866fc816ac4ed611cf496e3871e.jpg); } }
@media (max-width: 440px) {
      .new-member-banner.catalog {
        background-image: url(/assets/img/catalog-ad-background-sm@3x-778537b2813506c29b6ecc180ac0bdbb.jpg); } }
.new-member-banner.catalog .big-text {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-size: 24px;
      width: 75%; }
@media (min-width: 441px) {
        .new-member-banner.catalog .big-text {
          line-height: 30px; } }
@media (max-width: 440px) {
        .new-member-banner.catalog .big-text {
          font-size: 18px;
          width: 80%; } }
.new-member-banner.catalog .big-text span {
        display: inline-block;
        margin: 0 auto; }
.new-member-banner.catalog .big-text span:first-child {
          margin-right: 3px; }
.new-member-banner.catalog .big-text span:last-child {
          margin-left: 3px; }
.new-member-banner .big-text {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-family: "Larsseit", sans-serif;
    color: #231f1a; }
.new-member-banner.cart {
    height: 108px;
    background-image: url(/assets/img/cart-ad-background@2x-ce5c91d894a3fed7c34665a551032542.jpg);
    background-position: center; }
@media (min-width: 641px) {
      .new-member-banner.cart {
        margin-bottom: 16px; } }
@media (max-width: 640px) {
      .new-member-banner.cart {
        display: none; } }
.new-member-banner.cart .big-text {
      width: 97%;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-size: 20px; }
@media (max-width: 840px) {
        .new-member-banner.cart .big-text {
          font-size: 18px; } }
@media (max-width: 640px) {
        .new-member-banner.cart .big-text {
          width: 74%; } }
.new-member-banner.cart .big-text span {
        line-height: 1.75rem;
        display: inline-block; }
.new-member-banner.cart .big-text span:first-child {
          margin-right: 3px; }
.new-member-banner.cart .big-text span:last-child {
          margin-left: 3px; }
.new-member-banner .learn-more {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1.25rem;
    cursor: pointer;
    text-align: center; }
.new-member-banner .learn-more:hover, .new-member-banner .learn-more:focus {
      cursor: pointer; }
.homepage-banner {
  font-size: 1rem; }
.homepage-banner .filter-button {
    margin-bottom: 24px; }
.homepage-banner .row {
    margin-top: 0; }
.homepage-banner .text {
    color: #231f1a; }
.homepage-banner .top-banner {
    background-color: #e7edf0; }
.homepage-banner .top-banner .text-holder {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
@media (min-width: 641px) {
        .homepage-banner .top-banner .text-holder.btn {
          top: 30%; } }
@media (min-width: 441px) and (max-width: 640px) {
        .homepage-banner .top-banner .text-holder.btn {
          top: 34%; } }
@media (max-width: 320px) {
        .homepage-banner .top-banner .text-holder {
          width: 90%; } }
@media (max-width: 440px) {
        .homepage-banner .top-banner .text-holder {
          width: 264px; } }
@media (min-width: 441px) and (max-width: 640px) {
        .homepage-banner .top-banner .text-holder {
          width: 360px; } }
@media (min-width: 641px) {
        .homepage-banner .top-banner .text-holder {
          width: 556px; } }
@media (min-width: 1281px) {
        .homepage-banner .top-banner .text-holder {
          display: block;
          width: 1280px;
          margin: 0 auto; } }
.homepage-banner .top-banner .text {
      color: #231f1a;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        .homepage-banner .top-banner .text {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
@media (min-width: 841px) {
      .homepage-banner .top-banner span.text {
        display: block; } }
.homepage-banner .top-banner .text-terms {
      font-size: 0.75rem;
      color: #706c68;
      letter-spacing: 0.03125rem;
      line-height: 1.125rem;
      font-weight: normal;
      font-style: normal; }
@media (min-width: 641px) {
        .homepage-banner .top-banner .text-terms {
          padding-top: .625rem; } }
.homepage-banner .top-banner .get-promo-btn {
      height: 48px;
      width: 174px;
      border-radius: 3px;
      background-color: #ef5e12;
      position: absolute;
      padding: 16px 14px;
      color: #fff;
      font-size: .9375rem; }
.homepage-banner .top-banner .get-promo-btn:hover, .homepage-banner .top-banner .get-promo-btn:focus {
        cursor: pointer; }
@media (max-width: 440px) {
        .homepage-banner .top-banner .get-promo-btn {
          display: none; } }
.homepage-banner .top-banner .get-promo-link {
      border-bottom: 1px solid #ef5e12;
      color: #ef5e12;
      display: inline-block;
      margin-top: 4px; }
.homepage-banner .top-banner .get-promo-link:focus, .homepage-banner .top-banner .get-promo-link:hover {
        cursor: pointer; }
@media (min-width: 441px) {
        .homepage-banner .top-banner .get-promo-link {
          display: none; } }
.homepage-banner .top-banner.snack-image {
      height: 200px;
      padding: 46px 0;
      background-size: auto 100%;
      background-repeat: no-repeat; }
@media (min-width: 641px) {
        .homepage-banner .top-banner.snack-image {
          background-image: url(/assets/img/catalog-banner-background-xl-lg-76234daa4d85e5abb1ed90bda87ade2b.jpg);
          background-position: 483px; } }
@media (max-width: 640px) {
        .homepage-banner .top-banner.snack-image {
          background-image: url(/assets/img/catalog-banner-background-md-sm-b2390fb0c01a22e5bacd37a78f0633a5.jpg);
          background-position: 396px;
          padding: 22px; } }
@media (max-width: 440px) {
        .homepage-banner .top-banner.snack-image {
          background-position: right -131px center;
          padding: 32px 16px; } }
.homepage-banner .top-banner h1 {
      margin-bottom: 0;
      margin-top: 0; }
@media (min-width: 841px) and (max-width: 1280px) {
        .homepage-banner .top-banner h1 {
          font-size: 2rem; } }
@media (min-width: 641px) and (max-width: 840px) {
        .homepage-banner .top-banner h1 {
          font-size: 1.75rem; } }
@media (max-width: 640px) {
        .homepage-banner .top-banner h1 {
          font-size: 1.5rem;
          line-height: 1.5rem; } }
.homepage-banner .top-banner button {
      margin-top: 18px;
      padding: 15px; }
.homepage-banner .bottom-banner {
    padding-left: 38px;
    padding-right: 32px;
    padding-bottom: 18px;
    margin-top: 14px;
    position: relative; }
.homepage-banner .bottom-banner .text-box {
      margin-bottom: 8px; }
@media (max-width: 440px) {
      .homepage-banner .bottom-banner {
        padding: 0;
        margin: 12px; } }
.homepage-banner .bottom-banner .down-arrow-icon {
      margin-left: 6px; }
.homepage-banner .bottom-banner h2 {
      margin-top: 4px; }
.homepage-banner .bottom-banner .number.columns {
      padding-right: 0; }
@media (max-width: 1280px) {
      .homepage-banner .bottom-banner .hide-xl {
        display: none; } }
@media (min-width: 1281px) {
      .homepage-banner .bottom-banner .xxlarge-4 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: left; } }
.homepage-banner .bottom-banner .how-it-works {
      margin-top: 8px; }
.homepage-banner .bottom-banner .how-it-works::before {
        content: "";
        display: block;
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 4.107991000749937% 3.364140480591497%;
        width: 27px;
        height: 14px;
        position: absolute;
        top: -14px;
        left: 40px; }
.homepage-banner .bottom-banner .how-it-works.v2 .step h2 {
        display: none; }
.homepage-banner .bottom-banner .how-it-works.v2 .step div.columns.small-11 {
        width: 100%;
        padding-left: 0; }
.homepage-banner .bottom-banner .how-it-works.v2 .step div.text {
        display: inline; }
.homepage-banner .bottom-banner .how-it-works.v2 .step div.text.bold {
        margin-right: 4px; }
.homepage-banner .bottom-banner .toggler {
      color: #ef5e12;
      cursor: pointer; }
@media (min-width: 1281px) {
        .homepage-banner .bottom-banner .toggler {
          display: none; } }
.homepage-banner .bottom-banner .toggler .arrow {
        margin-left: 2px; }
.get-promo-sm {
  height: 80px;
  width: 100%;
  background-color: #f5f3f0;
  margin: -24px 0 20px; }
@media (min-width: 441px) {
    .get-promo-sm {
      display: none; } }
.promo-sm-container, .email-form-container {
  width: 100%; }
.promo-sm-container #membership-option, .email-form-container #membership-option {
    padding: 13px; }
.promo-sm-container #membership-option .email-modal-input, .email-form-container #membership-option .email-modal-input {
      border: 1px solid #b7b4b0;
      border-radius: 3px;
      height: 48px;
      margin-top: 12px;
      margin-bottom: 18px;
      padding-left: 16px;
      border-bottom-right-radius: initial;
      border-top-right-radius: initial;
      width: 60%;
      margin: 4px -2px 0 0;
      padding: 10px; }
.promo-sm-container #membership-option .email-modal-input::-moz-placeholder, .email-form-container #membership-option .email-modal-input::-moz-placeholder {
        color: #706c68; }
.promo-sm-container #membership-option .email-modal-input:-ms-input-placeholder, .email-form-container #membership-option .email-modal-input:-ms-input-placeholder {
        color: #706c68; }
.promo-sm-container #membership-option .email-modal-input::placeholder, .email-form-container #membership-option .email-modal-input::placeholder {
        color: #706c68; }
@media (max-width: 440px) {
          .promo-sm-container #membership-option .email-modal-input::-moz-placeholder, .email-form-container #membership-option .email-modal-input::-moz-placeholder {
            font-size: .875rem; }
          .promo-sm-container #membership-option .email-modal-input:-ms-input-placeholder, .email-form-container #membership-option .email-modal-input:-ms-input-placeholder {
            font-size: .875rem; }
          .promo-sm-container #membership-option .email-modal-input::placeholder, .email-form-container #membership-option .email-modal-input::placeholder {
            font-size: .875rem; } }
.promo-sm-container #membership-option .submit-button, .email-form-container #membership-option .submit-button {
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit;
      width: 40%;
      min-width: initial; }
@media (max-width: 440px) {
        .promo-sm-container #membership-option .submit-button, .email-form-container #membership-option .submit-button {
          font-size: .875rem; } }
.homepage-banner.light-text * {
  color: #fff !important; }
.homepage-banner.default .text-holder {
  padding-left: 32px; }
@media (max-width: 640px) {
    .homepage-banner.default .text-holder {
      padding-left: 16px; } }
.homepage-banner.default div.text-line1 {
  padding-top: 4px; }
@media (max-width: 640px) {
    .homepage-banner.default div.text-line1 {
      font-size: .875rem; } }
.homepage-banner.default div.text-line1 .email-modal-input {
    border: 1px solid #b7b4b0;
    border-radius: 3px;
    height: 48px;
    margin-top: 12px;
    margin-bottom: 18px;
    padding-left: 16px;
    border-bottom-right-radius: initial;
    border-top-right-radius: initial;
    width: 240px;
    margin: 0 -2px 0 0;
    padding: 10px; }
@media (min-width: 441px) and (max-width: 640px) {
      .homepage-banner.default div.text-line1 .email-modal-input {
        width: 196px; } }
.homepage-banner.default div.text-line1 .email-modal-input::-moz-placeholder {
      color: #706c68;
      font-size: 1rem; }
.homepage-banner.default div.text-line1 .email-modal-input:-ms-input-placeholder {
      color: #706c68;
      font-size: 1rem; }
.homepage-banner.default div.text-line1 .email-modal-input::placeholder {
      color: #706c68;
      font-size: 1rem; }
.homepage-banner.default div.text-line1 .submit-button {
    width: 144px;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
@media (min-width: 441px) and (max-width: 640px) {
      .homepage-banner.default div.text-line1 .submit-button {
        width: 130px;
        font-size: .875rem; } }
@media (max-width: 440px) {
    .homepage-banner.default div.text-line1 #membership-option {
      display: none; } }
.homepage-banner.default div.text-line2 {
  font-family: "Larsseit-Bold", sans-serif;
  font-size: .875rem;
  padding: 6px 0; }
.homepage-banner.default div.text-line2.teal {
    color: #45b49f; }
.homepage-banner.default span.text-line3 {
  color: #45b49f;
  -webkit-animation: fadein 2s;
          animation: fadein 2s; }
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.homepage-banner.default .top-banner.snack-image {
  background-size: auto 100%;
  background-position: 100%; }
@media (min-width: 841px) and (max-width: 1280px) {
    .homepage-banner.default .top-banner.snack-image {
      background-position: 602px; } }
@media (min-width: 641px) and (max-width: 840px) {
    .homepage-banner.default .top-banner.snack-image {
      background-position: 422px; } }
@media (max-width: 640px) {
    .homepage-banner.default .top-banner.snack-image {
      background-position: 240px; } }
@media (max-width: 440px) {
    .homepage-banner.default .top-banner.snack-image {
      background-position: -23px; } }
.homepage-banner.default .bottom-banner .how-it-works::before {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 86.73443879676694% 87.8003696857671%;
  width: 27px;
  height: 14px; }
@media (max-width: 840px) {
  .homepage-banner.pineapple .top-banner.snack-image {
    background-position: -70px; } }
@media (min-width: 841px) {
  .homepage-banner.pineapple .top-banner.snack-image {
    background-position: -230px; } }
@media (max-width: 440px) {
  .homepage-banner.pineapple .top-banner.snack-image {
    background-position: -170px;
    background-size: cover; } }
.homepage-banner.pineapple .bottom-banner .how-it-works::before {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 86.73443879676694% 87.8003696857671%;
  width: 27px;
  height: 14px; }
.homepage-banner.center .top-banner {
  text-align: center; }
.homepage-banner.center .top-banner .text-holder {
    margin: 0 auto; }
@media (min-width: 441px) and (max-width: 640px) {
      .homepage-banner.center .top-banner .text-holder {
        width: 58%; } }
.homepage-banner.center .top-banner.snack-image {
    background-position: center center;
    background-size: cover; }
.homepage-banner-left .top-banner.snack-image {
  background-position: center center !important;
  background-size: cover; }
.homepage-banner-large .top-banner {
  text-align: center; }
.homepage-banner-large .top-banner .text-holder {
    margin: 0 auto; }
.homepage-banner-large .top-banner .text-holder h1 {
      margin-bottom: 1rem; }
@media (max-width: 320px) {
      .homepage-banner-large .top-banner .text-holder {
        max-width: 150px; } }
@media (max-width: 440px) {
      .homepage-banner-large .top-banner .text-holder {
        max-width: 250px; } }
@media (min-width: 441px) and (max-width: 640px) {
      .homepage-banner-large .top-banner .text-holder {
        max-width: 250px; } }
@media (min-width: 641px) {
      .homepage-banner-large .top-banner .text-holder {
        max-width: 400px; } }
@media (min-width: 1281px) {
      .homepage-banner-large .top-banner .text-holder {
        max-width: 600px; } }
.homepage-banner-large .top-banner.snack-image {
    height: 400px;
    background-position: center center;
    background-size: cover; }
.referral-app .referral-container .referral-header {
  text-align: center; }
@media (max-width: 440px) {
    .referral-app .referral-container .referral-header {
      text-align: center;
      margin: 0 auto; } }
@media (max-width: 440px) {
  .referral-app .referral-container .referral-mobile-image {
    background: url(/assets/img/redemption-sm-4921242801fb055dbc81cf321fd9d7f6.jpg) no-repeat center/100%;
    height: 100px; } }
.referral-app .referral-container .friendbuy-widget-container {
  margin-bottom: -10px; }
@media (min-width: 441px) and (max-width: 814px) {
    .referral-app .referral-container .friendbuy-widget-container {
      background: url(/assets/img/background-widget-830-441-2a27d2d7744c374b7dd84f210511711b.jpg) no-repeat center center;
      max-width: 100%;
      margin: 0 auto; } }
@media (max-width: 814px) {
    .referral-app .referral-container .friendbuy-widget-container {
      background-color: #e4e0db;
      background-size: auto 100%;
      height: 668px; } }
@media (max-width: 814px) {
    .referral-app .referral-container .friendbuy-widget-container .friendbuy-widget {
      width: 320px;
      margin: 0 auto;
      padding: 34px 0; } }
@media (max-width: 440px) {
    .referral-app .referral-container .friendbuy-widget-container .friendbuy-widget {
      height: 648px;
      padding: 0; } }
.referral-app .referral-container .referral-login {
  margin: 0 auto;
  width: 800px;
  height: auto;
  background: url(/assets/img/background-signin-desktop-ebf4b6490947a4b3190fc0cbe07e83d9.jpg) no-repeat bottom center;
  background-size: 800px auto;
  background-color: #eae6e5; }
@media (max-width: 440px) {
    .referral-app .referral-container .referral-login {
      width: 439px;
      height: 100px;
      background: url(/assets/img/background-mobile-a3872418f4806e06af9c70bdd807258e.jpg) no-repeat center center;
      background-size: auto 100%; } }
@media (min-width: 441px) and (max-width: 840px) {
    .referral-app .referral-container .referral-login {
      width: auto; } }
.referral-app .referral-container .referral-login .referral-form {
    padding: 40px 0; }
.referral-app .referral-container .referral-title {
  margin: 0 auto;
  font-size: 29px;
  width: 80%; }
@media (max-width: 440px) {
    .referral-app .referral-container .referral-title {
      width: 311px;
      line-height: 1.1;
      margin: 40px auto 10px; } }
@media (min-width: 441px) and (max-width: 840px) {
    .referral-app .referral-container .referral-title {
      width: 340px;
      line-height: 0.9; } }
.referral-app .referral-container .referral-text {
  height: auto;
  width: 300px;
  border-bottom: 1px solid #b7b4b0;
  padding-bottom: 20px;
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  margin: 15px auto 25px; }
@media (max-width: 640px) {
    .referral-app .referral-container .referral-text {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
@media (max-width: 440px) {
    .referral-app .referral-container .referral-text {
      width: 260px; } }
.referral-app .redeemer-container {
  max-width: 100%; }
@media (max-width: 440px) {
    .referral-app .redeemer-container {
      min-height: 440px;
      background-size: 440px auto;
      background-color: #015f82;
      padding-bottom: 40px; } }
@media (min-width: 441px) and (max-width: 640px) {
    .referral-app .redeemer-container {
      background: url(/assets/img/redemption-md-6f6dde6824e715367f660cea699e4640.jpg) no-repeat top center;
      background-size: cover;
      min-height: 280px;
      background-color: #eae6e5; } }
@media (min-width: 641px) and (max-width: 840px) {
    .referral-app .redeemer-container {
      background: url(/assets/img/redemption-lg-c8378de0a99bd51f996da8c84f70cbe7.jpg) no-repeat top center;
      background-size: cover;
      min-height: 280px;
      background-color: #eae6e5; } }
@media (min-width: 841px) {
    .referral-app .redeemer-container {
      background: url(/assets/img/redemption-xl-9ae41b7d3e48e5606faec682cc74c875.jpg) no-repeat center center;
      background-size: 1280px auto; } }
@media (min-width: 1281px) {
    .referral-app .redeemer-container {
      background: url(/assets/img/redemption-xxl-9ab2005371eefa75cdb89226e8ae72f9.jpg) no-repeat center center;
      background-size: cover; } }
@media (max-width: 440px) {
    .referral-app .redeemer-container .redeemer-mobile-image {
      background: url(/assets/img/redemption-sm-4921242801fb055dbc81cf321fd9d7f6.jpg) no-repeat center;
      background-size: cover;
      height: 200px; } }
.referral-app .redeemer-container .redeemer-offer {
    max-width: 602px;
    margin: 0 auto;
    padding: 20px;
    text-align: center; }
@media (max-width: 440px) {
      .referral-app .redeemer-container .redeemer-offer {
        height: 230px;
        padding: 20px 0px;
        background-color: #015f82; } }
.referral-app .redeemer-container .redeemer-offer .redeemer-title {
      color: white;
      margin-top: 40px; }
@media (max-width: 440px) {
        .referral-app .redeemer-container .redeemer-offer .redeemer-title {
          margin-top: 0; } }
.referral-app .redeemer-container .redeemer-offer .redeemer-text {
      color: white;
      width: 427px;
      margin: 0 auto; }
@media (max-width: 840px) {
        .referral-app .redeemer-container .redeemer-offer .redeemer-text {
          width: 368px; } }
@media (max-width: 440px) {
        .referral-app .redeemer-container .redeemer-offer .redeemer-text {
          width: 100%;
          padding: 0 8px; } }
.referral-app .redeemer-container .redeemer-offer .cta {
      margin: 55px auto;
      height: 48px;
      width: 180px;
      border-radius: 0px 3px 3px 0px; }
.referral-app .redeemer-container .redeemer-offer .cta:hover {
        cursor: pointer; }
@media (max-width: 840px) {
        .referral-app .redeemer-container .redeemer-offer .cta {
          margin: 40px auto; } }
@media (max-width: 440px) {
        .referral-app .redeemer-container .redeemer-offer .cta {
          width: 220px;
          border-radius: 3px; }
          .referral-app .redeemer-container .redeemer-offer .cta:not(.v1) {
            margin-top: 0; } }
.referral-app input.form-control {
  border: 1px solid #b7b4b0;
  border-radius: 3px;
  height: 48px;
  margin-top: 12px;
  margin-bottom: 18px;
  padding-left: 16px;
  width: 220px;
  margin-bottom: 8px;
  border-radius: 3px 0px 0px 3px; }
@media (max-width: 440px) {
    .referral-app input.form-control {
      border-radius: 3px; } }
.referral-app input.form-control::-moz-placeholder {
    color: #706c68; }
.referral-app input.form-control:-ms-input-placeholder {
    color: #706c68; }
.referral-app input.form-control::placeholder {
    color: #706c68; }
.referral-app .referral-welcome-bar {
  max-width: 800px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  padding-top: 12px;
  background-color: #231f1a;
  text-align: center;
  z-index: 3;
  font-size: 16px;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal; }
.referral-app .referral-welcome-bar .welcome-text {
    color: #fff; }
@media (max-width: 440px) {
    .referral-app .referral-welcome-bar {
      display: none; } }
#about-us button {
  width: 218px; }
#about-us .about-us {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #f3f3f3;
  display: inline-block;
  width: 100%; }
#about-us .about-us h2 {
    font-size: 54px;
    text-transform: none; }
@media (min-width: 641px) and (max-width: 840px) {
      #about-us .about-us h2 {
        font-size: 40px; } }
@media (max-width: 640px) {
      #about-us .about-us h2 {
        font-size: 32px;
        margin-bottom: 12px; } }
@media (min-width: 1281px) {
    #about-us .about-us {
      background-size: 1280px; } }
@media (min-width: 841px) {
    #about-us .about-us {
      background-image: url(/assets/img/about-us-hero-large-533f238222b9041fe75ed84ca03b9cd6.jpg); } }
@media (min-width: 641px) and (max-width: 840px) {
    #about-us .about-us {
      background-image: url(/assets/img/about-us-hero-medium-4e5c2974348228f95668f784d425c48e.jpg); } }
@media (max-width: 640px) {
    #about-us .about-us {
      margin: 0 auto;
      background-image: url(/assets/img/about-us-hero-small-fe24de06fce78645c57f252ba0def4d7.jpg); } }
#about-us .about-us .text-holder {
    color: #231f1a;
    padding: 0 0 18px 36px;
    width: 100%; }
@media (min-width: 841px) {
      #about-us .about-us .text-holder {
        width: 1280px;
        margin: 0 auto;
        margin-top: 320px; } }
@media (max-width: 1280px) {
      #about-us .about-us .text-holder {
        margin-top: 30%; } }
@media (min-width: 641px) and (max-width: 840px) {
      #about-us .about-us .text-holder {
        width: 90%; } }
@media (max-width: 640px) {
      #about-us .about-us .text-holder {
        margin-top: 40%;
        padding: 0 24px 18px 24px; } }
#about-us .about-us .text-holder .body-text {
      margin-bottom: 12px;
      width: 100%; }
@media (min-width: 841px) {
        #about-us .about-us .text-holder .body-text {
          width: 640px;
          margin-bottom: 24px; } }
@media (min-width: 641px) and (max-width: 840px) {
        #about-us .about-us .text-holder .body-text {
          width: 600px;
          margin-bottom: 24px; } }
#about-us .promises {
  position: relative;
  min-height: 294px; }
@media (max-width: 640px) {
    #about-us .promises {
      padding-left: 0;
      padding-right: 0;
      min-height: 254px; } }
#about-us .promises .dried-apples-img {
    z-index: 1;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-image: url(/assets/img/apples-isolated-a83f599bf267bc1035a865a4ddd0c4fd.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 624px;
    height: 444px; }
@media (min-width: 841px) {
      #about-us .promises .dried-apples-img {
        right: -14%; } }
@media (min-width: 1281px) {
      #about-us .promises .dried-apples-img {
        right: 0; } }
@media (min-width: 641px) and (max-width: 840px) {
      #about-us .promises .dried-apples-img {
        right: -48%; } }
@media (max-width: 640px) {
      #about-us .promises .dried-apples-img {
        background-image: url(/assets/img/apples-half-isolated-c523f81bc4e620b717086b37108c97d9.jpg);
        background-size: contain;
        width: 200px;
        height: 304px;
        right: -40px; } }
@media (max-width: 440px) {
      #about-us .promises .dried-apples-img {
        right: -90px;
        width: 150px; } }
#about-us .promises .content-holder {
    display: inline-block;
    width: 34%;
    margin-top: 50px;
    padding-right: 8px;
    margin-left: 36px; }
@media (min-width: 641px) and (max-width: 840px) {
      #about-us .promises .content-holder {
        width: 45%;
        margin-top: 30px; } }
@media (min-width: 441px) and (max-width: 640px) {
      #about-us .promises .content-holder {
        width: 60%;
        margin: 24px 24px; } }
@media (max-width: 440px) {
      #about-us .promises .content-holder {
        width: 80%;
        margin: 24px 24px; } }
#about-us .promises .content-holder h2 {
      margin-bottom: 8px; }
@media (max-width: 640px) {
        #about-us .promises .content-holder h2 {
          font-size: 24px; } }
#about-us .promises .content-holder .promise-list {
      margin-bottom: 14px;
      list-style-position: inside; }
@media (max-width: 640px) {
        #about-us .promises .content-holder .promise-list {
          text-align: left;
          max-width: 370px;
          margin: 0 auto;
          padding: 0px 8px 24px 0px; } }
#about-us .promises .content-holder .promise {
      color: #231f1a;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-weight: normal;
      font-style: normal;
      margin-left: 0; }
@media (max-width: 640px) {
        #about-us .promises .content-holder .promise {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
@media (max-width: 640px) {
        #about-us .promises .content-holder .promise {
          font-size: 1rem; }
          #about-us .promises .content-holder .promise li {
            margin-top: 2px; } }
#about-us .real-food {
  position: relative;
  margin-top: 94px;
  background-color: #f5f3f0;
  min-height: 400px; }
@media (max-width: 640px) {
    #about-us .real-food {
      margin-top: 24px; } }
#about-us .real-food .cashews-img {
    height: 509px;
    background-image: url(/assets/img/cashews-isolated-3e279f264c97dc4596b48885cd91e2c0.png);
    position: absolute;
    display: inline-block;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    width: 48%;
    top: -42px; }
@media (max-width: 840px) {
      #about-us .real-food .cashews-img {
        left: -60px;
        width: 40%;
        background-size: cover;
        background-position: right; } }
@media (max-width: 440px) {
      #about-us .real-food .cashews-img {
        background-position: center center;
        background-size: 90%;
        position: relative;
        left: 0;
        top: 0;
        height: 320px;
        width: 100%; } }
#about-us .real-food .content-holder {
    float: right;
    margin: 40px 24px 48px 0; }
#about-us .real-food .content-holder h2 {
      margin-top: 0; }
@media (min-width: 1281px) {
      #about-us .real-food .content-holder {
        max-width: 525px; } }
@media (min-width: 841px) {
      #about-us .real-food .content-holder {
        width: 48%; } }
@media (max-width: 840px) {
      #about-us .real-food .content-holder {
        width: 60%;
        margin-bottom: 36px; } }
@media (max-width: 440px) {
      #about-us .real-food .content-holder {
        width: 100%;
        margin: 0;
        float: none;
        padding: 0 24px 24px 24px; } }
#about-us .real-food .content-holder .text-block {
      margin-bottom: 20px;
      color: #231f1a; }
#about-us .ingredients-index {
  text-align: center;
  color: #231f1a;
  padding: 24px 0 48px 0; }
@media (max-width: 640px) {
    #about-us .ingredients-index {
      padding-bottom: 0; } }
@media (max-width: 640px) {
    #about-us .ingredients-index h2 {
      text-align: left;
      margin-left: 24px; } }
#about-us .ingredients-index .header-text {
    max-width: 742px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px; }
@media (max-width: 840px) {
      #about-us .ingredients-index .header-text {
        width: 90%; } }
@media (max-width: 640px) {
      #about-us .ingredients-index .header-text {
        margin-bottom: 12px;
        margin-left: 24px;
        text-align: left; } }
#about-us .ingredients-index tr {
    text-align: left; }
@media (max-width: 640px) {
      #about-us .ingredients-index tr {
        padding-bottom: 24px;
        display: block; }
        #about-us .ingredients-index tr:nth-child(odd) {
          background-color: #f5f3f0; } }
#about-us .ingredients-index td {
    padding: 16px;
    vertical-align: baseline;
    border: 1px solid #f5f3f0; }
@media (max-width: 640px) {
      #about-us .ingredients-index td {
        border: 0px;
        display: block;
        width: 100%;
        padding: 16px 24px; } }
@media (max-width: 640px) {
    #about-us .ingredients-index .function, #about-us .ingredients-index .reason {
      font-size: 16px;
      padding: 0 24px 0 48px;
      color: #706c68; } }
#about-us .ingredients-index .function-label, #about-us .ingredients-index .reason-label {
    display: none;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #231f1a;
    margin-right: 4px; }
@media (max-width: 640px) {
      #about-us .ingredients-index .function-label, #about-us .ingredients-index .reason-label {
        display: inline-block; } }
@media (max-width: 640px) {
    #about-us .ingredients-index .ingredient-name {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; } }
#about-us .ingredients-index .table-header {
    background-color: #f5f3f0; }
@media (max-width: 640px) {
      #about-us .ingredients-index .table-header {
        display: none; } }
#about-us .ingredients-index .table-header th {
      width: 30%;
      font-size: 18px;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      border-right: 1px solid white;
      text-align: left;
      padding-left: 16px; }
#about-us .ingredients-index .table-header th:nth-of-type(3n) {
      width: 40%; }
#about-us .why-naturebox {
  padding-top: 24px; }
#about-us .why-naturebox h2 {
    text-align: center; }
#about-us .why-naturebox .claim-box {
    margin-bottom: 48px; }
#about-us .why-naturebox .claim-box .claim-title {
      font-family: "Larsseit", sans-serif;
      text-align: center;
      color: #231f1a;
      letter-spacing: 0.5px;
      font-size: 20px;
      margin-bottom: 8px;
      font-weight: normal; }
#about-us .why-naturebox .claim-box .claim-text {
      text-align: center;
      color: #231f1a; }
#about-us .why-naturebox .icon {
    margin: 0 auto;
    margin-bottom: 28px; }
#about-us .why-naturebox .smart-snack-guarantee {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 58.53699363910278% 57.318207178724194%;
    width: 80px;
    height: 80px; }
#about-us .why-naturebox .new-snacks {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 48.3260796786073% 45.45285475172029%;
    width: 80px;
    height: 80px; }
#about-us .why-naturebox .free-shipping {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 18.697689989956476% 25.478891575227824%;
    width: 80px;
    height: 80px; }
#cancel-survey-component h2 {
  margin: 40px 0 0 0;
  text-align: center; }
@media (max-width: 640px) {
    #cancel-survey-component h2 {
      text-align: left; } }
#cancel-survey-component form {
  width: 600px;
  margin: 0 auto; }
@media (max-width: 640px) {
    #cancel-survey-component form {
      width: 100%; } }
#cancel-survey-component textarea {
  width: 100%;
  border: 1px solid #b7b4b0;
  border-radius: 3px; }
#cancel-survey-component .email-error {
  font-size: 17px;
  color: #be302b; }
#cancel-survey-component .cancel-survey-email {
  margin-top: 30px; }
#cancel-survey-component .cancel-survey-email input {
    line-height: 2.5;
    width: 100%;
    border: 1px solid #b7b4b0;
    border-radius: 3px;
    padding: 0 0 0 10px; }
#cancel-survey-component .cancel-survey-email input::-moz-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
#cancel-survey-component .cancel-survey-email input:-ms-input-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
#cancel-survey-component .cancel-survey-email input::placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
#cancel-survey-component .cancel-survey-email label {
    display: none; }
#cancel-survey-component .cancel-survey-email .validation-error {
    color: #be302b;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    font-weight: normal;
    font-style: normal; }
#cancel-survey-component .prompt {
  margin: 2rem 0 1rem 0; }
#cancel-survey-component .boutonniere {
  margin-top: 2rem;
  margin-bottom: 3rem;
  clear: both;
  text-align: center; }
#cancel-survey-component .boutonniere button {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center; }
#cancel-survey-component .boutonniere button:focus, #cancel-survey-component .boutonniere button:hover {
      outline: none;
      background-color: #ef5e12; }
#cancel-survey-component .boutonniere button a {
      color: #fff; }
@media (max-width: 440px) {
      #cancel-survey-component .boutonniere button {
        width: 100%; } }
#cancel-survey-component .boutonniere button:disabled {
      background-color: #f9bfa0; }
.email-modal {
  width: 560px;
  background-image: url(/assets/img/pop-up_lentil-loops_xl_md-24cb10892feda971675530f14580f75d.jpg);
  background-size: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 160px;
  position: relative;
  padding: 0 0 1rem 0; }
@media (min-width: 441px) and (max-width: 640px) {
    .email-modal {
      width: 420px;
      background-repeat: no-repeat;
      background-position-x: 0;
      background-size: 134%; } }
.email-modal:focus {
    outline: none; }
.email-modal .modal-content {
    width: 95%;
    float: right; }
.email-modal .modal-content h2 {
      margin: 40px 0 0 0; }
@media (max-width: 440px) {
        .email-modal .modal-content h2 {
          margin-top: 168px; } }
.email-modal .modal-content .modal-text {
      font-size: 16px;
      width: 400px;
      max-width: 100%;
      padding-right: 16px; }
.email-modal .modal-content .modal-text.end {
        margin-right: 4px; }
.email-modal .modal-content .email-modal-input {
      border: 1px solid #b7b4b0;
      border-radius: 3px;
      height: 48px;
      margin-top: 12px;
      margin-bottom: 18px;
      padding-left: 16px;
      width: 300px; }
@media (max-width: 440px) {
        .email-modal .modal-content .email-modal-input {
          width: 280px; } }
.email-modal .modal-content .cta {
      display: block;
      padding-left: 23px;
      padding-right: 23px;
      height: 56px;
      margin-bottom: 15px;
      font-size: 1.125rem; }
.email-modal .close-icon {
    float: right;
    color: white;
    padding-right: 22px;
    padding-top: 12px; }
.email-modal .close-icon:hover {
      cursor: pointer; }
.catalog-refer-banner {
  background-image: url(/assets/img/mem-referral-banner-lg-xl@2x-94c3702cdbc8411ddcf89646292396e8.jpg);
  background-size: cover;
  background-position: center center;
  text-align: center;
  height: 200px;
  padding-top: 30px; }
.catalog-refer-banner h1 {
    font-size: 2.5rem;
    margin: 0;
    line-height: 1.12;
    padding-top: 30px; }
.catalog-refer-banner a {
    font-size: 1rem; }
@media (min-width: 1281px) {
    .catalog-refer-banner {
      background-image: url(/assets/img/mem-referral-banner-xxl@2x-dd7ab08bae87df1964da1027d80290a4.jpg); } }
@media (min-width: 641px) and (max-width: 1280px) {
    .catalog-refer-banner {
      background-image: url(/assets/img/mem-referral-banner-lg-xl@2x-94c3702cdbc8411ddcf89646292396e8.jpg); } }
@media (max-width: 640px) {
    .catalog-refer-banner {
      background-image: url(/assets/img/mem-referral-banner-sm-md@3x-510b8975ec82342c7cbea7dd27bdd33e.jpg); } }
.claims-banner {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  padding: 0 1rem; }
.claims-banner .claims-title {
    color: #231f1a;
    margin: auto;
    padding: 1rem 0 .5rem;
    text-align: center;
    font-size: .8rem;
    line-height: 1; }
.claims-banner .claims-container {
    display: flex;
    justify-content: space-evenly; }
@media (max-width: 640px) {
      .claims-banner .claims-container {
        flex-direction: column; } }
@media (max-width: 640px) {
    .claims-banner .learn-more-container {
      margin-bottom: 1rem; } }
.claims-banner .learn-more-container .learn-more {
    color: #ef5e12;
    text-decoration: underline;
    text-transform: none !important;
    line-height: 1 !important;
    font-size: .9rem;
    cursor: pointer; }
.claims-banner .claim {
    margin: 0 auto;
    transition: box-shadow .2s ease;
    border-radius: 2px;
    border: solid 1px transparent;
    padding: .2rem; }
.claims-banner .claim:hover {
      box-shadow: 0 0 6px #b7b4b0; }
@media (max-width: 840px) {
      .claims-banner .claim {
        margin-bottom: .5rem; }
        .claims-banner .claim .claim-top img {
          width: 1.5rem !important; }
        .claims-banner .claim .claim-top h3 {
          font-size: 80% !important; } }
@media (max-width: 640px) {
      .claims-banner .claim:last-child {
        margin-bottom: 0 !important; }
      .claims-banner .claim .claim-top {
        height: auto !important; } }
.claims-banner .claim .claim-top {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 2.5rem; }
.claims-banner .claim .claim-top img {
        width: 2rem;
        margin-right: 1rem; }
.claims-banner .claim .claim-top h3 {
        color: #ef5e12;
        margin: 0 !important;
        font-size: 90% !important;
        line-height: 1.3; }
.claims-banner .claim .claim-bottom {
      color: #231f1a;
      font-size: .8rem !important;
      line-height: 1.3; }
.claims-banner .claim.risk-free img {
      width: 1.4rem; }
@media (max-width: 840px) {
      .claims-banner .claim.risk-free img {
        width: 1.1rem !important; } }
.claims-banner .claim.snack-guarantee img {
      margin-top: -0.2rem; }
.claims-banner .claim-text {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal; }
@media (max-width: 640px) {
      .claims-banner .claim-text {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
@media (max-width: 360px) {
      .claims-banner .claim-text {
        font-size: .8rem; } }
.nb-tooltip.membership-tooltip {
  height: 211px;
  max-width: 372px; }
.nb-tooltip.membership-tooltip .tooltip-content {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    color: #fff; }
#affiliates .affiliates-hero {
  position: relative;
  width: 100%;
  max-height: 250px; }
#affiliates .affiliates-hero .hero-banner {
    position: relative;
    margin: 0 auto; }
#affiliates .affiliates-hero .hero-banner .hero-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: inline-block;
      width: 100%;
      height: 250px;
      background-image: url(/assets/img/affiliates_hero_xl-f047c09c8fcc615e34ba4388e79425bb.jpg); }
@media (min-width: 841px) {
        #affiliates .affiliates-hero .hero-banner .hero-image {
          height: 200px; } }
@media (min-width: 1281px) {
        #affiliates .affiliates-hero .hero-banner .hero-image {
          height: 250px; } }
@media (min-width: 641px) and (max-width: 840px) {
        #affiliates .affiliates-hero .hero-banner .hero-image {
          height: 175px; } }
@media (min-width: 441px) and (max-width: 640px) {
        #affiliates .affiliates-hero .hero-banner .hero-image {
          height: 150px;
          background-position-x: 80%; } }
@media (max-width: 440px) {
        #affiliates .affiliates-hero .hero-banner .hero-image {
          height: 130px;
          background-position-x: 80%; } }
#affiliates .contact-us {
  position: relative;
  width: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 190px;
  background-image: url(/assets/img/affiliates_contact-us_xl-ec6ed934e4ac4e686c405e88d8ae3a4a.jpg);
  background-position-x: 60%; }
@media (max-width: 640px) {
    #affiliates .contact-us {
      background-position-x: 80%; } }
#affiliates .contact-us .contact-us-banner {
    position: relative;
    max-width: 1420px;
    height: 150px;
    margin: 0 auto; }
#affiliates .contact-us .contact-us-banner .contact-us-text {
      position: absolute;
      top: 0;
      right: 16px;
      padding-top: 20px;
      height: 180px;
      color: #706c68;
      width: 402px; }
#affiliates .contact-us .contact-us-banner .contact-us-text a {
        color: #706c68;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal; }
#affiliates .contact-us .contact-us-banner .contact-us-text h2 {
        color: #231f1a;
        text-transform: initial;
        margin-top: 2px; }
@media (max-width: 640px) {
          #affiliates .contact-us .contact-us-banner .contact-us-text h2 {
            font-size: 1.2rem; } }
@media (min-width: 641px) and (max-width: 840px) {
          #affiliates .contact-us .contact-us-banner .contact-us-text h2 {
            font-size: 1.4rem; } }
@media (max-width: 440px) {
        #affiliates .contact-us .contact-us-banner .contact-us-text {
          font-size: .9rem;
          padding-top: 50px;
          width: 243px;
          right: 20px; } }
@media (min-width: 441px) and (max-width: 640px) {
        #affiliates .contact-us .contact-us-banner .contact-us-text {
          font-size: 1rem;
          padding-top: 43px;
          width: 243px;
          right: 45px; } }
@media (min-width: 641px) and (max-width: 840px) {
        #affiliates .contact-us .contact-us-banner .contact-us-text {
          width: 302px;
          padding-top: 36px;
          right: 10px; } }
@media (min-width: 841px) {
        #affiliates .contact-us .contact-us-banner .contact-us-text {
          width: 302px;
          padding-top: 36px;
          right: 20px; } }
#affiliates .become-affiliate {
  position: relative;
  width: 100%;
  padding: 0 0 50px 0; }
#affiliates .become-affiliate .become-banner {
    position: relative;
    max-width: 1420px;
    margin: 0 auto; }
#affiliates .become-affiliate .become-banner .become-text {
      max-width: 900px;
      margin: 0 auto;
      padding: 20px 50px 0 50px;
      text-align: center; }
#affiliates .become-affiliate .become-banner .button-cta {
      margin: 0 auto;
      text-align: center;
      width: 100%; }
#affiliates .become-affiliate .become-banner .button-cta .cta {
        margin-top: 25px;
        padding-left: 50px;
        padding-right: 50px; }
#affiliates .program-benefits {
  position: relative;
  width: 100%;
  background-color: #235a6c; }
#affiliates .program-benefits .benefits-banner {
    position: relative;
    max-width: 1420px;
    margin: 0 auto; }
#affiliates .program-benefits .benefits-banner .benefits-text {
      max-width: 900px;
      padding: 25px 50px 50px 50px;
      text-align: left;
      color: #fff; }
#affiliates .program-benefits .benefits-banner .benefits-text h2 {
        color: #fff; }
#affiliates .program-benefits .benefits-banner .benefits-list {
      color: #fff;
      list-style-position: inside;
      font-size: 1em; }
#affiliates .program-benefits .benefits-banner .benefits-list ul {
        margin-top: 16px; }
#affiliates .program-benefits .benefits-banner .benefits-list ul li {
          padding: 0 0 8px 0;
          list-style-position: outside;
          margin-left: 1.25rem;
          line-height: 1.125rem; }
#affiliates .program-benefits .benefits-banner .benefits-disclaimer {
      font-size: 0.875rem; }
#affiliates .promotional-benefits {
  position: relative;
  width: 100%;
  padding: 20px 50px 10px 50px; }
#affiliates .promotional-benefits .benefits-banner {
    position: relative;
    max-width: 1420px;
    max-height: 600px;
    margin: 0 auto; }
#affiliates .promotional-benefits .benefits-banner .benefits-text {
      max-width: 900px;
      margin: 0 auto;
      text-align: center; }
#affiliates .promotional-benefits .benefits-banner .benefits-text h2 {
        color: #231f1a; }
#affiliates .promotional-benefits .benefits-banner .benefits-claims {
      margin: 0 auto;
      max-width: 1280px;
      text-align: center;
      padding: 50px 0 50px 0; }
@media (max-width: 840px) {
        #affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .claims {
          display: none; } }
#affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .claims .claim {
        display: inline-block;
        width: 33.3%;
        color: #231f1a;
        text-align: center; }
@media (min-width: 641px) {
          #affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .claims .claim {
            font-size: 0.875rem; } }
#affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .claims .claim h2 {
          margin-bottom: 4px;
          color: #231f1a; }
@media (min-width: 641px) {
            #affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .claims .claim h2 {
              font-size: 2rem; } }
#affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .small-claims {
        margin: 0 auto;
        max-width: 300px;
        color: #231f1a;
        text-align: left;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        display: inline-block; }
@media (min-width: 441px) {
          #affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .small-claims {
            display: none; } }
@media (max-width: 840px) {
          #affiliates .promotional-benefits .benefits-banner .benefits-claims .text-holder .small-claims {
            display: inline-block; } }
#office-2 ul {
  list-style-position: inside;
  list-style-image: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg); }
#office-2 ul li {
    padding-bottom: 12px; }
#office-2 ul.checkmarks {
  list-style-position: inside; }
#office-2 ul.checkmarks li {
    background: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg) no-repeat 0px 7px;
    padding-bottom: 12px;
    margin-left: 5px;
    text-align: left;
    list-style: none;
    padding-left: 28px;
    padding-right: 10px; }
#office-2 .office-hero-2 {
  background-color: #f7f8fb; }
#office-2 .office-hero-2 .hero-image-container {
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: inline-block;
    width: 100%;
    height: 456px;
    background-image: url(/assets/img/office-hero-lg-2-c1a97d1163ed0d62ff97eb98de3c77ea.jpg); }
@media (min-width: 1281px) {
      #office-2 .office-hero-2 .hero-image-container {
        background-position: top right -80px; } }
@media (max-width: 640px) {
      #office-2 .office-hero-2 .hero-image-container {
        height: 348px;
        background-position: top;
        background-image: url(/assets/img/office-hero-md-2-31d3b9213306e6be52d51ea594f062c1.jpg);
        background-size: 100% auto; } }
#office-2 .office-hero-2 .hero-image-container .text-container {
      max-width: 1280px;
      padding-left: 60px;
      margin: 0 auto; }
@media (max-width: 640px) {
        #office-2 .office-hero-2 .hero-image-container .text-container {
          width: 270px;
          display: block;
          margin: 0 auto;
          padding-top: 40px;
          padding-left: 16px; }
          #office-2 .office-hero-2 .hero-image-container .text-container .description {
            text-align: center; } }
@media (min-width: 1281px) {
        #office-2 .office-hero-2 .hero-image-container .text-container {
          padding-left: 40px; } }
#office-2 .office-hero-2 .hero-image-container .text-container .header-text {
        max-width: 440px;
        font-size: 60px;
        line-height: 1.07; }
@media (max-width: 640px) {
          #office-2 .office-hero-2 .hero-image-container .text-container .header-text {
            font-size: 32px;
            text-align: center; } }
#office-2 .office-hero-2 .hero-image-container .text-container .cta {
        margin-top: 20px;
        width: 180px; }
@media (max-width: 640px) {
          #office-2 .office-hero-2 .hero-image-container .text-container .cta {
            margin: 20px 0px 0px 34px; } }
#office-2 .office-video {
  text-align: center;
  margin-top: 40px; }
#office-2 .why-naturebox-section {
  background-color: #faf8f5;
  margin-bottom: 100px; }
#office-2 .why-naturebox-section .inner {
    display: flex;
    margin: auto;
    max-width: 1200px; }
@media (max-width: 640px) {
      #office-2 .why-naturebox-section .inner {
        flex-direction: column-reverse;
        padding-top: 100px; } }
#office-2 .why-naturebox-section .inner .left {
      flex: 1;
      position: relative; }
#office-2 .why-naturebox-section .inner .left .left-image {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 400px;
        width: 60%;
        max-width: 500px; }
@media (max-width: 640px) {
          #office-2 .why-naturebox-section .inner .left .left-image {
            position: relative;
            top: 0;
            left: 0;
            transform: translate(0%, 0%);
            width: 60%;
            margin: 40px auto 80px; } }
#office-2 .why-naturebox-section .inner .right {
      padding: 20px;
      margin: auto;
      flex: 1; }
#office-2 .why-naturebox-section .inner .right .top {
        margin-bottom: 20px; }
#office-2 .why-naturebox-section .inner .right .top h2 {
          font-weight: bold; }
@media (max-width: 640px) {
          #office-2 .why-naturebox-section .inner .right .top {
            text-align: center; } }
#office-2 .why-naturebox-section .waffle-img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100px;
    height: 140px;
    background-image: url(/assets/img/corp-waffle-4c03c49f0f3fe254e183af5bcb8e9960.png);
    left: 10%;
    top: 120px; }
@media (max-width: 840px) {
      #office-2 .why-naturebox-section .waffle-img {
        display: none; } }
#office-2 .why-naturebox-section .pineapple-img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100px;
    height: 140px;
    background-image: url(/assets/img/corp-pineapple-c54085c054f8f672ae4dd1bbd7c5da6e.png);
    right: 10%;
    bottom: 120px; }
@media (max-width: 840px) {
      #office-2 .why-naturebox-section .pineapple-img {
        display: none; } }
#office-2 .snack-from-home {
  background-color: #faf8f5;
  margin-bottom: 100px;
  margin-top: 30px; }
#office-2 .snack-from-home .inner {
    display: flex;
    margin: auto;
    max-width: 1200px; }
@media (max-width: 640px) {
      #office-2 .snack-from-home .inner {
        flex-direction: column-reverse; } }
#office-2 .snack-from-home .inner .left {
      flex: 1;
      position: relative; }
#office-2 .snack-from-home .inner .left .left-image {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 400px;
        width: 100%;
        max-width: 500px; }
@media (max-width: 640px) {
          #office-2 .snack-from-home .inner .left .left-image {
            position: relative;
            top: 0;
            left: 0;
            transform: translate(0%, 0%);
            margin: 40px auto 80px; } }
#office-2 .snack-from-home .inner .right {
      padding: 20px;
      margin: auto;
      flex: 1; }
#office-2 .snack-from-home .inner .right .top {
        margin-bottom: 20px; }
#office-2 .snack-from-home .inner .right .top h2 {
          font-weight: bold; }
@media (max-width: 640px) {
          #office-2 .snack-from-home .inner .right .top {
            text-align: center; } }
#office-2 .snack-from-home .inner .right .checkmarks-container {
        margin-bottom: 10px; }
#office-2 .snack-from-home .inner .right .bottom {
        margin-bottom: 10px; }
#office-2 .easy-section {
  margin-bottom: 100px; }
@media (min-width: 641px) {
    #office-2 .easy-section.ae-benefits .checkmark-text-container {
      float: right; } }
@media (min-width: 1281px) {
    #office-2 .easy-section.ae-benefits .checkmark-text-container {
      float: none; } }
#office-2 .easy-section .ae-benefits h2 {
    font-weight: bold; }
@media (max-width: 640px) {
    #office-2 .easy-section .ae-benefits {
      padding-left: 16px;
      padding-bottom: 16px;
      padding-right: 16px; } }
#office-2 .easy-section .ae-benefits .description {
    max-width: 470px;
    margin-top: -12px; }
@media (max-width: 640px) {
      #office-2 .easy-section .ae-benefits .description {
        max-width: 450px; } }
#office-2 .easy-section .checkmark-text-container {
    position: relative;
    padding-top: 12px;
    padding-bottom: 80px;
    background-color: #faf8f5; }
@media (max-width: 640px) {
      #office-2 .easy-section .checkmark-text-container {
        padding-left: 16px; } }
@media (min-width: 641px) {
      #office-2 .easy-section .checkmark-text-container {
        margin-top: 40px;
        padding-left: 29%;
        padding-top: 20px;
        padding-bottom: 20px; } }
@media (min-width: 1281px) {
      #office-2 .easy-section .checkmark-text-container {
        left: 40%;
        padding-left: 25%;
        max-width: 820px; } }
#office-2 .easy-section .checkmark-text-container .office-snack-img {
      position: absolute;
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 290px;
      height: 220px;
      background-image: url(/assets/img/corp-section1-md-sm-f896f080f89ceca8cac2e317fda02ac4.jpg); }
@media (max-width: 640px) {
        #office-2 .easy-section .checkmark-text-container .office-snack-img {
          right: 0px; } }
@media (min-width: 641px) {
        #office-2 .easy-section .checkmark-text-container .office-snack-img {
          width: 582px;
          height: 388px;
          right: 560px;
          top: 100px;
          background-image: url(/assets/img/corp-section1-xxl-xl-lg-ab639af57c241c21f859e309068c94de.jpg); } }
#office-2 .easy-section .checkmark-text-container .ae-benefits {
      max-width: 470px;
      margin-bottom: 16px; }
#office-2 .easy-section .checkmark-text-container .blueberry-img {
      position: absolute;
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 100px;
      height: 88px;
      background-image: url(/assets/img/corp-blueberry-4da5706c368f8c25466dda373732193f.png);
      right: 20px;
      bottom: -52px; }
#office-2 .easy-section .checkmark-text-container .waffle-img {
      position: absolute;
      background-repeat: no-repeat;
      background-size: 100% auto;
      width: 100px;
      height: 88px;
      background-image: url(/assets/img/corp-waffle-4c03c49f0f3fe254e183af5bcb8e9960.png);
      right: 20px;
      bottom: -52px; }
#office-2 .be-the-hero {
  margin-top: 40px; }
@media (max-width: 640px) {
    #office-2 .be-the-hero {
      margin-bottom: 160px; } }
#office-2 .be-the-hero .checkmark-text-container .checkmarks {
    max-width: 360px; }
@media (min-width: 641px) {
    #office-2 .be-the-hero .checkmark-text-container {
      padding-left: 10%; } }
@media (min-width: 1281px) {
    #office-2 .be-the-hero .checkmark-text-container {
      left: 0%; } }
#office-2 .be-the-hero .img-container {
    width: 920px;
    height: 460px;
    position: absolute;
    top: 100px; }
@media (min-width: 641px) {
      #office-2 .be-the-hero .img-container.products {
        left: 590px; } }
@media (max-width: 640px) {
      #office-2 .be-the-hero .img-container {
        width: 464px;
        height: 248px;
        left: 248px;
        top: 300px; } }
@media (max-width: 440px) {
      #office-2 .be-the-hero .img-container {
        left: -72px;
        top: 360px; } }
#office-2 .be-the-hero .img-container .product-image {
      margin: 15px;
      height: 200px;
      width: 200px; }
@media (max-width: 640px) {
        #office-2 .be-the-hero .img-container .product-image {
          height: 100px;
          width: 100px;
          margin: 8px; } }
#office-2 .office-offerings {
  display: flex;
  align-items: space-between;
  margin: auto;
  max-width: 1200px;
  padding: 0px 0px 40px; }
@media (max-width: 1280px) {
    #office-2 .office-offerings {
      flex-direction: column;
      max-width: 500px;
      padding: 0px 20px 40px; } }
#office-2 .office-offerings .office-offering {
    flex: 1;
    flex-basis: 0;
    background-color: #faf8f5;
    padding: 20px 20px 40px;
    border: solid 1px #dadada;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    margin-right: 40px;
    transition: all .2s ease; }
@media (max-width: 1280px) {
      #office-2 .office-offerings .office-offering {
        margin-right: 0px;
        margin-bottom: 80px; } }
#office-2 .office-offerings .office-offering:last-child {
      margin-right: 0px; }
#office-2 .office-offerings .office-offering:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
#office-2 .office-offerings .office-offering .button {
      padding: 0px 40px;
      transition: background-color .3s ease; }
#office-2 .office-offerings .office-offering .button:hover {
        background-color: #d9540f; }
#office-2 .office-variety-box {
  background-color: #faf8f5; }
#office-2 .office-variety-box .top {
    text-align: center;
    margin-bottom: 40px; }
#office-2 .office-variety-box .top h2 {
      font-weight: bold;
      font-size: 150%;
      min-height: 55px; }
#office-2 .office-variety-box .plan-cards {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 40px; }
#office-2 .office-variety-box .plan-cards .plus {
      font-size: 300%;
      flex: 1;
      text-align: center;
      font-weight: bold;
      margin-top: 50px;
      padding: 0px 10px; }
#office-2 .office-variety-box .plan-cards .card-yellow-border {
      border-top: solid 10px #ffab40 !important; }
#office-2 .office-variety-box .plan-cards .card {
      flex: 5;
      text-align: center;
      padding: 10px;
      border-top: solid 10px #ef5e12;
      border-left: solid 1px #dadada;
      border-right: solid 1px #dadada;
      border-bottom: solid 1px #dadada;
      background-color: white; }
#office-2 .office-variety-box .plan-cards .card .card-title {
        font-weight: bold;
        font-size: 120%;
        text-transform: uppercase;
        margin-bottom: 10px; }
#office-2 .office-variety-box .plan-cards .card .card-count {
        font-weight: bold;
        font-size: 300%;
        margin-bottom: 20px; }
#office-2 .office-variety-box .plan-cards .card .card-description {
        font-size: 90%;
        line-height: 1.2; }
@media (max-width: 640px) {
          #office-2 .office-variety-box .plan-cards .card .card-description {
            font-size: 80%;
            line-height: 1.1; } }
#office-2 .office-variety-box .bottom {
    display: flex;
    justify-content: center; }
#office-2 .office-custom {
  background-color: #faf8f5; }
#office-2 .office-custom .top {
    text-align: center;
    margin-bottom: 40px; }
#office-2 .office-custom .top h2 {
      font-weight: bold;
      font-size: 150%;
      min-height: 55px; }
#office-2 .office-custom .bottom {
    display: flex;
    justify-content: center; }
#office-2 .office-pricing {
  background-color: #faf8f5;
  text-align: center; }
#office-2 .office-pricing h3 {
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 0px; }
#office-2 .office-pricing .top {
    text-align: center;
    margin-bottom: 40px; }
#office-2 .office-pricing .top h2 {
      font-weight: bold;
      font-size: 150%;
      min-height: 55px; }
#office-2 .office-pricing .description {
    margin-bottom: 20px; }
#office-2 .office-pricing .description h3 {
      font-weight: bold; }
#office-2 .office-pricing .bottom {
    display: flex;
    justify-content: center; }
#office-2 .office-pricing .main-plans .main-plan {
    display: inline-block;
    background-color: #fff;
    border-top: 10px solid #ef5e12;
    padding: 16px 10px;
    border-right: solid 1px #f5f3f0;
    border-left: solid 1px #f5f3f0;
    border-bottom: solid 1px #f5f3f0; }
@media (max-width: 440px) {
      #office-2 .office-pricing .main-plans .main-plan {
        margin: auto;
        margin-bottom: 20px; } }
#office-2 .office-pricing .main-plans .main-plan .price {
      color: #231f1a;
      font-family: "Larsseit-Medium", sans-serif;
      font-size: 3.75rem;
      letter-spacing: 0.025rem;
      line-height: 3.375rem;
      font-weight: normal;
      font-style: normal;
      padding-top: 16px; }
@media (max-width: 640px) {
        #office-2 .office-pricing .main-plans .main-plan .price {
          font-size: 3rem;
          line-height: 2.75rem;
          letter-spacing: 0.01875rem; } }
#office-2 .office-pricing .main-plans .main-plan .price .dollars {
        color: #231f1a;
        font-family: "Larsseit", sans-serif;
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: 0.0375rem;
        font-weight: normal;
        font-style: normal;
        font-family: "Larsseit-Bold", sans-serif;
        vertical-align: top; }
@media (max-width: 640px) {
          #office-2 .office-pricing .main-plans .main-plan .price .dollars {
            font-size: 0.875rem;
            line-height: 1.5rem;
            letter-spacing: 0.03125rem; } }
#office-2 .office-pricing .main-plans .main-plan .office-pricing-subtext {
      text-align: center;
      font-size: 70%; }
#office-2 .office-pricing .addon-plans {
    max-width: 530px;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: stretch; }
#office-2 .office-pricing .addon-plans .addon-plan {
      padding: 10px 10px;
      background-color: #fff;
      border-radius: 8px;
      border: solid 1px #dadada; }
@media (max-width: 840px) {
        #office-2 .office-pricing .addon-plans .addon-plan {
          font-size: 90%; } }
#office-2 .office-pricing .addon-plans .addon-plan .addon-name {
        font-weight: bold;
        font-size: 90%; }
#office-2 .office-pricing .addon-plans-subtitle {
    margin-bottom: 40px;
    text-align: center;
    color: #616161;
    font-size: 70%;
    line-height: 1.1; }
#office-2 .office-input-form {
  width: 300px;
  margin-top: 25px;
  padding-bottom: 20px;
  padding-top: 20px; }
@media (max-width: 640px) {
    #office-2 .office-input-form {
      margin: auto; } }
@media (max-width: 640px) {
    #office-2 .office-input-form h1 {
      text-align: center; } }
#office-2 .office-input-form input, #office-2 .office-input-form select {
    width: 300px;
    display: inline-block;
    margin-bottom: 1rem; }
#office-2 .office-input-form input[type="submit"] {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center; }
#office-2 .office-input-form input[type="submit"]:focus, #office-2 .office-input-form input[type="submit"]:hover {
      outline: none;
      background-color: #ef5e12; }
#office-2 .office-input-form input[type="submit"] a {
      color: #fff; }
#office-2 .office-input-form input[type="submit"]:disabled {
      background-color: #f9bfa0; }
#office-2 .office-input-form .phone {
    width: 185px; }
#office-2 .office-input-form .location-state {
    width: 100px; }
#office-2 .office-input-form .firstname {
    width: 144px; }
#office-2 .office-input-form .lastname {
    width: 144px; }
#office-2 .office-form {
  position: relative;
  padding-top: 40px;
  max-width: 1280px;
  margin: 0 auto; }
@media (min-width: 641px) {
    #office-2 .office-form {
      padding: 40px; } }
#office-2 .office-form .under-ten-employees .cta {
    display: block;
    margin-top: 10px; }
#office-2 .office-form .divider hr {
    width: 128px;
    color: #e4e0db;
    background-color: #e4e0db;
    height: 1px;
    font-size: 0px;
    border: 0px;
    display: inline-block;
    margin: 4px; }
#office-2 .office-form .schedule-call {
    padding-top: 16px; }
#office-2 .office-form .schedule-call .cta-secondary-color {
      width: 300px;
      display: block; }
#office-2 .office-form .office-form-img {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-image: url(/assets/img/snacks-bottom-photo-lg-303bf01937c044b2b8c8331944414ebd.jpg);
    z-index: -5; }
@media (min-width: 641px) {
      #office-2 .office-form .office-form-img {
        position: absolute;
        top: 60px;
        left: 370px;
        width: 830px;
        height: 500px; } }
@media (max-width: 640px) {
      #office-2 .office-form .office-form-img {
        width: 100%;
        height: 260px;
        background-size: 640px auto; } }
#office-2 .office-logos {
  background-color: #faf8f5;
  padding-top: 80px;
  padding-bottom: 60px; }
@media (max-width: 640px) {
    #office-2 .office-logos {
      padding-top: 50px;
      padding-bottom: 30px; } }
@media (max-width: 840px) {
    #office-2 .office-logos .columns {
      padding-bottom: 30px; } }
@media (max-width: 640px) {
    #office-2 .office-logos .columns {
      padding-bottom: 16px; } }
#office-2 .office-logos .office-logo {
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 490px;
    height: 42px; }
@media (max-width: 840px) {
      #office-2 .office-logos .office-logo {
        margin: auto; } }
@media (max-width: 640px) {
      #office-2 .office-logos .office-logo {
        width: 300px;
        height: 26px; } }
#office-2 .office-logos .logo-1 {
    background-image: url(/assets/img/corp-logos-1-60bd4085a5b9b794ff754d888990e3a0.jpg); }
@media (min-width: 841px) {
      #office-2 .office-logos .logo-1 {
        float: right;
        margin-right: 60px; } }
#office-2 .office-logos .logo-2 {
    background-image: url(/assets/img/corp-logos-2-74f296ce6cff1ffcd6ec05d6b5eaa91f.jpg); }
#office-2 .office-thanks {
  text-align: center;
  position: relative;
  height: 100%; }
#office-2 .office-thanks .text-container {
    padding-bottom: 300px;
    min-height: 100%;
    overflow: auto; }
@media (max-width: 640px) {
      #office-2 .office-thanks .text-container {
        padding-bottom: 160px; } }
@media (max-width: 640px) {
      #office-2 .office-thanks .text-container h1 {
        font-size: 1.75rem; } }
#office-2 .office-thanks .text-container p {
      color: #231f1a;
      max-width: 394px;
      margin: 0 auto; }
@media (max-width: 640px) {
        #office-2 .office-thanks .text-container p {
          font-size: 1rem; } }
#office-2 .office-thanks .text-container .button-cta {
      margin-top: 30px; }
#office-2 .office-thanks .text-container .button-cta button {
        width: 150px; }
#office-2 .office-thanks .error-footer-banner {
    background-image: url(/assets/img/error_banner-e219fcbe64a45015d7121934f9e5bee6.jpg);
    background-repeat: repeat;
    width: 100%;
    height: 300px;
    margin-top: -300px;
    background-size: cover;
    background-position: top center;
    position: relative;
    clear: both; }
@media (max-width: 640px) {
      #office-2 .office-thanks .error-footer-banner {
        background-image: url(/assets/img/error_banner_mobile-4c9d3d0d46a377d332c343e875e0b596.jpg);
        height: 160px;
        margin-top: -160px; } }
#office-2 .office-catalog-hero {
  width: 100%;
  height: 140px;
  text-align: center;
  padding-top: 28px;
  background-color: #faf8f5;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top center;
  background-image: url(/assets/img/our-snacks-banner-desktop-8183620b75c30d2de185b659f6b3458d.jpg); }
@media (max-width: 640px) {
    #office-2 .office-catalog-hero {
      height: 156px;
      padding-top: 62px;
      background-image: url(/assets/img/our-snacks-banner-md-sm-9955a2786f531d770c7987efef992563.jpg); } }
#office-2 .office-catalog-hero .hero-title {
    color: #231f1a;
    font-family: "Larsseit-Medium", sans-serif;
    font-size: 2.25rem;
    letter-spacing: 0.01875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-style: normal; }
@media (max-width: 640px) {
      #office-2 .office-catalog-hero .hero-title {
        font-size: 1.75rem;
        line-height: 2rem;
        letter-spacing: 0.01562rem; } }
#office-2 .office-catalog-hero .hero-subtitle {
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal; }
@media (max-width: 640px) {
      #office-2 .office-catalog-hero .hero-subtitle {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
#office-2 .office-catalog-pricing {
  background-color: #faf8f5;
  text-align: center;
  width: 100%;
  height: 216px;
  padding-top: 34px; }
@media (max-width: 640px) {
    #office-2 .office-catalog-pricing {
      height: 200px; } }
#office-2 .office-catalog-pricing .hero-title {
    color: #231f1a;
    font-family: "Larsseit-Medium", sans-serif;
    font-size: 2.25rem;
    letter-spacing: 0.01875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-style: normal; }
@media (max-width: 640px) {
      #office-2 .office-catalog-pricing .hero-title {
        font-size: 1.75rem;
        line-height: 2rem;
        letter-spacing: 0.01562rem; } }
#office-2 .office-catalog-pricing .hero-subtitle {
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 16px; }
@media (max-width: 640px) {
      #office-2 .office-catalog-pricing .hero-subtitle {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
@media (max-width: 640px) {
      #office-2 .office-catalog-pricing .hero-subtitle {
        width: 263px;
        margin: auto; } }
#office-2 .office-catalog-pricing .cta-secondary-color {
    width: 177px;
    display: inline-block; }
#office-2 .office-category {
  padding: 24px 12px; }
#office-2 .office-category .snack-name-container {
    padding-top: 1rem;
    padding-bottom: 1rem; }
#office-2 .office-refer {
  padding-bottom: 4rem; }
@media (max-width: 1000px) {
    #office-2 .office-refer .office-refer-lg {
      display: none !important; }
    #office-2 .office-refer .office-refer-sm {
      display: block !important; } }
#office-2 .office-refer .office-refer-form input, #office-2 .office-refer .office-refer-form select {
    width: 100%;
    display: inline-block;
    margin-bottom: 1rem; }
#office-2 .office-refer .office-refer-form input[type="submit"] {
    background-color: #ef5e12;
    border: none;
    border-radius: 0.1875rem;
    color: #fff;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    height: 3rem;
    line-height: 1;
    min-width: 6.25rem;
    padding: 1rem 0;
    text-align: center; }
#office-2 .office-refer .office-refer-form input[type="submit"]:focus, #office-2 .office-refer .office-refer-form input[type="submit"]:hover {
      outline: none;
      background-color: #ef5e12; }
#office-2 .office-refer .office-refer-form input[type="submit"] a {
      color: #fff; }
#office-2 .office-refer .office-refer-form input[type="submit"]:disabled {
      background-color: #f9bfa0; }
#office-2 .office-refer .office-refer-lg {
    display: flex;
    max-width: 1280px;
    margin: auto;
    padding: 0 1rem; }
#office-2 .office-refer .office-refer-lg section {
      padding-top: 4rem; }
#office-2 .office-refer .office-refer-lg section:nth-child(1) {
      flex: 0 0 320px;
      margin-right: 4rem; }
#office-2 .office-refer .office-refer-lg section:nth-child(2) {
      flex: 1; }
#office-2 .office-refer .office-refer-lg .office-refer-header {
      margin-bottom: 2.5rem; }
#office-2 .office-refer .office-refer-lg .office-refer-header h1 {
        margin: 0;
        padding: 0; }
#office-2 .office-refer .office-refer-lg .office-refer-header span {
        display: block;
        font-weight: normal;
        font-family: "Larsseit-Light", sans-serif;
        margin: 0;
        padding: 0; }
#office-2 .office-refer .office-refer-lg .office-refer-header span:nth-child(2) {
        font-weight: bold;
        padding-top: .25rem; }
#office-2 .office-refer .office-refer-lg .office-refer-copy {
      padding: 0;
      margin: 0;
      margin-bottom: 4rem; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table-header {
      text-transform: none;
      font-size: 1.2rem;
      margin: 0;
      padding: 0;
      margin-bottom: 1rem;
      font-family: "Larsseit", sans-serif;
      font-weight: bold; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table {
      border-top: solid 1px #dadada;
      border-left: solid 1px #dadada; }
@media (max-width: 1150px) {
        #office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table .row-item-label {
          font-size: .8rem !important; } }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table-row {
      display: flex;
      justify-content: space-evenly; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table-row .row-item {
        flex: 1;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: solid 1px #dadada;
        border-right: solid 1px #dadada;
        padding: .25rem; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table-row .row-item.second-row .row-item-value {
          color: #ef5e12;
          font-weight: bold; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .office-refer-table-row .row-label .row-item-label {
        font-size: 1rem; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .row-item-inner .row-item-value {
      margin: 0;
      padding: 0;
      margin-bottom: .25rem;
      font-size: 1.5rem;
      font-family: "Larsseit", sans-serif;
      text-align: center; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .row-item-inner .row-item-label {
      margin: 0;
      padding: 0;
      font-size: .8rem;
      font-family: "Larsseit", sans-serif;
      text-align: center;
      line-height: 1.2; }
#office-2 .office-refer .office-refer-lg .office-refer-table-container .row-label {
      background-color: #ffbf0f;
      text-align: center; }
#office-2 .office-refer .office-refer-sm {
    display: none;
    max-width: 500px;
    margin: auto;
    padding: 0 1rem;
    padding-top: 2rem; }
#office-2 .office-refer .office-refer-sm .office-refer-header h1 {
      margin: 0;
      padding: 0;
      text-align: center;
      margin-bottom: 2rem; }
#office-2 .office-refer .office-refer-sm .office-refer-header span {
      display: block;
      font-weight: normal;
      font-family: "Larsseit-Light", sans-serif;
      margin: 0;
      padding: 0; }
#office-2 .office-refer .office-refer-sm .office-refer-header span:nth-child(2) {
      font-weight: bold;
      padding-top: .25rem; }
#office-2 .office-refer .office-refer-sm .office-refer-copy {
      padding: 0;
      margin: 0;
      margin-bottom: 3rem;
      text-align: center; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container {
      margin-bottom: 2rem; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table-header {
        text-transform: none;
        text-align: center;
        font-size: 1.2rem;
        margin: 0;
        padding: 0;
        margin-bottom: .5rem;
        font-family: "Larsseit", sans-serif;
        font-weight: bold; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table {
        border-top: solid 1px #dadada;
        border-left: solid 1px #dadada;
        display: flex; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table-row {
        flex: 1;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table-row .row-item {
          flex: 0 0 100px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-bottom: solid 1px #dadada;
          border-right: solid 1px #dadada;
          padding: .25rem; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table-row .row-item.second-row .row-item-value {
            color: #ef5e12;
            font-weight: bold; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .office-refer-table-row .row-label .row-item-label {
          font-size: 1rem; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .row-item-inner .row-item-value {
        margin: 0;
        padding: 0;
        margin-bottom: .25rem;
        font-size: 1.5rem;
        font-family: "Larsseit", sans-serif;
        text-align: center; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .row-item-inner .row-item-label {
        margin: 0;
        padding: 0;
        font-size: .8rem;
        font-family: "Larsseit", sans-serif;
        text-align: center;
        line-height: 1.2; }
#office-2 .office-refer .office-refer-sm .office-refer-table-container .row-label {
        background-color: #ffbf0f;
        text-align: center; }
#office-2 .office-refer .office-refer-sm .office-refer-form-container {
      display: flex;
      justify-content: center; }
#office-2 .office-refer .office-refer-sm .office-refer-form-container .office-refer-form {
        width: 100%;
        max-width: 350px;
        margin: auto; }
#office-2 .office-refer .form-subtitle {
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-top: 12px;
    padding-bottom: 8px; }
@media (max-width: 640px) {
      #office-2 .office-refer .form-subtitle {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
@media (max-width: 640px) {
    #office-2 .office-refer .columns {
      padding: 0px; } }
@media (max-width: 640px) {
    #office-2 .office-refer .row .row {
      margin: 0px; } }
#office-2 #office-header .sidebar-menu-icon {
  margin-left: 10px; }
#office-2 footer {
  padding-top: 8px; }
.catalog-spring-banner {
  background-image: url(/assets/img/campaign_catalogbanner_xl-c777d3553ef6016f5ec68a148ee9b857.jpg);
  background-repeat: no-repeat;
  background-color: #f3f1f2;
  background-size: cover;
  background-position: right center;
  height: 200px;
  padding-top: 30px;
  padding-left: 1rem;
  padding-right: 50%; }
@media (max-width: 640px) {
    .catalog-spring-banner {
      margin-bottom: 24px; } }
.catalog-spring-banner .text {
    color: #231f1a; }
.catalog-spring-banner .content {
    padding-left: 46px;
    max-width: 1280px; }
@media (max-width: 840px) {
      .catalog-spring-banner .content {
        padding-left: 0px;
        padding-top: 20px; } }
@media (min-width: 641px) and (max-width: 840px) {
      .catalog-spring-banner .content {
        width: 85%; } }
@media (max-width: 640px) {
      .catalog-spring-banner .content {
        width: 75%; } }
.catalog-spring-banner h1 {
    margin-bottom: 0.5rem; }
@media (max-width: 840px) {
      .catalog-spring-banner h1 {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0; } }
.catalog-spring-banner a {
    text-decoration: underline;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
@media (min-width: 1281px) {
    .catalog-spring-banner {
      background-image: url(/assets/img/campaign_catalogbanner_xxl-cf3f4758fa200cf3bd2cbf6035a33cb4.jpg);
      padding-right: 0; } }
@media (min-width: 841px) and (max-width: 1280px) {
    .catalog-spring-banner {
      background-image: url(/assets/img/campaign_catalogbanner_xl-c777d3553ef6016f5ec68a148ee9b857.jpg);
      background-position: left center;
      padding-right: 15%; } }
@media (min-width: 641px) and (max-width: 840px) {
    .catalog-spring-banner {
      background-image: url(/assets/img/campaign_catalogbanner_lg-e43654ddda3e1923d3d3a98afe391a17.jpg);
      background-position: left 140px center;
      padding-top: 20px;
      padding-right: 23%; } }
@media (min-width: 441px) and (max-width: 640px) {
    .catalog-spring-banner {
      padding-right: 15%;
      background-position: left center;
      background-image: url(/assets/img/campaign_catalogbanner_md-259551818fd768f5fcc228f50ba7f194.jpg); } }
@media (max-width: 440px) {
    .catalog-spring-banner {
      background-image: url(/assets/img/campaign_catalogbanner_sm-361e9ef3e6217ebf4c522ec8ee5699ea.jpg);
      background-position: left 80px center;
      padding-right: 0; }
      .catalog-spring-banner .text {
        padding-right: 2%; } }
.subscriptions-section h1:first-of-type {
  margin-top: 2rem; }
.subscriptions-section .shipping-dash-container {
  margin-top: 2rem;
  margin-bottom: 2rem; }
@media (max-width: 640px) {
  .subscriptions-section .payment-shipping-dash {
    margin-bottom: 1.5rem; } }
@media (max-width: 640px) {
  .subscriptions-section .payment-shipping-dash .shipping-address {
    margin-bottom: 1.5rem; } }
.subscriptions-section .payment-shipping-dash .text-holder .cta {
  display: block; }
.subscriptions-section .payment-shipping-dash .text-holder .edit {
  float: none;
  margin-left: 0.75rem; }
@media (min-width: 641px) and (max-width: 840px) {
    .subscriptions-section .payment-shipping-dash .text-holder .edit {
      float: right; } }
@media (min-width: 841px) {
    .subscriptions-section .payment-shipping-dash .text-holder .edit {
      margin-left: 3rem; } }
.subscriptions-section .sub-order-item {
  margin: 0.75rem;
  position: relative; }
.subscriptions-section .sub-order-item .sub-order-item-img {
    float: left;
    height: 4rem; }
.subscriptions-section .sub-order-item .sub-order-item-details {
    float: left;
    margin-left: 1rem; }
@media (max-width: 640px) {
      .subscriptions-section .sub-order-item .sub-order-item-details {
        max-width: 12.5rem; } }
.subscriptions-section .sub-order-item .sub-order-item-details h5 {
      margin: 0; }
.subscriptions-section .sub-order-item .sub-order-item-price {
    margin-right: 1rem; }
.subscriptions-section .sub-order-item .remove {
    margin-top: 0;
    color: #ef5e12;
    cursor: pointer; }
@media (min-width: 841px) {
    .subscriptions-section .sub-order-item .detail-select {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      right: 0; } }
@media (max-width: 840px) {
    .subscriptions-section .sub-order-item .detail-select {
      position: relative;
      display: block;
      margin-top: 0.25rem; } }
.subscriptions-section .sub-order-item .detail-select .select-item-qty {
    border: none;
    height: 3rem;
    width: 6rem;
    position: absolute;
    z-index: 1;
    opacity: 0; }
.subscriptions-section .sub-order-item .detail-select .select-item-qty:hover {
      cursor: pointer; }
.subscriptions-section .sub-order-item .cart-item-qty {
    width: 6rem;
    height: 3rem;
    border-radius: 3px;
    border: solid 1px #e4e0db;
    z-index: 0; }
.subscriptions-section .sub-order-item .cart-item-qty .item-qty {
      float: left;
      margin: 0.625rem 0 0 1.5625rem; }
.subscriptions-section .sub-order-item .cart-item-qty .select-arrow {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 4.777759280839021% 3.9726533628972653%;
      width: 14px;
      height: 10px;
      float: left;
      margin: 1.25rem 0 0 1.5rem; }
.subscriptions-section .sub-order-item .cart-item-qty .select-arrow:hover {
        cursor: pointer; }
.subscriptions-section .shipping-date .info-img {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 28.94736842105263% 36.58220824856667%;
  width: 20px;
  height: 20px;
  float: left; }
.subscriptions-section .shipping-date .text-holder {
  float: left;
  margin-left: 0.375rem;
  width: calc(100% - 1.875rem); }
.subscriptions-section .shipping-date .text-holder h5, .subscriptions-section .shipping-date .text-holder .s2s-order-date {
    margin: 0; }
.subscriptions-section .shipping-date .s2s-disclaimer {
  font-size: 0.75rem;
  color: #706c68;
  letter-spacing: 0.03125rem;
  line-height: 1.125rem;
  font-weight: normal;
  font-style: normal;
  margin-top: 0.5rem; }
.subscriptions-section .shipping-date .chat {
  font-size: 1rem;
  position: relative;
  top: 0.5rem; }
.subscriptions-section .order-payment-info {
  margin-top: 0.5rem; }
@media (max-width: 840px) {
    .subscriptions-section .order-payment-info {
      margin-left: 0.75rem;
      max-width: 13.75rem; } }
.order-payment-info .prompt {
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #231f1a;
  margin: 0;
  padding-bottom: 5px; }
.order-payment-info table {
  width: 100%; }
.order-payment-info tbody td {
  color: #706c68;
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  line-height: 1.25rem;
  font-weight: normal;
  font-style: normal;
  padding-bottom: 5px; }
@media (max-width: 640px) {
    .order-payment-info tbody td {
      font-size: 0.875rem;
      line-height: 1.125rem; } }
.order-payment-info tfoot td {
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #231f1a; }
.order-payment-info .order-payment-subtotal,
.order-payment-info .order-payment-shipping,
.order-payment-info .order-payment-total,
.order-payment-info .order-payment-discount,
.order-payment-info .order-payment-credit {
  text-align: right; }
#order-history .order-history {
  padding: 12px;
  color: #231f1a;
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  line-height: 1.25rem;
  font-weight: normal;
  font-style: normal; }
@media (max-width: 440px) {
    #order-history .order-history {
      padding-left: 0px;
      padding-right: 0px; } }
@media (max-width: 640px) {
    #order-history .order-history {
      font-size: 0.875rem;
      line-height: 1.125rem; } }
#order-history .order-history h1 {
    padding-top: 5px;
    padding-bottom: 16px;
    margin: 0px; }
@media (max-width: 440px) {
      #order-history .order-history h1 {
        padding-left: 8px;
        padding-bottom: 8px; } }
@media (max-width: 440px) {
    #order-history .order-history .breadcrumbs {
      padding-left: 8px; } }
#order-history .order-history .columns {
    padding: 0px; }
#order-history .order-history .row {
    margin: 0px; }
#order-history .order-history p {
    margin: 0px;
    padding-bottom: 5px; }
#order-history .order-history .order-banner {
    background-color: #f5f3f0;
    border: 1px solid #e4e0db;
    position: relative;
    min-height: 3.625rem; }
@media (max-width: 640px) {
      #order-history .order-history .order-banner {
        padding-top: 8px;
        padding-bottom: 10px; } }
@media (max-width: 640px) {
      #order-history .order-history .order-banner {
        font-size: 0.75rem;
        color: #706c68;
        letter-spacing: 0.03125rem;
        line-height: 1.125rem;
        font-weight: normal;
        font-style: normal; } }
#order-history .order-history .order-banner div.columns {
      padding: 8px;
      white-space: nowrap;
      padding-left: 10px; }
@media (max-width: 640px) {
        #order-history .order-history .order-banner div.columns {
          padding-top: 2px;
          padding-bottom: 0px; } }
@media (max-width: 440px) {
        #order-history .order-history .order-banner div.columns {
          padding-left: 8px; } }
@media (min-width: 641px) and (max-width: 840px) {
      #order-history .order-history .order-banner div.columns:nth-of-type(2n) {
        padding: 0 0 6px 10px;
        margin-top: -6px; } }
@media (min-width: 841px) {
      #order-history .order-history .order-banner div.columns:nth-of-type(2n),
      #order-history .order-history .order-banner div.columns:nth-of-type(3n) {
        padding: 18px 0 0 4px; } }
#order-history .order-history .order-banner .order-number {
      color: #231f1a;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      padding-right: 22px; }
@media (max-width: 640px) {
        #order-history .order-history .order-banner .order-number {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
@media (min-width: 641px) {
        #order-history .order-history .order-banner .order-number {
          color: #231f1a;
          font-family: "Larsseit-Bold", sans-serif;
          font-size: 1.25rem;
          letter-spacing: 0.0625rem;
          line-height: 1.5rem;
          text-transform: uppercase;
          font-weight: normal;
          font-style: normal;
          font-size: 1rem;
          text-transform: uppercase; } }
@media (min-width: 641px) and (max-width: 840px) {
        #order-history .order-history .order-banner .order-number {
          text-transform: none;
          padding-right: 34px; } }
#order-history .order-history .order-banner .order-status {
      display: inline-block;
      min-width: 5rem; }
@media (max-width: 440px) {
        #order-history .order-history .order-banner .order-status {
          display: none; } }
@media (min-width: 441px) and (max-width: 640px) {
        #order-history .order-history .order-banner .order-status {
          min-width: 3.125rem; } }
#order-history .order-history .order-banner .prompt {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
#order-history .order-history .order-banner .order-banner-arrow {
      position: absolute;
      right: 16px;
      top: 50%;
      margin-top: -2px; }
#order-history .order-history .order-banner .order-banner-arrow:hover {
        cursor: pointer; }
#order-history .order-history .order-banner.collapsed .order-banner-arrow {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 4.777759280839021% 3.9726533628972653%;
      width: 14px;
      height: 10px; }
#order-history .order-history .order-banner.collapsed + .order-info {
      display: none; }
#order-history .order-history .order-banner.expanded .order-banner-arrow {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 6.242716830364575% 5.948642157768336%;
      width: 14px;
      height: 8px; }
@media (max-width: 840px) {
      #order-history .order-history .order-banner .order-total-xl {
        display: none; } }
#order-history .order-history .order-banner .order-total-md-lg {
      display: none; }
@media (min-width: 441px) and (max-width: 840px) {
        #order-history .order-history .order-banner .order-total-md-lg {
          display: inline-block;
          padding-left: 30px; } }
@media (min-width: 441px) and (max-width: 640px) {
        #order-history .order-history .order-banner .order-total-md-lg {
          padding-left: 32px; } }
#order-history .order-history .order-again {
    width: 110px;
    height: 42px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #ef5e12;
    color: #ef5e12;
    margin-left: 20px;
    padding: 0; }
@media (max-width: 840px) {
      #order-history .order-history .order-again {
        position: absolute;
        margin-left: 40px; } }
@media (min-width: 441px) and (max-width: 640px) {
      #order-history .order-history .order-again {
        margin-top: -2px; } }
@media (max-width: 440px) {
      #order-history .order-history .order-again {
        margin: -2px 0; } }
#order-history .order-history .order-info {
    padding: 24px 0 48px; }
#order-history .order-history .order-info .order-info-section {
      padding: 8px 8px 0; }
#order-history .order-history .order-info .order-info-section .gift-card .content {
        margin-left: 0.9375rem;
        word-wrap: break-word; }
@media (min-width: 1281px) {
          #order-history .order-history .order-info .order-info-section .gift-card .content {
            max-width: 25rem; } }
@media (min-width: 841px) and (max-width: 1280px) {
          #order-history .order-history .order-info .order-info-section .gift-card .content {
            max-width: 18.75rem; } }
@media (min-width: 641px) and (max-width: 840px) {
          #order-history .order-history .order-info .order-info-section .gift-card .content {
            max-width: 16rem; } }
@media (min-width: 441px) and (max-width: 640px) {
          #order-history .order-history .order-info .order-info-section .gift-card .content {
            max-width: 18.75rem; } }
@media (max-width: 440px) {
          #order-history .order-history .order-info .order-info-section .gift-card .content {
            max-width: 13.75rem; } }
@media (max-width: 440px) {
        #order-history .order-history .order-info .order-info-section {
          padding: 8px 8px 0; } }
#order-history .order-history .order-info .order-shipping-info .address {
      color: #706c68;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        #order-history .order-history .order-info .order-shipping-info .address {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
@media (max-width: 640px) {
      #order-history .order-history .order-info .order-shipping-info {
        margin: 16px 0; } }
#order-history .order-history .order-summary:not(:last-child) .order-banner.collapsed {
    border-bottom: 0px; }
#order-history .orders-claims-banner {
  border-top: 1px solid #e4e0db; }
#order-history .orders-claims-banner .claims-banner {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    padding: 0 1rem; }
#order-history .orders-claims-banner .claims-banner .claims-title {
      color: #231f1a;
      margin: auto;
      padding: 1rem 0 .5rem;
      text-align: center;
      font-size: .8rem;
      line-height: 1; }
#order-history .orders-claims-banner .claims-banner .claims-container {
      display: flex;
      justify-content: space-evenly; }
@media (max-width: 640px) {
        #order-history .orders-claims-banner .claims-banner .claims-container {
          flex-direction: column; } }
@media (max-width: 640px) {
      #order-history .orders-claims-banner .claims-banner .learn-more-container {
        margin-bottom: 1rem; } }
#order-history .orders-claims-banner .claims-banner .learn-more-container .learn-more {
      color: #ef5e12;
      text-decoration: underline;
      text-transform: none !important;
      line-height: 1 !important;
      font-size: .9rem;
      cursor: pointer; }
#order-history .orders-claims-banner .claims-banner .claim {
      margin: 0 auto;
      transition: box-shadow .2s ease;
      border-radius: 2px;
      border: solid 1px transparent;
      padding: .2rem; }
#order-history .orders-claims-banner .claims-banner .claim:hover {
        box-shadow: 0 0 6px #b7b4b0; }
@media (max-width: 840px) {
        #order-history .orders-claims-banner .claims-banner .claim {
          margin-bottom: .5rem; }
          #order-history .orders-claims-banner .claims-banner .claim .claim-top img {
            width: 1.5rem !important; }
          #order-history .orders-claims-banner .claims-banner .claim .claim-top h3 {
            font-size: 80% !important; } }
@media (max-width: 640px) {
        #order-history .orders-claims-banner .claims-banner .claim:last-child {
          margin-bottom: 0 !important; }
        #order-history .orders-claims-banner .claims-banner .claim .claim-top {
          height: auto !important; } }
#order-history .orders-claims-banner .claims-banner .claim .claim-top {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 2.5rem; }
#order-history .orders-claims-banner .claims-banner .claim .claim-top img {
          width: 2rem;
          margin-right: 1rem; }
#order-history .orders-claims-banner .claims-banner .claim .claim-top h3 {
          color: #ef5e12;
          margin: 0 !important;
          font-size: 90% !important;
          line-height: 1.3; }
#order-history .orders-claims-banner .claims-banner .claim .claim-bottom {
        color: #231f1a;
        font-size: .8rem !important;
        line-height: 1.3; }
#order-history .orders-claims-banner .claims-banner .claim.risk-free img {
        width: 1.4rem; }
@media (max-width: 840px) {
        #order-history .orders-claims-banner .claims-banner .claim.risk-free img {
          width: 1.1rem !important; } }
#order-history .orders-claims-banner .claims-banner .claim.snack-guarantee img {
        margin-top: -0.2rem; }
#order-history .orders-claims-banner .claims-banner .claim-text {
      color: #231f1a;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        #order-history .orders-claims-banner .claims-banner .claim-text {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
@media (max-width: 360px) {
        #order-history .orders-claims-banner .claims-banner .claim-text {
          font-size: .8rem; } }
#order-history .orders-claims-banner .nb-tooltip.membership-tooltip {
    height: 211px;
    max-width: 372px; }
#order-history .orders-claims-banner .nb-tooltip.membership-tooltip .tooltip-content {
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      color: #fff; }
#order-history .orders-claims-banner .claims-banner.member {
    border-top: none;
    margin-top: 0; }
@media (min-width: 641px) and (max-width: 1067px) {
      #order-history .orders-claims-banner .claims-banner.member {
        height: 90px; } }
#order-history .order-item-block {
  margin-bottom: 0.5rem; }
#order-history .order-item-block.gift-card .content {
    margin-top: 0; }
#order-history .order-item-block.gift-card .title {
    line-height: 1.11; }
.nb-tooltip-white.add-to-cart-error-tooltip {
  height: 90px;
  max-width: 305px;
  padding: 0;
  margin: -10px -2px;
  border-bottom: 4px solid #ef5e12;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); }
.nb-tooltip-white.add-to-cart-error-tooltip .tooltip-content {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #231f1a;
    margin-top: 8px; }
.nb-tooltip-white.add-to-cart-error-tooltip .tooltip-content .close-icon-component {
      position: absolute;
      right: 8px;
      top: 6px;
      color: #b7b4b0; }
.nb-tooltip.membership-tooltip {
  height: 211px;
  max-width: 372px; }
.nb-tooltip.membership-tooltip .tooltip-content {
    font-size: 1rem;
    line-height: 1.56; }
.order-item-block {
  position: relative;
  max-width: 100%; }
.order-item-block img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 64px; }
.order-item-block .item-details {
    padding-left: 79px;
    min-height: 4rem;
    margin-bottom: 0.5rem; }
.order-item-block .item-details .item-name {
      color: #231f1a;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal;
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 1.11; }
@media (max-width: 640px) {
        .order-item-block .item-details .item-name {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
.order-item-block .item-details .item-price-size-qty {
      color: #706c68;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        .order-item-block .item-details .item-price-size-qty {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
.order-item-block .item-details .item-price-size-qty span {
        padding-right: 6px; }
.order-item-block .item-details .item-price-size-qty .item-regular-price {
        text-decoration: line-through; }
.order-item-block .item-details .item-price-size-qty .prices-container {
        display: inline-block; }
.order-item-block .item-details .item-price-size-qty .prices-container .msrp-price {
          display: inline-block; }
.order-item-block .item-details .item-price-size-qty .prices-container .member-price {
          padding-left: 0.25rem;
          display: inline-block; }
.order-item-block .item-details .add-item-button {
      background-color: #ef5e12;
      color: #fff;
      border-radius: 40px;
      min-width: 0;
      width: 52px;
      height: 52px;
      font-size: 1.5rem;
      font-family: "Larsseit-Medium", sans-serif;
      font-weight: normal;
      font-style: normal;
      border: none;
      background-image: url(/assets/svg/plus-white-13b026d0fdc5eafcd076e57608d803c0.svg);
      background-repeat: no-repeat;
      background-size: 16px;
      background-position: center;
      padding-top: 8px;
      height: 16px;
      width: 16px;
      background-size: 8px; }
.order-item-block .item-details .add-item-button:focus {
        outline: none; }
.order-item-block .item-details .add-item-button.has-items {
        background-image: none; }
.order-item-block .item-details .add-item-button.out-of-stock, .order-item-block .item-details .add-item-button.out-of-stock.pre-sale {
        background-color: #f9bfa0; }
.order-item-block .item-details .add-item-button.pre-sale {
        background-color: #45b49f; }
.order-item-block .item-details .add-item-button.not-allowed {
        background-color: #f9bfa0; }
@media (min-width: 641px) and (max-width: 840px) {
        .order-item-block .item-details .add-item-button {
          width: 48px;
          height: 48px;
          font-size: 1.25rem; } }
@media (max-width: 640px) {
        .order-item-block .item-details .add-item-button {
          width: 42px;
          height: 42px;
          font-size: 1.125rem; } }
@media (max-width: 840px) {
        .order-item-block .item-details .add-item-button {
          height: 16px;
          width: 16px;
          background-size: 8px; } }
.order-item-block .item-details .add-item-link {
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      color: #ef5e12;
      margin-left: 6px;
      height: 20px;
      width: 80px; }
.order-item-block .item-details .add-item-link:hover {
        cursor: pointer; }
.order-item-block .item-details .stock-reminder {
      height: 26px;
      width: 286px;
      font-size: 0.875rem;
      color: #231f1a; }
.order-item-block .item-details .stock-reminder .notify-link {
        color: #ef5e12;
        margin-right: 4px; }
.order-item-block .item-details .stock-reminder .notify-link:hover {
          cursor: pointer; }
.order-item-block .item-details .stock-reminder-thank-you {
      font-size: 1rem;
      color: #231f1a; }
.order-item-block .presale-notice {
    font-size: 1rem;
    line-height: 1.3rem; }
.subscription-order.collapsed .caret {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 4.777759280839021% 3.9726533628972653%;
  width: 14px;
  height: 10px; }
.subscription-order.collapsed .sub-order-body {
  display: none; }
.subscription-order .caret {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 6.242716830364575% 5.948642157768336%;
  width: 14px;
  height: 8px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 1rem; }
.subscription-order .sub-order-header {
  background-color: #f5f3f0;
  border: 1px solid #e4e0db;
  color: #231f1a;
  cursor: pointer;
  padding: 0.75rem;
  position: relative; }
.subscription-order .sub-order-header .header-description {
    color: #706c68; }
@media (min-width: 841px) {
      .subscription-order .sub-order-header .header-description {
        font-size: 0.75rem;
        text-transform: uppercase; } }
@media (max-width: 840px) {
      .subscription-order .sub-order-header .header-description {
        font-family: "Larsseit-Bold", sans-serif; } }
@media (max-width: 840px) {
    .subscription-order .sub-order-header .order-date .header-description {
      color: #231f1a; } }
@media (max-width: 840px) {
    .subscription-order .sub-order-header .order-date {
      font-size: 1rem; } }
@media (min-width: 841px) {
    .subscription-order .sub-order-header .order-date {
      display: inline-block;
      width: 25%; }
      .subscription-order .sub-order-header .order-date span {
        display: block; } }
@media (max-width: 840px) {
    .subscription-order .sub-order-header .order-status {
      color: #706c68;
      display: inline-block;
      font-size: 0.875rem;
      margin-right: 2rem; } }
@media (min-width: 841px) {
    .subscription-order .sub-order-header .order-status {
      display: inline-block;
      width: 50%; }
      .subscription-order .sub-order-header .order-status span {
        display: block; } }
@media (max-width: 840px) {
    .subscription-order .sub-order-header .order-total {
      color: #706c68;
      display: inline-block;
      font-size: 0.875rem; } }
@media (min-width: 841px) {
    .subscription-order .sub-order-header .order-total {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      line-height: 1.3;
      width: 25%; } }
@media (min-width: 841px) {
  .subscription-order .sub-order-date {
    text-transform: uppercase; } }
.subscription-order .sub-order-body {
  padding: 0.75rem 0; }
.payment-shipping-dash .truck-img {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 83.7248042645344% 85.06055283350283%;
  width: 22px;
  height: 17px;
  vertical-align: top;
  margin-top: 3px;
  position: absolute;
  float: left;
  position: relative; }
.payment-shipping-dash .credit-card-img {
  background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
  background-position: 19.47684105298234% 26.21556664817896%;
  width: 24px;
  height: 16px;
  vertical-align: top;
  margin-top: 3px;
  position: absolute;
  float: left;
  position: relative; }
.payment-shipping-dash .text-holder {
  float: left;
  margin-left: 0.375rem;
  width: calc(100% - 1.875rem); }
.payment-shipping-dash .text-holder h5 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block; }
.payment-shipping-dash .text-holder .edit {
    float: right; }
.payment-shipping-dash .credit-card {
  padding: 1rem 0; }
@media (max-width: 640px) {
    .payment-shipping-dash .credit-card {
      width: 100%;
      float: none;
      display: block;
      padding: 0 .5rem 2.5rem .5rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px solid #e4e0db; } }
.payment-shipping-dash .credit-card.edit-link {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    border: 1px dashed #e4e0db;
    margin: 1rem 0 1.5rem 0;
    height: 6.25rem;
    text-align: center;
    padding-top: 2.25rem; }
.payment-shipping-dash .credit-card.edit-link:hover, .payment-shipping-dash .credit-card.edit-link:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .payment-shipping-dash .credit-card.edit-link {
        display: none; } }
.payment-shipping-dash .credit-card.edit-link-mobile {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    display: none; }
.payment-shipping-dash .credit-card.edit-link-mobile:hover, .payment-shipping-dash .credit-card.edit-link-mobile:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .payment-shipping-dash .credit-card.edit-link-mobile {
        display: block;
        padding: 1rem; } }
@media (max-width: 640px) {
    .payment-shipping-dash .credit-card:nth-last-child(2) {
      border-bottom: 0;
      margin-bottom: 0; } }
.payment-shipping-dash .credit-card .cc-icon {
    float: left;
    position: relative;
    top: 0.375rem;
    margin-right: 1rem; }
.payment-shipping-dash .credit-card .cc-icon.cc-vi {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/visa-7045e0727df536f7f3e370e19424baac.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .credit-card .cc-icon.cc-mc {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/mastercard-75c79ddd57b8398622204c2b96495c02.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .credit-card .cc-icon.cc-ax {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/amex-030182897b383aba09fa7d6fa5bfba1f.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .credit-card .cc-icon.cc-di {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/discover-eeec8134f96547478835eb6abce43b29.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .credit-card .cc-icon.cc-dc {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/dinersclub-98e892787662e8a789ec8de68ecaf542.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .credit-card .cc-icon.cc-jcb {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/jcb-574733ce75755266e38c694f18065d0f.svg);
      background-repeat: no-repeat; }
.payment-shipping-dash .edit-links .edit-link {
  display: none;
  float: left;
  margin-right: 12px; }
@media (max-width: 640px) {
    .payment-shipping-dash .edit-links .edit-link {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal; }
      .payment-shipping-dash .edit-links .edit-link:hover, .payment-shipping-dash .edit-links .edit-link:focus {
        cursor: pointer; } }
.payment-shipping-dash .credit-card {
  padding: 0.2rem; }
.payment-shipping-dash .no-payment-required h2 {
  margin-top: 0px;
  font-size: 90%; }
.payment-shipping-dash .no-payment-required p {
  font-size: 90%; }
@media (max-width: 640px) {
  .payment-shipping-dash .no-payment-required {
    padding: 20px;
    margin-top: 20px;
    text-align: center; } }
.auth-notice-tooltip {
  width: 20rem; }
.shipping-address-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .shipping-address-modal {
      min-height: initial;
      height: calc(100% - 5rem);
      overflow-y: auto;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.shipping-address-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .shipping-address-modal .close-icon {
        top: 10px;
        right: 10px; } }
@media (max-width: 440px) {
    .shipping-address-modal {
      padding: 1.25rem 1rem 0; } }
@media (max-width: 440px) {
    .shipping-address-modal #shipping-form {
      margin-bottom: 1rem; } }
.shipping-address-modal .shipping-address-modal-header {
    position: relative; }
@media (max-width: 440px) {
      .shipping-address-modal .shipping-address-modal-header {
        border-bottom: 1px solid #f5f3f0; } }
.shipping-address-modal .shipping-address-modal-header h2 {
      display: block;
      margin-bottom: 0; }
@media (max-width: 440px) {
        .shipping-address-modal .shipping-address-modal-header h2 {
          font-size: 1.25rem;
          margin-top: 0; } }
.shipping-address-modal .shipping-address-modal-header .shipping-address-modal-toggle {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      margin-bottom: .5rem; }
.shipping-address-modal .shipping-address-modal-header .shipping-address-modal-toggle:hover, .shipping-address-modal .shipping-address-modal-header .shipping-address-modal-toggle:focus {
        cursor: pointer; }
.shipping-address-modal .address-form {
    margin-top: 1rem; }
@media (max-width: 440px) {
      .shipping-address-modal .address-form {
        width: 300px;
        margin: 1rem auto; } }
.shipping-address-modal .address-form .form-group {
      margin-top: 0.75rem; }
.shipping-address-modal .address-form .form-group .validation-error {
        color: #231f1a;
        font-family: "Larsseit", sans-serif;
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: 0.0375rem;
        font-weight: normal;
        font-style: normal;
        color: #be302b; }
@media (max-width: 640px) {
          .shipping-address-modal .address-form .form-group .validation-error {
            font-size: 0.875rem;
            line-height: 1.5rem;
            letter-spacing: 0.03125rem; } }
.shipping-address-modal .address-form .form-group.input-first-name {
        padding-right: 0; }
.shipping-address-modal .address-form .form-group.input-state {
        padding: 0; }
.shipping-address-modal .address-form .form-group.input-zip-code .validation-error {
        width: 300px;
        position: relative;
        left: -208px; }
.shipping-address-modal .address-form .form-group.hidden {
        margin-top: 0; }
@media (max-width: 440px) {
    .shipping-address-modal .use-this-address {
      width: 100%;
      position: fixed;
      /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
      -webkit-transform: translateZ(0);
      left: 0;
      bottom: 0;
      padding: 1rem;
      background-color: #f5f3f0;
      margin: 0; } }
.shipping-address-modal .use-this-address button {
    margin-top: 1.625rem;
    width: 100%; }
@media (max-width: 440px) {
      .shipping-address-modal .use-this-address button {
        display: block;
        margin: 0 auto; } }
@media (max-width: 440px) {
    .shipping-address-modal .button-holder {
      width: 100%;
      position: fixed;
      /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
      -webkit-transform: translateZ(0);
      left: 0;
      bottom: 0;
      padding: 1rem;
      background-color: #f5f3f0;
      margin: 0; } }
.shipping-address-modal .button-holder .cta {
    width: 100%; }
@media (max-width: 440px) {
      .shipping-address-modal .button-holder .cta {
        display: block;
        margin: 0 auto; } }
@media (min-width: 441px) {
    .shipping-address-modal .shipping-address-modal-header::after,
    .shipping-address-modal .address-radio-btn::after {
      background: #f5f3f0;
      content: '';
      position: relative;
      display: block;
      height: 1px;
      left: -1.5rem;
      width: calc(100% + 3rem); } }
.shipping-address-modal .shipping-disclaimer {
    margin-bottom: 0; }
.shipping-address-modal.ios .use-this-address, .shipping-address-modal.ios .button-holder {
    transform: none; }
.how-did-you-hear, .input-how-did-you-hear {
  margin: 10px auto 0;
  max-width: 300px; }
.edit-payment-method-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%;
  padding: 0; }
@media (max-width: 440px) {
    .edit-payment-method-modal {
      min-height: initial;
      height: calc(100% - 5rem);
      overflow-y: auto;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.edit-payment-method-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .edit-payment-method-modal .close-icon {
        top: 10px;
        right: 10px; } }
@media (max-width: 440px) {
    .edit-payment-method-modal {
      padding: 1.25rem 1rem 0 1rem; } }
.edit-payment-method-modal input {
    color: #b7b4b0; }
.edit-payment-method-modal .close-icon {
    z-index: 99; }
.edit-payment-method-modal .inactive {
    display: none; }
.edit-payment-method-modal .container-header {
    margin: 0; }
.edit-payment-method-modal .container-header .columns {
      padding: 1.5rem 1.375rem 0.5rem 1.375rem;
      border-bottom: 1px solid #f5f3f0; }
@media (max-width: 440px) {
        .edit-payment-method-modal .container-header .columns {
          padding: 0 0 0.5rem 0; } }
.edit-payment-method-modal .container-header .add-new-card {
      display: block; }
.edit-payment-method-modal .container-header h2 {
      margin: 0;
      padding: 0; }
@media (max-width: 440px) {
        .edit-payment-method-modal .container-header h2 {
          font-size: 1.25rem; } }
.edit-payment-method-modal .credit-card {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
.edit-payment-method-modal .credit-card.with-bottom-border {
      border-bottom: 1px solid #f5f3f0; }
.edit-payment-method-modal .credit-card .cc-icon {
      float: left;
      position: relative;
      top: 0.375rem;
      margin-right: 1rem; }
.edit-payment-method-modal .credit-card .cc-icon.cc-vi {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/visa-7045e0727df536f7f3e370e19424baac.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .credit-card .cc-icon.cc-mc {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/mastercard-75c79ddd57b8398622204c2b96495c02.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .credit-card .cc-icon.cc-ax {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/amex-030182897b383aba09fa7d6fa5bfba1f.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .credit-card .cc-icon.cc-di {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/discover-eeec8134f96547478835eb6abce43b29.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .credit-card .cc-icon.cc-dc {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/dinersclub-98e892787662e8a789ec8de68ecaf542.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .credit-card .cc-icon.cc-jcb {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/jcb-574733ce75755266e38c694f18065d0f.svg);
        background-repeat: no-repeat; }
.edit-payment-method-modal .form-container {
    padding-bottom: 1.5rem; }
@media (max-width: 440px) {
      .edit-payment-method-modal .form-container {
        padding-bottom: 0; } }
@media (min-width: 441px) {
      .edit-payment-method-modal .form-container .select-credit-card-form .credit-cards-container {
        overflow-x: hidden; } }
.edit-payment-method-modal .form-container .select-credit-card-form table {
      width: 100%; }
.edit-payment-method-modal .form-container .select-credit-card-form table .credit-card td {
        padding-top: 1rem;
        padding-bottom: 1rem; }
.edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .radio-container {
        padding-left: 1.375rem; }
@media (max-width: 440px) {
          .edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .radio-container {
            padding-left: 0; } }
.edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .data-container {
        padding-left: 0;
        font-size: 1.125rem; }
.edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .data-container .payment-info {
          font-size: 1rem;
          line-height: 1.625rem;
          letter-spacing: 0.0375rem;
          font-family: "Larsseit", sans-serif;
          color: #706c68;
          font-weight: normal;
          font-style: normal; }
@media (max-width: 640px) {
            .edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .data-container .payment-info {
              font-size: 0.875rem;
              line-height: 1.5rem;
              letter-spacing: 0.03125rem; } }
@media (max-width: 440px) {
          .edit-payment-method-modal .form-container .select-credit-card-form table .credit-card .data-container {
            padding-left: 0.5rem; } }
.edit-payment-method-modal .form-container .select-credit-card-form .submit-btn-container {
      margin: 0 auto;
      text-align: center;
      padding-left: 24px;
      padding-right: 24px; }
@media (max-width: 440px) {
        .edit-payment-method-modal .form-container .select-credit-card-form .submit-btn-container {
          width: 100%;
          left: 0;
          bottom: 0;
          padding: 1rem;
          background-color: #f5f3f0;
          margin: 0; } }
.edit-payment-method-modal .form-container .select-credit-card-form .submit-btn-container button {
        margin-top: 1.625rem;
        width: 100%; }
@media (max-width: 440px) {
          .edit-payment-method-modal .form-container .select-credit-card-form .submit-btn-container button {
            display: block;
            margin: 0 auto; } }
.edit-payment-method-modal .error-message {
    font-size: 1rem;
    color: #be302b;
    line-height: 1.375rem;
    max-width: 18.75rem;
    margin: 0 auto -.375rem auto; }
@media (max-width: 440px) {
    .edit-payment-method-modal .form-submission-button-container,
    .edit-payment-method-modal .edit-address-submit-container,
    .edit-payment-method-modal .submit-btn-container {
      position: fixed;
      /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
      -webkit-transform: translateZ(0); } }
.edit-payment-method-modal.ios .form-submission-button-container,
  .edit-payment-method-modal.ios .edit-address-submit-container,
  .edit-payment-method-modal.ios .submit-btn-container {
    transform: none; }
.payment-info-form {
  max-width: 18.75rem;
  margin: 10px auto; }
.payment-info-form .expiration-date .month, .payment-info-form .expiration-date .year {
    padding-right: 0; }
.payment-info-form .credit-card-field {
    position: relative;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
.payment-info-form .credit-card-field .card-icons {
      height: 16px;
      position: absolute;
      right: 8px;
      top: 13px; }
@media (max-width: 440px) {
        .payment-info-form .credit-card-field .card-icons {
          right: 0; } }
.payment-info-form .credit-card-field .card-icons .card-icon {
        display: inline-block;
        margin-right: .25rem; }
.payment-info-form .credit-card-field .card-icons .visa-mono {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/visa-bw-5d4fb33b2d9c4359f9af6f3378017767.svg);
        background-repeat: no-repeat;
        opacity: .5; }
.payment-info-form .credit-card-field .card-icons .master-card-mono {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/mastercard-bw-183fb97cb16d4d44d964b877cdcf826f.svg);
        background-repeat: no-repeat;
        opacity: .5; }
.payment-info-form .credit-card-field .card-icons .american-express-mono {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/amex-bw-ba8bc19df6f13cff19aa53d474dbaf8f.svg);
        background-repeat: no-repeat;
        opacity: .5; }
.payment-info-form .credit-card-field .card-icons .discover-mono {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/discover-bw-ac0e7cd430ad3e84f41b985d7da403e4.svg);
        background-repeat: no-repeat;
        opacity: .5; }
.payment-info-form .credit-card-field .card-icons .visa {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/visa-7045e0727df536f7f3e370e19424baac.svg);
        background-repeat: no-repeat; }
.payment-info-form .credit-card-field .card-icons .master-card {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/mastercard-75c79ddd57b8398622204c2b96495c02.svg);
        background-repeat: no-repeat; }
.payment-info-form .credit-card-field .card-icons .american-express {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/amex-030182897b383aba09fa7d6fa5bfba1f.svg);
        background-repeat: no-repeat; }
.payment-info-form .credit-card-field .card-icons .discover {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/discover-eeec8134f96547478835eb6abce43b29.svg);
        background-repeat: no-repeat; }
.payment-info-form .what-is-cvv {
    font-size: 0.625rem; }
.payment-info-form .input-zip-code {
    margin-top: -0.625rem;
    margin-bottom: 0.625rem; }
.autocomplete-container {
  margin-top: 0.25rem;
  position: relative; }
.autocomplete-list {
  background: white;
  box-shadow: 0 0 2px 1px #231f1a;
  color: #231f1a;
  font-size: 1.125rem;
  list-style: none;
  z-index: 11; }
.autocomplete-list:hover {
    cursor: pointer; }
.autocomplete-list li {
    line-height: 1.3;
    padding: 0.25rem 0.5rem; }
.autocomplete-list li.selected {
      background-color: #e4e0db; }
.autocomplete-list .powered-by-google {
    float: right; }
.account-member-banner {
  height: 120px;
  width: 100%;
  margin-bottom: 10px; }
.account-member-banner .text-holder {
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
@media (max-width: 640px) {
      .account-member-banner .text-holder {
        width: 280px; } }
@media (min-width: 641px) {
      .account-member-banner .text-holder {
        width: 500px; } }
.account-member-banner .text-holder .title-text, .account-member-banner .text-holder h1 {
      color: #231f1a;
      font-family: "Larsseit-Bold", sans-serif;
      font-size: 1.5rem;
      letter-spacing: 0.09375rem;
      line-height: 1.75rem;
      text-transform: uppercase;
      font-weight: normal;
      font-style: normal;
      margin: 0; }
@media (max-width: 640px) {
        .account-member-banner .text-holder .title-text, .account-member-banner .text-holder h1 {
          font-size: 1.25rem;
          line-height: 1.5rem;
          letter-spacing: 0.09375rem; } }
.account-member-banner .text-holder .offer-text, .account-member-banner .text-holder .text-line1, .account-member-banner .text-holder .text-line2 {
      color: #231f1a;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        .account-member-banner .text-holder .offer-text, .account-member-banner .text-holder .text-line1, .account-member-banner .text-holder .text-line2 {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
.account-member-banner .text-holder .text-line3 {
      color: #231f1a;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-weight: normal;
      font-style: normal;
      font-family: "Larsseit-Bold", sans-serif;
      color: #45b49f; }
@media (max-width: 640px) {
        .account-member-banner .text-holder .text-line3 {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
.account-member-banner .text-holder .link-learn-more, .account-member-banner .text-holder .text-line4 {
      cursor: pointer;
      color: #ef5e12; }
.account-member-banner .top-banner.snack-image {
    height: 120px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
@media (max-width: 640px) {
    .account-member-banner.key-lime-banner {
      background: url(/assets/img/memberpagebanner-md-sm-537ccc15d9851fd11b1343cda0561c13.jpg) no-repeat center center;
      background-size: cover; } }
@media (min-width: 641px) {
    .account-member-banner.key-lime-banner {
      background: url(/assets/img/memberpagebanner-xl-lg-8472f4537480ab17d9ccfc84a1bf9ca9.jpg) no-repeat center center;
      background-size: cover; } }
@media (min-width: 1281px) {
    .account-member-banner.key-lime-banner {
      background: url(/assets/img/memberpagebanner-xxl-ac96b73feb7f91b2ada19344f679a51f.jpg) no-repeat center center;
      background-size: cover; } }
.add-product {
  font-family: "Larsseit-Medium", sans-serif;
  font-size: 1rem; }
.add-product .add-option {
    margin-bottom: 0.625rem; }
.add-product .add-option input {
      float: left;
      margin-top: 0.1875rem;
      margin-right: 0.625rem; }
.add-product .add-option label {
      float: left;
      font-size: 1.125rem; }
.add-product button.detail-add {
    margin-top: 0.625rem; }
@media (max-width: 320px) {
  #container.welcome .hello-bar .hello-bar-text {
    font-size: 0.75rem; } }
#container.welcome .hello-bar .modal-link-text {
  text-decoration: underline;
  cursor: pointer; }
#container.welcome .welcome-holder {
  margin-top: -2px; }
#container.welcome .welcome .welcome-hero {
  height: 300px;
  text-align: center;
  background-color: #f5f6f8;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }
@media (max-width: 440px) {
    #container.welcome .welcome .welcome-hero {
      height: 383px;
      background-position-y: -46px;
      background-size: 100% auto;
      background-image: url(/assets/img/hero-sm-f68f02b12498820c867ae09c0d15e0ef.jpg); } }
@media (min-width: 441px) and (max-width: 640px) {
    #container.welcome .welcome .welcome-hero {
      height: 383px;
      background-position-y: -46px;
      background-size: 100% auto;
      background-image: url(/assets/img/hero-md-f74b37c212a5d010687cdc6a76e67759.jpg); } }
@media (min-width: 641px) and (max-width: 1280px) {
    #container.welcome .welcome .welcome-hero {
      background-image: url(/assets/img/hero-xl-lg-af898b5f5b441dded30f926ce276aee5.jpg); } }
@media (min-width: 1281px) {
    #container.welcome .welcome .welcome-hero {
      background-image: url(/assets/img/hero-xl-lg-af898b5f5b441dded30f926ce276aee5.jpg); } }
@media (max-width: 640px) {
    #container.welcome .welcome .welcome-hero .banner-content {
      padding-top: 86px;
      width: 90%;
      margin: 0 auto; } }
@media (min-width: 641px) {
    #container.welcome .welcome .welcome-hero .banner-content {
      padding: 15px 50px;
      position: relative;
      top: 50%;
      transform: translateY(-50%); } }
#container.welcome .welcome .welcome-hero .banner-content .text-details {
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    font-weight: normal;
    font-style: normal;
    max-width: 443px; }
@media (max-width: 640px) {
      #container.welcome .welcome .welcome-hero .banner-content .text-details {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
#container.welcome .welcome .welcome-why-naturebox {
  padding: 15px 15px;
  text-align: center; }
#container.welcome .welcome .welcome-why-naturebox .benefit {
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem; }
#container.welcome .welcome .welcome-why-naturebox .benefit .icon {
      margin: 0 auto;
      margin-bottom: 1rem; }
#container.welcome .welcome .welcome-why-naturebox .benefit .icon.wnb-flavor-quality {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 98.26028772164604% 98.06727374094035%;
        width: 72px;
        height: 72px;
        height: 75px; }
#container.welcome .welcome .welcome-why-naturebox .benefit .icon.wnb-endless-options {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 97.05390023434884% 96.72923248466827%;
        width: 80px;
        height: 72px;
        height: 75px; }
#container.welcome .welcome .welcome-why-naturebox .benefit .icon.wnb-save-a-bundle {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 99.46470391435263% 99.40531499721241%;
        width: 72px;
        height: 72px;
        height: 75px; }
#container.welcome .welcome .welcome-why-naturebox .benefit .title {
      color: #231f1a;
      font-family: "FFTisaWebBold", sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        #container.welcome .welcome .welcome-why-naturebox .benefit .title {
          font-size: 0.875rem;
          line-height: 1rem; } }
#container.welcome .welcome .welcome-why-naturebox .benefit p {
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      margin-top: 4px; }
#container.welcome .welcome .perks {
  background-color: #f0f2f3;
  background-repeat: no-repeat; }
@media (max-width: 440px) {
    #container.welcome .welcome .perks {
      background-image: url(/assets/img/box-sm-66c43b561a4cc292b8ed3812aeacee8e.jpg);
      background-size: 440px auto;
      background-position: center top; } }
@media (min-width: 441px) and (max-width: 640px) {
    #container.welcome .welcome .perks {
      background-image: url(/assets/img/box-md-3cc76156fb35f719d483afebf9acea6f.jpg);
      background-size: 640px auto;
      background-position: center top; } }
@media (min-width: 641px) {
    #container.welcome .welcome .perks {
      background-image: url(/assets/img/box-xxl-lg-d641cc19dd7569f123418b29c383d6ca.jpg);
      background-size: auto 100%;
      background-position: right 626px center; } }
@media (min-width: 1281px) {
    #container.welcome .welcome .perks {
      background-image: url(/assets/img/box-xxl-lg-d641cc19dd7569f123418b29c383d6ca.jpg);
      background-size: auto 100%;
      background-position: left center; } }
#container.welcome .welcome .perks .perks-content {
    max-width: 500px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    font-weight: normal;
    font-style: normal; }
@media (min-width: 841px) {
      #container.welcome .welcome .perks .perks-content {
        margin-left: 50%; } }
@media (min-width: 641px) and (max-width: 840px) {
      #container.welcome .welcome .perks .perks-content {
        margin-left: 40%; } }
@media (min-width: 441px) and (max-width: 640px) {
      #container.welcome .welcome .perks .perks-content {
        margin: 0 auto;
        padding-top: 341px;
        text-align: center;
        padding-left: 3rem;
        padding-right: 3rem; } }
@media (max-width: 440px) {
      #container.welcome .welcome .perks .perks-content {
        margin: 0 auto;
        padding-top: 271px;
        text-align: center;
        padding-left: 3rem;
        padding-right: 3rem; } }
@media (max-width: 640px) {
      #container.welcome .welcome .perks .perks-content {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
#container.welcome .welcome .perks .perks-content ul {
      text-align: left;
      margin-top: 15px;
      margin-bottom: 30px;
      list-style-position: inside;
      list-style-image: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg); }
@media (max-width: 440px) {
        #container.welcome .welcome .perks .perks-content ul {
          list-style-position: outside; } }
#container.welcome .welcome .perks .perks-content ul li {
        padding-bottom: 8px; }
#container.welcome .welcome .perks .perks-content .cta {
      display: inline-block; }
#container.welcome .welcome .perks .perks-content .free-shipping {
      display: inline-block; }
#container.welcome .welcome .perks .perks-content .free-shipping .truck-holder {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 57.31218697829716% 56.05107327905255%;
        width: 48px;
        height: 26px;
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px; }
#container.welcome .welcome .perks .perks-content .free-shipping .text-holder {
        display: inline-block;
        font-family: "Larsseit-Bold", sans-serif;
        font-size: 0.75rem;
        color: #706c68;
        line-height: 1rem; }
@media (max-width: 440px) {
        #container.welcome .welcome .perks .perks-content .free-shipping {
          display: block;
          margin-bottom: 20px; } }
#container.welcome .welcome .navigation-tabs {
  padding-top: 2rem;
  cursor: pointer; }
@media (max-width: 640px) {
    #container.welcome .welcome .navigation-tabs {
      display: none; } }
@media (min-width: 441px) and (max-width: 840px) {
    #container.welcome .welcome .navigation-tabs .tab-button {
      height: 90px; } }
#container.welcome .welcome .navigation-tabs .active {
    border-bottom: 3px solid #ef5e12; }
#container.welcome .welcome .navigation-tabs .inactive {
    border-bottom: 3px solid #e4e0db; }
#container.welcome .welcome .navigation-tabs .inactive h3 {
      font-family: "Larsseit", sans-serif; }
#container.welcome .welcome .product-selector {
  text-align: center; }
#container.welcome .welcome .product-selector .try-snacks-header {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    padding: 24px 0; }
@media (max-width: 640px) {
      #container.welcome .welcome .product-selector .try-snacks-header {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
@media (max-width: 640px) {
    #container.welcome .welcome .product-selector .tab-content-title {
      display: none; } }
@media (max-width: 640px) {
    #container.welcome .welcome .product-selector .tab-content-frame {
      display: none; } }
@media (min-width: 641px) {
    #container.welcome .welcome .product-selector .tab-content-mobile-only {
      display: none; } }
#container.welcome .welcome .product-selector .tab-content-mobile-only div:nth-child(7), #container.welcome .welcome .product-selector .tab-content-mobile-only div:nth-child(8) {
    display: none; }
#container.welcome .welcome .product-selector .category-grid {
    padding: 0px 20px; }
#container.welcome .welcome .product-selector .category-grid .grid-item {
      padding-bottom: 0; }
#container.welcome .welcome .product-selector .product-text, #container.welcome .welcome .product-selector .category-card-name {
    color: #231f1a;
    font-family: "FFTisaWebBold", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    height: 44px; }
@media (max-width: 640px) {
      #container.welcome .welcome .product-selector .product-text, #container.welcome .welcome .product-selector .category-card-name {
        font-size: 0.875rem;
        line-height: 1rem; } }
#container.welcome .welcome .product-selector .product-text h4, #container.welcome .welcome .product-selector .category-card-name h4 {
      margin-top: 0.5rem; }
#container.welcome .welcome .find-us-in-stores {
  margin: 0 auto;
  text-align: center;
  background-color: #f5f3f0;
  padding-top: 28px;
  padding-bottom: 38px;
  margin-top: 16px; }
#container.welcome .welcome .find-us-in-stores .image-container {
    height: 71px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
@media (max-width: 640px) {
      #container.welcome .welcome .find-us-in-stores .image-container {
        background-size: 70%; } }
#container.welcome .welcome .find-us-in-stores .store-target {
    background-image: url(/assets/img/target-5c5c2a66917ab598d1ead15fba497377.jpg); }
#container.welcome .welcome .find-us-in-stores .store-safeway {
    background-image: url(/assets/img/safeway-5f9595b0e2eacd49b18ee18db48e551c.jpg); }
#container.welcome .welcome .find-us-in-stores .store-sprouts {
    background-image: url(/assets/img/sprouts-e329bd30d932612ad1d99fcdf2af876c.jpg); }
#container.welcome .welcome .find-us-in-stores .store-costplus {
    background-image: url(/assets/img/costplus-1bdd75a2f68a2a5dcc6ddbcf16b0d7f9.jpg); }
#container.welcome .welcome .cta {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px; }
#container.welcome .welcome .text-limits {
  color: #706c68;
  font-family: "Larsseit", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  line-height: 0.875rem;
  padding: 0;
  font-weight: normal;
  font-style: normal; }
.categories-slider {
  max-width: 80rem;
  margin: auto;
  padding: 2.25rem 1.5rem 0 1.5rem;
  border-top: 0.0625rem solid #e4e0db;
  text-transform: uppercase;
  clear: both; }
.categories-slider .slick-dots {
    bottom: -24px; }
.categories-slider .slick-dots li {
      margin: 0;
      vertical-align: bottom; }
.categories-slider button {
    padding: 0; }
.categories-slider .slick-prev, .categories-slider .slick-next {
    height: 50px;
    width: 50px; }
.categories-slider .slick-prev {
    left: 0; }
.categories-slider .slick-next {
    right: 0; }
.categories-slider .slick-prev::before,
  .categories-slider .slick-next::before {
    display: none; }
.categories-slider .slick-prev::before {
    content: "";
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 5.569616037830097% 4.849157875254488%;
    width: 16.4px;
    height: 28px;
    margin: 0 auto; }
.categories-slider .slick-next::before {
    content: "";
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 5.985880315694828% 5.626503794188414%;
    width: 16.4px;
    height: 28px;
    margin: 0 auto; }
.categories-slider:focus .slick-prev::before, .categories-slider:focus .slick-next::before, .categories-slider:hover .slick-prev::before, .categories-slider:hover .slick-next::before {
    display: block; }
@media (max-width: 640px) {
    .categories-slider {
      width: 100%;
      text-align: center; } }
.categories-slider.recent-purchases {
    margin-top: 2rem; }
@media (min-width: 641px) {
    .categories-slider h3 {
      display: none; } }
.categories-slider .slick-slider button {
    padding: 0;
    top: 40%; }
.categories-slider .slick-next, .categories-slider .slick-prev {
    height: 100%; }
.categories-slider .slick-next {
    right: -1.625rem; }
.categories-slider .slick-prev {
    left: -1.625rem;
    z-index: 1; }
.categories-slider .slick-prev::before,
  .categories-slider .slick-next::before {
    display: block;
    height: 1.875rem;
    width: 1.125rem; }
.categories-slider .slick-prev::before {
    content: "";
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 5.569616037830097% 4.849157875254488%;
    width: 16.4px;
    height: 28px;
    margin: 0 auto; }
.categories-slider .slick-next::before {
    content: "";
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 5.985880315694828% 5.626503794188414%;
    width: 16.4px;
    height: 28px;
    margin: 0 auto; }
.categories-slider .category-thumbnail {
    text-align: center; }
.categories-slider .category-thumbnail .thumbnail-image-holder {
      margin-top: 0.625rem;
      margin-bottom: 1.25rem; }
.categories-slider .category-thumbnail img {
      border-radius: 50%;
      width: 5.9375rem;
      height: 5.9375rem;
      background: #b7b4b0; }
.categories-slider .category-thumbnail .category-name {
      text-align: center;
      color: #231f1a;
      font-size: 0.75rem;
      line-height: 1rem; }
.categories-slider .category-thumbnail.active {
    font-family: "Larsseit-Bold", sans-serif; }
.categories-slider .category-thumbnail.active img {
      box-shadow: 0 0 0px 9px #e4e0db; }
.categories-slider .category-thumbnail:not(.active):hover {
    color: #ef5e12; }
.categories-slider .category-thumbnail:not(.active):hover img {
      box-shadow: 0 0 0px 9px #e4e0db; }
.categories-slider .category-thumbnail:not(.active):hover div {
      color: #ef5e12; }
.categories-slider.show-for-small-only {
    display: none; }
.categories-slider.remove-top-border {
    border-top: none; }
.categories-slider.top-margin {
    margin-top: 1.875rem; }
@media (max-width: 440px) {
    .categories-slider {
      padding: 0;
      margin-top: 0.9375rem; }
      .categories-slider.hide-for-small-only {
        display: none; }
      .categories-slider.show-for-small-only {
        display: block; }
      .categories-slider .thumbnails-holder {
        overflow: auto;
        white-space: nowrap;
        border-top: 0.0625rem; }
      .categories-slider .category-thumb-holder {
        display: inline-block;
        width: 8rem;
        white-space: normal;
        vertical-align: top;
        margin-left: -0.625rem; } }
.featured-category {
  text-transform: none;
  margin-top: 2rem;
  padding: 1.25rem 1.5rem 0 1.5rem; }
@media (max-width: 640px) {
    .featured-category {
      text-align: left; } }
@media (max-width: 440px) {
    .featured-category.md-up {
      display: none; } }
@media (min-width: 441px) {
    .featured-category.sm-only {
      display: none; } }
.featured-category.sm-only .slider-snack-card {
    display: inline-block;
    width: 8rem;
    white-space: normal;
    vertical-align: top;
    margin: 0 0.5rem; }
.featured-category.sm-only .slider-snack-card .snack-card {
      margin-top: 0.75rem;
      display: block; }
.featured-category.sm-only .slider-snack-card .snack-card .detail-add, .featured-category.sm-only .slider-snack-card .snack-card .select-item-qty {
        top: 76%; }
.featured-category.sm-only .featured-category-name {
    margin: 1rem 0.625rem 0; }
.featured-category .slick-slider {
    padding: 0 2px; }
.featured-category .slick-slider .slick-prev {
      left: -2.375rem; }
.featured-category .slick-slider .slick-next {
      right: -2.25rem; }
.featured-category .slick-slider button.slick-arrow {
      top: 34%; }
@media (max-width: 440px) {
        .featured-category .slick-slider button.slick-arrow {
          opacity: 0; } }
.featured-category .slick-slider .slider-snack-card .snack-card {
      margin: 1.25rem 0.5rem 0.5rem 0;
      display: block; }
.featured-category .slick-slider .slider-snack-card .snack-card .discount-price, .featured-category .slick-slider .slider-snack-card .snack-card .savings {
        font-size: 0.875rem; }
.featured-category .slick-slider .slider-snack-card .detail-add, .featured-category .slick-slider .slider-snack-card .select-item-qty {
      top: 76%; }
.featured-category .slick-slider .slider-snack-card .oos-item-qty-holder, .featured-category .slick-slider .slider-snack-card .presale-qty-holder {
      bottom: -15%; }
.featured-category .featured-category-name {
    margin: 0.625rem 0.625rem 0 0; }
.promo-email-capture-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%;
  height: 600px;
  width: 560px;
  top: 8%;
  text-align: center;
  background-color: #f5f3f0;
  border-bottom: 4px solid #ef5e12; }
@media (max-width: 440px) {
    .promo-email-capture-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.promo-email-capture-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .promo-email-capture-modal .close-icon {
        top: 10px;
        right: 10px; } }
.promo-email-capture-modal h1 {
    margin: 0 0; }
.promo-email-capture-modal .blueberries {
    background: url(/assets/img/promo-email-capture-blueberry-5c12c9cbfdac22bc46af8457f9519517.jpg) no-repeat center;
    background-size: auto 100%;
    height: 196px;
    margin: 10px auto 20px; }
@media (max-width: 440px) {
      .promo-email-capture-modal .blueberries {
        height: 160px; } }
.promo-email-capture-modal .promo-offer {
    max-width: 388px;
    margin: 8px auto 14px;
    color: #706c68; }
.promo-email-capture-modal .email-modal-input {
    border: 1px solid #b7b4b0;
    border-radius: 3px;
    height: 48px;
    margin-top: 12px;
    margin-bottom: 18px;
    padding-left: 16px;
    width: 250px;
    margin-right: -2px;
    padding: 10px; }
.promo-email-capture-modal .email-modal-input::-moz-placeholder {
      color: #706c68;
      font-size: 1rem; }
.promo-email-capture-modal .email-modal-input:-ms-input-placeholder {
      color: #706c68;
      font-size: 1rem; }
.promo-email-capture-modal .email-modal-input::placeholder {
      color: #706c68;
      font-size: 1rem; }
@media (max-width: 440px) {
      .promo-email-capture-modal .email-modal-input {
        width: 220px;
        margin-bottom: 8px;
        margin-right: 0; } }
.promo-email-capture-modal .submit-button {
    width: 144px;
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit; }
@media (max-width: 440px) {
      .promo-email-capture-modal .submit-button {
        width: 220px;
        border-radius: 3px; } }
.promo-email-capture-modal .sign-in {
    font-size: .875rem; }
#container.cart .breadcrumb {
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin-top: 1rem; }
#container.cart .breadcrumb li {
    color: #706c68;
    font-family: "Larsseit", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.03125rem;
    line-height: 0.875rem;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    display: inline-block; }
#container.cart .breadcrumb li a {
      color: inherit;
      line-height: inherit; }
#container.cart .breadcrumb li a:hover, #container.cart .breadcrumb li a:focus {
        color: #ef5e12; }
#container.cart .breadcrumb li:last-child {
      cursor: default; }
#container.cart .breadcrumb a {
    color: #706c68; }
#container.cart h1 {
  display: inline-block;
  margin: .25rem 0 .5rem 0; }
#container.cart .go-back {
  float: right;
  margin: .75rem 0; }
#container.cart .keep-shopping {
  text-align: center;
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 1.25rem; }
#container.cart .cart-empty-callout .empty-text-container {
  display: inline-block;
  border-top: 1px solid #e4e0db;
  border-bottom: 1px solid #e4e0db;
  float: left;
  text-align: center;
  padding-bottom: 28px;
  width: 100%; }
#container.cart .cart-empty-callout .empty-text-container h3 {
    margin: 28px 0 4px 0; }
@media (max-width: 640px) {
    #container.cart .cart-empty-callout .empty-text-container {
      width: 100%; } }
#container.cart .cart-empty-callout .new-member-banner {
  float: right;
  display: inline-block;
  height: 108px; }
@media (max-width: 640px) {
    #container.cart .cart-empty-callout .new-member-banner {
      display: none; } }
#container.cart .shopping-categories h2 {
  text-align: left;
  padding-left: 8px; }
@media (max-width: 440px) {
  #container.cart .sm-hide {
    display: none; } }
#container.cart .item-free .item-price-qty {
  display: none; }
#container.cart .item-free .detail-select {
  display: none; }
.cart-oos-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%;
  width: 28.125rem; }
@media (max-width: 440px) {
    .cart-oos-modal {
      min-height: initial;
      height: calc(100% - 7.5rem);
      overflow-y: auto;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.cart-oos-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .cart-oos-modal .close-icon {
        top: 10px;
        right: 10px; } }
@media (min-width: 441px) {
    .cart-oos-modal {
      top: 10%; } }
@media (max-width: 440px) {
    .cart-oos-modal {
      padding-bottom: 0; } }
.cart-oos-modal .close-icon {
    z-index: 99; }
.cart-oos-modal h2 {
    margin: 0 0 .5rem 0; }
.cart-oos-modal .text-1 {
    margin-bottom: .5rem; }
.cart-oos-modal ul {
    margin-left: 20px; }
.cart-oos-modal .cart-oos-items {
    width: 75%;
    margin: auto; }
.cart-oos-modal .cart-oos-items .cart-item {
      padding: 0.9375rem;
      padding-left: 0; }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block {
        position: relative;
        height: 3rem;
        float: left;
        margin-bottom: 10px; }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block img {
          position: absolute;
          height: 40px;
          width: 40px; }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details-select {
          height: 40px; }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
          padding-left: 3.5rem; }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details .item-name {
            color: #231f1a;
            font-family: "Larsseit", sans-serif;
            font-size: 1rem;
            line-height: 1.625rem;
            letter-spacing: 0.0375rem;
            font-weight: normal;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.25rem; }
@media (max-width: 640px) {
              .cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details .item-name {
                font-size: 0.875rem;
                line-height: 1.5rem;
                letter-spacing: 0.03125rem; } }
.cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details .item-size, .cart-oos-modal .cart-oos-items .cart-item .quote-item-block .item-details .item-price-qty {
            display: none; }
.cart-oos-modal .cart-oos-items .cart-item .detail-select {
        display: none; }
.cart-oos-modal .cart-oos-items .cart-item .cancel-item {
        display: none; }
.cart-oos-modal .price-summary {
    width: 100%;
    padding: 0;
    margin-bottom: 1.5rem; }
@media (max-width: 440px) {
      .cart-oos-modal .price-summary {
        margin-bottom: 5rem; } }
.cart-oos-modal .price-summary .columns {
      padding-left: 0; }
.cart-oos-modal .oos-options {
    width: 75%;
    position: relative;
    margin: auto; }
.cart-oos-modal .oos-options button {
      display: block;
      width: 100%;
      margin: 0.5rem 0; }
@media (max-width: 440px) {
      .cart-oos-modal .oos-options {
        position: fixed;
        /* all position fixed elements should have this transform to prevent them from
  disappearing randomly in chrome */
        -webkit-transform: translateZ(0);
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 1rem;
        background-color: #f5f3f0; } }
.cart-oos-modal.ios .oos-options {
    transform: none; }
.member-dashboard-container {
  max-width: 80rem;
  margin: 0 auto; }
@media (max-width: 640px) {
    .member-dashboard-container {
      height: 13.375rem; } }
.member-dashboard-container .member-dashboard {
    margin: 0.5rem 0.875rem; }
@media (max-width: 640px) {
      .member-dashboard-container .member-dashboard {
        height: 13.375rem; } }
.member-dashboard-container .member-dashboard .dashboard-component {
      float: left;
      width: calc(33.33333% - 6px);
      height: 5.5rem;
      background-color: #f5f3f0; }
@media (max-width: 640px) {
        .member-dashboard-container .member-dashboard .dashboard-component {
          display: block;
          float: none;
          width: auto;
          height: auto; } }
@media (min-width: 641px) and (max-width: 840px) {
        .member-dashboard-container .member-dashboard .dashboard-component:nth-of-type(2n) {
          width: 33.33333%; } }
.member-dashboard-container .member-dashboard .dashboard-component.store-credit {
        border-bottom: 0.125rem solid #45b49f; }
@media (max-width: 640px) {
          .member-dashboard-container .member-dashboard .dashboard-component.store-credit {
            margin-bottom: 0.125rem;
            border-bottom: none;
            border-left: 0.125rem solid #45b49f; } }
.member-dashboard-container .member-dashboard .dashboard-component.store-credit .store-credit-info {
          display: inline-block;
          margin: 1rem 0 0 1rem; }
@media (max-width: 640px) {
            .member-dashboard-container .member-dashboard .dashboard-component.store-credit .store-credit-info {
              margin: 0.75rem 0 0 0.75rem; } }
.member-dashboard-container .member-dashboard .dashboard-component.store-credit .store-credit-info h3 {
            font-size: 1.125rem;
            line-height: inherit;
            margin: 0; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.store-credit .store-credit-info h3 {
                display: block;
                margin: 0; } }
.member-dashboard-container .member-dashboard .dashboard-component.orders {
        border-bottom: 0.125rem solid #ffbf0f;
        margin: 0 0.1875rem; }
@media (max-width: 640px) {
          .member-dashboard-container .member-dashboard .dashboard-component.orders {
            margin: 0 0 0.125rem;
            border-bottom: none;
            border-left: 0.125rem solid #ffbf0f; } }
.member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info {
          display: inline-block;
          margin: 0.75rem 0 0 1rem; }
@media (max-width: 640px) {
            .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info {
              display: inline-block;
              margin: 0.75rem 0 0 0.75rem; } }
@media (min-width: 641px) and (max-width: 840px) {
            .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info {
              margin-left: 0.625rem; } }
.member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info h3, .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .colon {
            font-size: 0.875rem;
            margin: 0;
            letter-spacing: 0;
            text-transform: uppercase; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info h3, .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .colon {
                display: inline-block;
                text-transform: none; } }
.member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .tracking-numbers-control {
            margin: -0.25rem 0 -0.4375rem; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .tracking-numbers-control {
                display: inline-block;
                margin-left: 0.375rem; } }
@media (max-width: 840px) {
              .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .tracking-numbers-control {
                font-size: 12px; } }
.member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .tracking-numbers-control .url {
              text-decoration: underline;
              color: #706c68; }
@media (max-width: 640px) {
                .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info .tracking-numbers-control .url {
                  display: inline-block; } }
@media (max-width: 640px) {
            .member-dashboard-container .member-dashboard .dashboard-component.orders .orders-info a {
              display: block; } }
.member-dashboard-container .member-dashboard .dashboard-component.subscription {
        border-bottom: 0.125rem solid #4774b5; }
@media (max-width: 640px) {
          .member-dashboard-container .member-dashboard .dashboard-component.subscription {
            margin-bottom: 0.125rem;
            border-bottom: none;
            border-left: 0.125rem solid #4774b5; } }
.member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info {
          display: inline-block;
          margin: 0.75rem 0 0 1rem; }
@media (max-width: 640px) {
            .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info {
              display: inline-block;
              margin: 0.75rem 0 0 0.75rem; } }
.member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .learn-more {
            margin-top: 0.3125rem; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .learn-more {
                margin-top: 0; } }
.member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info h3, .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .colon {
            font-size: 0.875rem;
            margin: 0;
            letter-spacing: 0;
            text-transform: uppercase; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info h3, .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .colon {
                display: inline-block;
                text-transform: none; } }
.member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .text-4 {
            margin: -0.25rem 0 -0.4375rem; }
@media (max-width: 640px) {
              .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info .text-4 {
                display: inline-block;
                margin-left: 0.375rem; } }
@media (max-width: 640px) {
            .member-dashboard-container .member-dashboard .dashboard-component.subscription .subscription-info a {
              display: block; } }
.subscribe-to-save-modal {
  width: 30.75rem;
  height: auto;
  text-align: center; }
.subscribe-to-save-modal h2 {
    margin: 1rem 0 0; }
.subscribe-to-save-modal .text-2-bold {
    margin: 0.625rem 0 0; }
.subscribe-to-save-modal .text-2 {
    margin-top: 0; }
.subscribe-to-save-modal .cta {
    padding: 1rem 1.5rem;
    width: 6.25rem;
    display: block;
    margin: 0 auto; }
.subscribe-to-save-modal .cta:hover {
      cursor: pointer; }
.subscribe-to-save-modal .subscribe-description {
    border-top: 1px solid #e4e0db;
    border-bottom: 1px solid #e4e0db;
    padding-bottom: 1.25rem; }
.subscribe-to-save-modal .subscribe-description .text-2 {
      width: 10rem;
      height: 2.75rem;
      margin-top: 1.25rem; }
.subscribe-to-save-modal .subscribe-description .heading-label {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
.subscribe-to-save-modal .subscribe-description .cart {
      display: inline-block;
      margin-right: 2.5rem; }
.subscribe-to-save-modal .subscribe-description .cart .cart-icon {
        background-image: url(/assets/svg/cart-icon-278ef708302df664fe67c8ca3f5cfd42.svg);
        margin: 0 auto;
        width: 3.1875rem;
        height: 3.0625rem; }
.subscribe-to-save-modal .subscribe-description .toggle {
      display: inline-block; }
.subscribe-to-save-modal .subscribe-description .toggle .subscribe {
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal; }
.subscribe-to-save-modal .subscribe-description .toggle .toggle-icon {
        background-image: url(/assets/img/toggle-sub2save-fd547f2467f149fffd53d32eff69b3f4.gif);
        background-size: cover;
        margin: 0 auto;
        width: 5.375rem;
        height: 1.9375rem; }
.free-snacks-redeem-form .content {
  width: 100%;
  background-position: bottom center;
  background-color: #f5f3f0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 320px; }
@media (max-width: 640px) {
    .free-snacks-redeem-form .content {
      background-image: url(/assets/img/page-hero-md-sm-73e1f077e4bb50d1bea052471ea9de60.jpg);
      background-position: top center;
      background-size: 640px auto;
      padding-top: 116px;
      padding-bottom: 48px; } }
@media (min-width: 641px) {
    .free-snacks-redeem-form .content {
      background-image: url(/assets/img/page-hero-lg-xl-7bcbf79bf14f67707b25a3f4b6a570f7.jpg);
      padding-top: 24px;
      padding-bottom: 32px; } }
@media (min-width: 1281px) {
    .free-snacks-redeem-form .content {
      background-image: url(/assets/img/page-hero-xxl-da7c75a2b0c3a679fc87494603009c54.jpg); } }
@media (max-width: 640px) {
  .free-snacks-redeem-form.egifts .content {
    background-image: url(/assets/img/redeem-md-down-fa52f6ba33ee2a6ed67f86f2fd3dca0c.jpg);
    background-position: top center;
    background-size: 640px auto;
    padding-top: 20px;
    padding-bottom: 100px;
    min-height: 500px; } }
@media (min-width: 641px) {
  .free-snacks-redeem-form.egifts .content {
    background-image: url(/assets/img/redeem-xl-lg-cfc9704adf3cd6adae720acccfd9b349.jpg);
    padding-top: 24px;
    padding-bottom: 32px; } }
@media (min-width: 1281px) {
  .free-snacks-redeem-form.egifts .content {
    background-image: url(/assets/img/redeem-xxl-a6277e98f0a1e0524a12057a9ac2a173.jpg); } }
.free-snacks-redeem-form.egifts .content .validation-error {
  margin-top: 0.25rem; }
.free-snacks-redeem-form .title-text {
  text-align: center;
  margin: 0 auto; }
.free-snacks-redeem-form .title-text h1 {
    margin-top: 0;
    margin-top: .5rem; }
@media (min-width: 841px) {
    .free-snacks-redeem-form .title-text {
      width: 450px; } }
@media (min-width: 641px) and (max-width: 840px) {
    .free-snacks-redeem-form .title-text {
      width: 400px; } }
@media (max-width: 640px) {
    .free-snacks-redeem-form .title-text {
      width: 345px; } }
.why-naturebox {
  padding: 40px 15px;
  text-align: center;
  background-color: #fff; }
.why-naturebox.gray-bg {
    background-color: #f5f3f0; }
.why-naturebox .benefit {
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem; }
.why-naturebox .benefit .icon {
      margin: 0 auto;
      margin-bottom: 1rem; }
.why-naturebox .benefit .icon.wnb-flavor-quality {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 98.26028772164604% 98.06727374094035%;
        width: 72px;
        height: 72px;
        height: 75px; }
.why-naturebox .benefit .icon.wnb-endless-options {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 97.05390023434884% 96.72923248466827%;
        width: 80px;
        height: 72px;
        height: 75px; }
.why-naturebox .benefit .icon.wnb-save-a-bundle {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 99.46470391435263% 99.40531499721241%;
        width: 72px;
        height: 72px;
        height: 75px; }
.why-naturebox .benefit .icon.free-shipping {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 93.73166848235984% 93.0094567031337%;
        width: 95px;
        height: 48px;
        height: 75px; }
.why-naturebox .benefit .icon.price-tag {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 90.580375782881% 91.22530377516%;
        width: 53px;
        height: 53px;
        height: 75px; }
.why-naturebox .benefit .icon.pause {
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 94.91553771533701% 94.20559011978828%;
        width: 70px;
        height: 65px;
        height: 75px; }
.why-naturebox .benefit .title {
      color: #231f1a;
      font-family: "FFTisaWebBold", sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      letter-spacing: 0;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        .why-naturebox .benefit .title {
          font-size: 0.875rem;
          line-height: 1rem; } }
.why-naturebox .benefit p {
      font-size: 0.875rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      margin-top: 4px; }
.free-landing-page .what-is-naturebox h2, .egifts-landing .what-is-naturebox h2 {
  margin-bottom: 0; }
@media (max-width: 640px) {
    .free-landing-page .what-is-naturebox h2, .egifts-landing .what-is-naturebox h2 {
      margin-bottom: 1.75rem; } }
@media (max-width: 640px) {
  .free-landing-page .what-is-naturebox .what-is-naturebox-children, .egifts-landing .what-is-naturebox .what-is-naturebox-children {
    margin: 0 auto;
    display: none; } }
.free-landing-page .what-is-naturebox .what-is-naturebox-children-mobile, .egifts-landing .what-is-naturebox .what-is-naturebox-children-mobile {
  display: none; }
@media (max-width: 640px) {
    .free-landing-page .what-is-naturebox .what-is-naturebox-children-mobile, .egifts-landing .what-is-naturebox .what-is-naturebox-children-mobile {
      display: initial;
      text-align: center; } }
.free-landing-page .what-is-naturebox .benefit, .egifts-landing .what-is-naturebox .benefit {
  text-align: center;
  padding-left: 4.75rem;
  padding-right: 4.75rem;
  padding-top: 1rem; }
.free-landing-page .what-is-naturebox .benefit .icon, .egifts-landing .what-is-naturebox .benefit .icon {
    height: 75px;
    margin: 0 auto;
    margin-bottom: 1rem; }
.free-landing-page .what-is-naturebox .benefit .icon.winb-free-membership, .egifts-landing .what-is-naturebox .benefit .icon.winb-free-membership {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 90.580375782881% 91.22530377516%;
      width: 53px;
      height: 53px; }
.free-landing-page .what-is-naturebox .benefit .icon.winb-real-ingredients, .egifts-landing .what-is-naturebox .benefit .icon.winb-real-ingredients {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 94.91553771533701% 94.20559011978828%;
      width: 70px;
      height: 65px; }
.free-landing-page .what-is-naturebox .benefit .icon.winb-free-shipping, .egifts-landing .what-is-naturebox .benefit .icon.winb-free-shipping {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 92.13944523590044% 92.11941405525681%;
      width: 95px;
      height: 48px; }
.free-landing-page .what-is-naturebox .benefit .icon.winb-we-will-credit-you, .egifts-landing .what-is-naturebox .benefit .icon.winb-we-will-credit-you {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 95.72621035058431% 95.39461467038069%;
      width: 48px;
      height: 64px; }
.free-landing-page .what-is-naturebox .benefit .title, .egifts-landing .what-is-naturebox .benefit .title {
    font-family: "FFTisaWebBold", sans-serif;
    font-size: 1rem;
    line-height: 1.25;
    color: #231f1a; }
.free-landing-page .what-is-naturebox .benefit p, .egifts-landing .what-is-naturebox .benefit p {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    font-weight: normal;
    font-style: normal;
    margin-top: 0.3rem; }
@media (max-width: 640px) {
      .free-landing-page .what-is-naturebox .benefit p, .egifts-landing .what-is-naturebox .benefit p {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.free-landing-page .what-is-naturebox .benefit .learn-link, .egifts-landing .what-is-naturebox .benefit .learn-link {
    margin-top: -1.125rem; }
.free-landing-page .what-is-naturebox .extra-text, .egifts-landing .what-is-naturebox .extra-text {
  display: none; }
section.account-content .dark {
  color: #231f1a; }
@media (min-width: 641px) {
  section.account-content .account-components {
    padding-left: 0.75rem;
    padding-right: 0.75rem; } }
section.account-content .account-settings {
  margin: 1rem auto;
  padding: 0; }
@media (min-width: 641px) {
    section.account-content .account-settings {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
section.account-content .account-settings .breadcrumb {
    font-size: 0.75rem;
    line-height: 1.1;
    color: #706c68; }
section.account-content .account-settings .breadcrumb a {
      color: #706c68; }
section.account-content .account-settings h1 {
    margin: .5rem 0;
    padding: 0; }
@media (min-width: 641px) {
  section.account-content .account-components-right {
    padding-left: 2rem; } }
@media (min-width: 641px) and (max-width: 840px) {
  section.account-content .account-components-left {
    width: 41.66667%; }
  section.account-content .account-components-right {
    width: 58.33333%; } }
section.account-content .account-component {
  border: 1px solid #e4e0db;
  margin-top: 1.375rem; }
@media (max-width: 640px) {
    section.account-content .account-component {
      border: 0;
      margin-top: 0; } }
section.account-content .account-component .head {
    height: 3.5rem;
    background-color: #f5f3f0;
    border-bottom: 1px solid #e4e0db;
    box-shadow: none; }
@media (max-width: 640px) {
      section.account-content .account-component .head {
        border-top: 1px solid #e4e0db; } }
section.account-content .account-component .head > .columns {
      padding-left: 0;
      padding-right: 0; }
section.account-content .account-component .head .edit {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0.875rem;
      right: 16px; }
section.account-content .account-component .head h3 {
      color: #231f1a;
      font-family: "Larsseit-Bold", sans-serif;
      font-size: 1.25rem;
      letter-spacing: 0.0625rem;
      line-height: 1.5rem;
      text-transform: uppercase;
      font-weight: normal;
      font-style: normal;
      margin-top: 1.25rem;
      margin-bottom: 0.625rem;
      padding: 0 .25rem 0 .775rem; }
@media (max-width: 640px) {
        section.account-content .account-component .head h3 {
          padding-left: 1rem; } }
@media (max-width: 640px) {
      section.account-content .account-component .head .amazon-payment-header {
        padding: 0 .5rem; } }
@media (max-width: 640px) {
    section.account-content .account-component.account-summary .head {
      border: 0;
      background-color: #fff;
      height: auto; }
    section.account-content .account-component.account-summary h3 {
      padding: 0 .5rem; } }
@media (max-width: 640px) {
    section.account-content .account-component.account-amazon-pay h3 {
      padding: 0 .5rem; } }
section.account-content .account-component .inner > .row > .columns {
    margin-top: 1.25rem; }
@media (max-width: 640px) {
      section.account-content .account-component .inner > .row > .columns {
        margin-top: .5rem; } }
section.account-content .account-component .inner h5 {
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
@media (max-width: 640px) {
      section.account-content .account-component .inner h5 {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
section.account-content .account-component .inner h6 {
    color: #706c68;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
@media (max-width: 640px) {
      section.account-content .account-component .inner h6 {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
section.account-content .account-component .inner .member-since .columns {
    margin: 0.5rem 0; }
@media (max-width: 640px) {
      section.account-content .account-component .inner .member-since .columns {
        margin-top: 0;
        margin-bottom: 1rem; } }
section.account-content .account-component .inner .amazon-payment-info {
    margin: -6px 2px 0px 2px;
    font-size: 15px;
    line-height: 1.3; }
@media (max-width: 640px) {
      section.account-content .account-component .inner .amazon-payment-info {
        margin-top: 12px; } }
@media (min-width: 641px) {
    section.account-content .account-component .inner .credit-card {
      width: 268px;
      float: left; } }
section.account-content .account-component .toggler-btn {
    cursor: auto; }
section.account-content .account-component .caret {
    display: none; }
section.account-content .account-component.collapsed .inner {
    display: block; }
section.account-content .account-component.collapsed #AmazonPayButton {
    display: block; }
@media (max-width: 640px) {
    section.account-content .account-component.collapsed .head {
      border-bottom: 0; } }
@media (max-width: 640px) {
    section.account-content .account-component .toggler-btn {
      cursor: pointer; }
    section.account-content .account-component .caret {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 6.242716830364575% 5.948642157768336%;
      width: 14px;
      height: 8px;
      display: inline-block;
      float: right;
      position: relative;
      top: 1.5rem;
      right: 2rem; }
    section.account-content .account-component.collapsed .caret {
      background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
      background-position: 4.777759280839021% 3.9726533628972653%;
      width: 14px;
      height: 10px; }
    section.account-content .account-component.collapsed .inner {
      display: none; }
    section.account-content .account-component.collapsed #AmazonPayButton {
      display: none; } }
section.account-content .manage-sub-link {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  max-width: 400px; }
@media (min-width: 641px) {
    section.account-content .manage-sub-link {
      margin-top: 1rem; } }
@media (max-width: 640px) {
    section.account-content .manage-sub-link {
      margin-bottom: 1rem; } }
section.account-content .manage-sub-link button {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%; }
@media (max-width: 640px) {
  section.account-content .my-sub-container .account-component.my-sub,
  section.account-content .my-sub-container .account-component.account-amazon-pay {
    padding: 0; }
    section.account-content .my-sub-container .account-component.my-sub .row,
    section.account-content .my-sub-container .account-component.account-amazon-pay .row {
      padding: 0 0.5rem; } }
section.account-content .my-sub-container .sub-link-container {
  margin: 2rem 0;
  text-align: center; }
.account-component.account-summary .data {
  text-align: left; }
@media (min-width: 641px) {
  .account-component.account-summary .data {
    text-align: right; } }
.account-component.account-summary .divider {
  margin-top: 1rem;
  padding: .5rem 0;
  border-top: 1px solid #e4e0db; }
.account-component.account-summary .store-credit-info-wrapper .store-credit-expiring .columns,
.account-component.account-summary .store-credit-info-wrapper .store-credit-expiration-date .columns {
  margin-top: .5rem; }
.account-component.account-summary .credit-blurb, .account-component.account-summary .free-blurb {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #706c68; }
.account-component.account-summary .row.show-history > .columns.show-membership-btn-container {
  margin-top: .25rem;
  text-align: right; }
.account-component.account-summary .row.show-history .link-small {
  display: inline-block;
  margin: 0; }
@media (max-width: 640px) {
    .account-component.account-summary .row.show-history .link-small {
      margin: 1.5rem 0; } }
.account-component.account-summary .chat-with-us .chat-with-us-btn-container {
  margin: 1rem auto 2rem auto;
  text-align: center; }
.account-component.account-summary .chat-with-us .chat-with-us-btn-container a {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 3px;
    border: solid 1px #ef5e12;
    max-width: 26.25rem; }
@media (max-width: 640px) {
  .account-component.email-and-password {
    padding: 0; } }
.account-component.email-and-password .inner .email-password {
  float: left;
  width: 390px;
  padding: 1rem 0;
  padding-right: 75px; }
.account-component.email-and-password .inner .email-password.password {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68; }
@media (max-width: 640px) {
    .account-component.email-and-password .inner .email-password {
      width: 100%;
      float: none;
      display: block;
      padding: 0 .5rem 2.5rem .5rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px solid #e4e0db; } }
.account-component.email-and-password .inner .email-password .edit-email-btn, .account-component.email-and-password .inner .email-password .edit-password-btn {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    float: left;
    margin-right: .75rem; }
.account-component.email-and-password .inner .email-password .edit-email-btn:hover, .account-component.email-and-password .inner .email-password .edit-email-btn:focus, .account-component.email-and-password .inner .email-password .edit-password-btn:hover, .account-component.email-and-password .inner .email-password .edit-password-btn:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .account-component.email-and-password .inner .email-password .edit-email-btn, .account-component.email-and-password .inner .email-password .edit-password-btn {
        color: #ef5e12;
        font-family: "Larsseit", sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.03125rem;
        font-weight: normal;
        font-style: normal; }
        .account-component.email-and-password .inner .email-password .edit-email-btn:hover, .account-component.email-and-password .inner .email-password .edit-email-btn:focus, .account-component.email-and-password .inner .email-password .edit-password-btn:hover, .account-component.email-and-password .inner .email-password .edit-password-btn:focus {
          cursor: pointer; } }
@media (max-width: 640px) {
    .account-component.email-and-password .inner .email-password:last-child {
      border-bottom: 0;
      margin-bottom: 0; } }
@media (max-width: 640px) {
    .account-component.email-and-password .inner .email-password:first-child {
      margin-top: 1.25rem; } }
.account-component.email-and-password .inner .email-password h6 {
    line-height: 1.7rem; }
.edit-email-modal, .edit-password-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .edit-email-modal, .edit-password-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.edit-email-modal .close-icon, .edit-password-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .edit-email-modal .close-icon, .edit-password-modal .close-icon {
        top: 10px;
        right: 10px; } }
.edit-email-modal .close-icon, .edit-password-modal .close-icon {
    z-index: 99; }
.edit-email-modal .email-address-blurb-container, .edit-password-modal .email-address-blurb-container {
    overflow: hidden; }
.edit-email-modal .email-address-blurb-container .email-address-blurb .label, .edit-password-modal .email-address-blurb-container .email-address-blurb .label {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
.edit-email-modal .email-address-blurb-container .email-address-blurb .email, .edit-password-modal .email-address-blurb-container .email-address-blurb .email {
      display: block;
      font-weight: normal; }
.edit-email-modal .edit-email-form, .edit-email-modal .edit-password-form, .edit-password-modal .edit-email-form, .edit-password-modal .edit-password-form {
    margin: -1.4375rem 0 0 0;
    padding: 0; }
.edit-email-modal .edit-email-form > .row > .columns, .edit-email-modal .edit-password-form > .row > .columns, .edit-password-modal .edit-email-form > .row > .columns, .edit-password-modal .edit-password-form > .row > .columns {
      padding: 0; }
.edit-email-modal .edit-email-form h2, .edit-email-modal .edit-password-form h2, .edit-password-modal .edit-email-form h2, .edit-password-modal .edit-password-form h2 {
      margin: 1.4375rem 0 0 0;
      padding: 0; }
.edit-email-modal .edit-email-form .text-2, .edit-email-modal .edit-password-form .text-2, .edit-password-modal .edit-email-form .text-2, .edit-password-modal .edit-password-form .text-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-email-modal .edit-email-form .form-row.columns, .edit-email-modal .edit-password-form .form-row.columns, .edit-password-modal .edit-email-form .form-row.columns, .edit-password-modal .edit-password-form .form-row.columns {
      margin: 0;
      padding: 0; }
.edit-email-modal .edit-email-form .input-container, .edit-email-modal .edit-password-form .input-container, .edit-password-modal .edit-email-form .input-container, .edit-password-modal .edit-password-form .input-container {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-email-modal .edit-email-form .cta-large, .edit-email-modal .edit-password-form .cta-large, .edit-password-modal .edit-email-form .cta-large, .edit-password-modal .edit-password-form .cta-large {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      max-height: 3.125rem; }
.edit-email-modal .edit-email-form .cancel, .edit-email-modal .edit-password-form .cancel, .edit-password-modal .edit-email-form .cancel, .edit-password-modal .edit-password-form .cancel {
      margin: 0;
      padding: 0;
      text-align: center; }
.edit-email-modal .edit-email-form .validation-error, .edit-email-modal .edit-password-form .validation-error, .edit-password-modal .edit-email-form .validation-error, .edit-password-modal .edit-password-form .validation-error {
      color: #be302b;
      font-size: 17px; }
.edit-email-modal .edit-email-form #edit-email-submit, .edit-password-modal .edit-email-form #edit-email-submit {
    margin-top: 0.4375rem;
    margin-bottom: 0.4375rem; }
.edit-email-modal .edit-password-form #edit-password-submit, .edit-password-modal .edit-password-form #edit-password-submit {
    margin-top: 0.4375rem;
    margin-bottom: 0.4375rem; }
.membership-history-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .membership-history-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.membership-history-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .membership-history-modal .close-icon {
        top: 10px;
        right: 10px; } }
.membership-history-modal .close-icon {
    z-index: 99; }
.membership-history-modal .membership-history {
    margin: -1.4375rem 0 0 0;
    padding: 0; }
.membership-history-modal .membership-history > .row > .columns {
      padding: 0; }
.membership-history-modal .membership-history h2 {
      margin: 1.4375rem 0 0 0;
      padding: 0 0 1rem 0;
      width: 296px; }
.membership-history-modal .membership-history .billing-details-container {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      border-top: solid 1px #e4e0db;
      border-bottom: solid 1px #e4e0db; }
.membership-history-modal .membership-history table.billing-details {
      margin: 0;
      padding: 0;
      border: none;
      width: 100%; }
.membership-history-modal .membership-history table.billing-details thead tr th {
        color: #231f1a; }
.membership-history-modal .membership-history table.billing-details th, .membership-history-modal .membership-history table.billing-details td {
        padding: 0.5rem 0; }
.membership-history-modal .membership-history table.billing-details .amount {
        text-align: right; }
.membership-history-modal .membership-history .pagination {
      margin-top: 2rem; }
.membership-history-modal .membership-history .pagination a {
        display: inline-block;
        padding: 0.5rem;
        min-width: 3rem;
        min-height: 3rem;
        color: rgba(0, 0, 0, 0);
        border-radius: 3px;
        opacity: .25; }
.membership-history-modal .membership-history .pagination a.inactive {
          border: 1px solid #e4e0db;
          pointer-events: none;
          cursor: default; }
.membership-history-modal .membership-history .pagination a:not(.inactive) {
          border: 1px solid #777;
          opacity: 1;
          pointer-events: "";
          cursor: pointer; }
.membership-history-modal .membership-history .pagination .prev {
        float: left; }
.membership-history-modal .membership-history .pagination .prev a {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background-image: url(/assets/svg/catalog-icons-86aa4c58918ed9b5eefc3c64bdc161c3.svg);
          background-repeat: no-repeat;
          background-clip: content-box;
          background-size: 16px;
          background-position: 21px -128px; }
.membership-history-modal .membership-history .pagination .next {
        float: right; }
.membership-history-modal .membership-history .pagination .next a {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          background-image: url(/assets/svg/catalog-icons-86aa4c58918ed9b5eefc3c64bdc161c3.svg);
          background-repeat: no-repeat;
          background-clip: content-box;
          background-size: 16px;
          background-position: 21px -98px; }
.membership-history-modal .membership-history .pagination .current {
        display: block;
        padding-top: 0.625rem;
        text-align: center; }
.membership-history-modal .membership-history .pagination span.this-page {
        display: inline-block;
        padding-right: 0.5rem; }
.membership-history-modal .membership-history .pagination span.total {
        display: inline-block;
        padding-left: 0.5rem; }
.membership-history-modal .membership-history .close-button-mobile {
      display: none;
      margin: 32px 0;
      text-align: center; }
@media (max-width: 440px) {
        .membership-history-modal .membership-history .close-button-mobile {
          display: block; } }
@media (max-width: 640px) {
  .account-component.payment-method {
    padding: 0; } }
.account-component.payment-method .inner .credit-card {
  padding: 1rem 0; }
@media (max-width: 640px) {
    .account-component.payment-method .inner .credit-card {
      width: 100%;
      float: none;
      display: block;
      padding: 0 .5rem 2.5rem .5rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px solid #e4e0db; } }
.account-component.payment-method .inner .credit-card.edit-link {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    border: 1px dashed #e4e0db;
    margin: 1rem 0 1.5rem 0;
    height: 6.25rem;
    text-align: center;
    padding-top: 2.25rem; }
.account-component.payment-method .inner .credit-card.edit-link:hover, .account-component.payment-method .inner .credit-card.edit-link:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .account-component.payment-method .inner .credit-card.edit-link {
        display: none; } }
.account-component.payment-method .inner .credit-card.edit-link-mobile {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    display: none; }
.account-component.payment-method .inner .credit-card.edit-link-mobile:hover, .account-component.payment-method .inner .credit-card.edit-link-mobile:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .account-component.payment-method .inner .credit-card.edit-link-mobile {
        display: block;
        padding: 1rem; } }
@media (max-width: 640px) {
    .account-component.payment-method .inner .credit-card:nth-last-child(2) {
      border-bottom: 0;
      margin-bottom: 0; } }
.account-component.payment-method .inner .credit-card .cc-icon {
    float: left;
    position: relative;
    top: 0.375rem;
    margin-right: 1rem; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-vi {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/visa-7045e0727df536f7f3e370e19424baac.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-mc {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/mastercard-75c79ddd57b8398622204c2b96495c02.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-ax {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/amex-030182897b383aba09fa7d6fa5bfba1f.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-di {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/discover-eeec8134f96547478835eb6abce43b29.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-dc {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/dinersclub-98e892787662e8a789ec8de68ecaf542.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .credit-card .cc-icon.cc-jcb {
      width: 1.625rem;
      height: 1rem;
      background-size: cover;
      background-image: url(/assets/svg/jcb-574733ce75755266e38c694f18065d0f.svg);
      background-repeat: no-repeat; }
.account-component.payment-method .inner .edit-links .edit-link {
  display: none;
  float: left;
  margin-right: 12px; }
@media (max-width: 640px) {
    .account-component.payment-method .inner .edit-links .edit-link {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal; }
      .account-component.payment-method .inner .edit-links .edit-link:hover, .account-component.payment-method .inner .edit-links .edit-link:focus {
        cursor: pointer; } }
.edit-payment-method-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .edit-payment-method-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.edit-payment-method-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .edit-payment-method-modal .close-icon {
        top: 10px;
        right: 10px; } }
.edit-payment-method-modal input {
    color: #231f1a; }
.edit-payment-method-modal .close-icon {
    z-index: 99; }
.edit-payment-method-modal .inactive {
    display: none; }
.edit-payment-method-modal .edit-payment-method-form, .edit-payment-method-modal .edit-address-form {
    font-size: 1.125rem;
    margin: -1.4375rem 0 0 0;
    padding: 0; }
@media (max-width: 640px) {
      .edit-payment-method-modal .edit-payment-method-form, .edit-payment-method-modal .edit-address-form {
        width: 300px;
        margin: 0 auto;
        margin-top: -1.5rem; } }
.edit-payment-method-modal .edit-payment-method-form > .row > .columns, .edit-payment-method-modal .edit-address-form > .row > .columns {
      padding: 0; }
.edit-payment-method-modal .edit-payment-method-form h2, .edit-payment-method-modal .edit-address-form h2 {
      margin: 1.4375rem 0 0 0;
      padding: 0; }
.edit-payment-method-modal .edit-payment-method-form .text-2, .edit-payment-method-modal .edit-address-form .text-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-payment-method-modal .edit-payment-method-form .form-row.columns, .edit-payment-method-modal .edit-address-form .form-row.columns {
      margin: 0;
      padding: 0; }
.edit-payment-method-modal .edit-payment-method-form .input-container, .edit-payment-method-modal .edit-address-form .input-container {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-payment-method-modal .edit-payment-method-form .input-container .validation-error, .edit-payment-method-modal .edit-address-form .input-container .validation-error {
        color: #be302b; }
.edit-payment-method-modal .edit-payment-method-form .input-container.input-first-name, .edit-payment-method-modal .edit-address-form .input-container.input-first-name {
        padding-right: 0; }
.edit-payment-method-modal .edit-payment-method-form .input-container.input-city, .edit-payment-method-modal .edit-address-form .input-container.input-city {
        padding-right: 0; }
.edit-payment-method-modal .edit-payment-method-form .input-container.input-zip-code, .edit-payment-method-modal .edit-address-form .input-container.input-zip-code {
        padding-left: 0; }
.edit-payment-method-modal .edit-payment-method-form .input-container.input-zip-code .validation-error, .edit-payment-method-modal .edit-address-form .input-container.input-zip-code .validation-error {
          width: 300px;
          position: relative;
          left: -204px; }
.edit-payment-method-modal .edit-payment-method-form .expiration-date .month, .edit-payment-method-modal .edit-payment-method-form .expiration-date .year, .edit-payment-method-modal .edit-address-form .expiration-date .month, .edit-payment-method-modal .edit-address-form .expiration-date .year {
      margin-top: 8px;
      padding-right: 0; }
.edit-payment-method-modal .edit-payment-method-form .input-cvv, .edit-payment-method-modal .edit-address-form .input-cvv {
      top: -7px; }
.edit-payment-method-modal .edit-payment-method-form .input-cvv input, .edit-payment-method-modal .edit-address-form .input-cvv input {
        width: 100%;
        height: 48px; }
.edit-payment-method-modal .edit-payment-method-form .input-cvv .validation-error, .edit-payment-method-modal .edit-address-form .input-cvv .validation-error {
        display: block;
        position: relative;
        width: 300px;
        right: 278px;
        font-size: 1.125rem;
        color: #be302b;
        text-align: right; }
.edit-payment-method-modal .edit-payment-method-form .cta-large, .edit-payment-method-modal .edit-address-form .cta-large {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      max-height: 3.125rem; }
.edit-payment-method-modal .edit-payment-method-form #edit-payment-method-submit, .edit-payment-method-modal .edit-address-form #edit-payment-method-submit {
      margin-top: 1rem;
      margin-bottom: 1rem; }
.edit-payment-method-modal .edit-payment-method-form #edit-address-submit, .edit-payment-method-modal .edit-address-form #edit-address-submit {
      margin-top: 1rem;
      margin-bottom: 1rem; }
.edit-payment-method-modal .edit-payment-method-form .cancel, .edit-payment-method-modal .edit-address-form .cancel {
      margin: 0 auto;
      padding: 0;
      text-align: center; }
.edit-payment-method-modal .edit-payment-method-form .cancel .link, .edit-payment-method-modal .edit-address-form .cancel .link {
        margin: 0 auto; }
.edit-payment-method-modal .edit-payment-method-form .make-default-payment-method, .edit-payment-method-modal .edit-address-form .make-default-payment-method {
      color: #706c68;
      margin-bottom: 1rem; }
.edit-payment-method-modal .edit-payment-method-form .make-default-payment-method .label, .edit-payment-method-modal .edit-address-form .make-default-payment-method .label {
        padding-left: .5rem; }
.edit-payment-method-modal .edit-payment-method-form .help, .edit-payment-method-modal .edit-address-form .help {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      margin-top: -0.5rem; }
.edit-payment-method-modal .edit-payment-method-form .help:hover, .edit-payment-method-modal .edit-payment-method-form .help:focus, .edit-payment-method-modal .edit-address-form .help:hover, .edit-payment-method-modal .edit-address-form .help:focus {
        cursor: pointer; }
.edit-payment-method-modal .edit-payment-method-form .form-row, .edit-payment-method-modal .edit-address-form .form-row {
      height: auto;
      position: relative; }
.edit-payment-method-modal .edit-payment-method-form .form-row select, .edit-payment-method-modal .edit-address-form .form-row select {
        background: url(/assets/svg/carrot-down-810c7cc7cda6633e8d71bce55b971a91.svg) no-repeat 90% 50%;
        background-size: 15px;
        height: 49px;
        padding-left: 0.625rem;
        border: 1px solid #b7b4b0;
        border-radius: 3px;
        background-color: #fff;
        color: #231f1a;
        font: 1rem "Larsseit", sans-serif;
        letter-spacing: 0.03125rem;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
.edit-payment-method-modal .edit-payment-method-form .form-row select::-ms-expand, .edit-payment-method-modal .edit-address-form .form-row select::-ms-expand {
          display: none; }
.edit-payment-method-modal .edit-payment-method-form .form-row select#address_id, .edit-payment-method-modal .edit-address-form .form-row select#address_id {
          background-position: 95% 50%; }
.edit-payment-method-modal .edit-payment-method-form .address-pulldown, .edit-payment-method-modal .edit-address-form .address-pulldown {
      margin-bottom: 0.75rem; }
.edit-payment-method-modal .edit-payment-method-form .card-cta, .edit-payment-method-modal .edit-address-form .card-cta {
      margin-top: 1rem;
      margin-bottom: 1rem; }
.edit-payment-method-modal .edit-payment-method-form .error-message, .edit-payment-method-modal .edit-address-form .error-message {
      margin-top: .75rem; }
.edit-payment-method-modal .edit-payment-method-form .error-message .error, .edit-payment-method-modal .edit-address-form .error-message .error {
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #231f1a; }
@media (max-width: 640px) {
  .account-component.address-book {
    padding: 0; } }
.account-component.address-book .inner .address-book-item {
  float: left;
  width: 268px;
  padding: 1rem 0; }
@media (max-width: 640px) {
    .account-component.address-book .inner .address-book-item {
      width: 100%;
      float: none;
      display: block;
      padding: 0 .5rem 2.5rem .5rem;
      margin-bottom: 1.25rem;
      border-bottom: 1px solid #e4e0db; } }
.account-component.address-book .inner .address-book-item.edit-link {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    border: 1px dashed #e4e0db;
    margin: 1rem 0 1.5rem 0;
    height: 6.25rem;
    text-align: center;
    padding-top: 2.25rem; }
.account-component.address-book .inner .address-book-item.edit-link:hover, .account-component.address-book .inner .address-book-item.edit-link:focus {
      cursor: pointer; }
@media (max-width: 640px) {
      .account-component.address-book .inner .address-book-item.edit-link {
        display: none; } }
.account-component.address-book .inner .address-book-item.edit-link-mobile {
    color: #ef5e12;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    display: none; }
.account-component.address-book .inner .address-book-item.edit-link-mobile:hover, .account-component.address-book .inner .address-book-item.edit-link-mobile:focus {
      cursor: pointer; }
.account-component.address-book .inner .address-book-item.edit-link-mobile:hover {
      cursor: default; }
@media (max-width: 640px) {
      .account-component.address-book .inner .address-book-item.edit-link-mobile {
        display: block;
        padding: 1rem; } }
@media (max-width: 640px) {
    .account-component.address-book .inner .address-book-item:nth-last-child(2) {
      border-bottom: 0; } }
.account-component.address-book .inner .address-book-name-and-address h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  display: block; }
.account-component.address-book .inner .address-book-name-and-address > div {
  display: inline-block; }
.account-component.address-book .inner .address-book-name-and-address .address-book-address {
  font-weight: normal; }
.account-component.address-book .inner .edit-link {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  float: left;
  margin-right: 12px; }
.account-component.address-book .inner .edit-link:hover, .account-component.address-book .inner .edit-link:focus {
    cursor: pointer; }
@media (max-width: 640px) {
    .account-component.address-book .inner .edit-link {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal; }
      .account-component.address-book .inner .edit-link:hover, .account-component.address-book .inner .edit-link:focus {
        cursor: pointer; } }
.edit-address-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .edit-address-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.edit-address-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .edit-address-modal .close-icon {
        top: 10px;
        right: 10px; } }
.edit-address-modal .close-icon {
    z-index: 99; }
.edit-address-modal .edit-address-form {
    margin: -1.4375rem 0 0 0;
    padding: 0; }
@media (max-width: 640px) {
      .edit-address-modal .edit-address-form {
        width: 300px;
        margin: 0 auto;
        margin-top: -1.5rem; } }
.edit-address-modal .edit-address-form > .row > .columns {
      padding: 0; }
.edit-address-modal .edit-address-form h2 {
      margin: 1.4375rem 0 0 0;
      padding: 0; }
.edit-address-modal .edit-address-form .text-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-address-modal .edit-address-form .form-row.columns {
      margin: 0;
      padding: 0; }
.edit-address-modal .edit-address-form .input-container {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
.edit-address-modal .edit-address-form .input-container .validation-error {
        font-size: 1rem; }
.edit-address-modal .edit-address-form .input-container.input-first-name {
        padding-right: 0; }
.edit-address-modal .edit-address-form .input-container.input-city {
        padding-right: 0; }
.edit-address-modal .edit-address-form .input-container.input-zip-code {
        padding-left: 0; }
.edit-address-modal .edit-address-form .input-container.input-zip-code .validation-error {
          width: 300px;
          position: relative;
          left: -204px; }
.edit-address-modal .edit-address-form .cta-large {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      max-height: 3.125rem; }
.edit-address-modal .edit-address-form .cancel {
      margin: 0;
      padding: 0;
      text-align: center; }
.edit-address-modal .edit-address-form .validation-error {
      color: #be302b;
      font-size: 17px; }
.edit-address-modal #edit-address-submit {
    margin-top: 0.4375rem;
    margin-bottom: 0.4375rem; }
.notification-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .notification-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.notification-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .notification-modal .close-icon {
        top: 10px;
        right: 10px; } }
.notification-modal .close-icon {
    z-index: 99; }
.notification-modal .notification-modal-content {
    padding: 1rem; }
.notification-modal .notification-modal-content .copy-container {
      margin-bottom: 3rem;
      font-family: "Larsseit", sans-serif; }
.notification-modal .notification-modal-content .buttons-container {
      display: flex;
      justify-content: space-around; }
.notification-modal .notification-modal-content .buttons-container .button-container .notification-modal-button {
        padding: .5rem 1rem;
        color: #ef5e12;
        transition: all .2s ease;
        font-family: "Larsseit", sans-serif;
        border: none;
        border-radius: .5rem;
        font-size: .9rem; }
.notification-modal .notification-modal-content .buttons-container .button-container .notification-modal-button.navigate-button {
          background-color: #ef5e12;
          color: white; }
.notification-modal .notification-modal-content .buttons-container .button-container .notification-modal-button.navigate-button:hover {
            background-color: #d9540f;
            color: white !important; }
.notification-modal .notification-modal-content .buttons-container .button-container .notification-modal-button:hover {
          cursor: pointer;
          background-color: #e4e0db;
          color: #d9540f; }
.payment-new-address-form {
  padding: 0; }
.amazon-component .widget-container {
  z-index: 1; }
section.account-content .amazon-button.wrapper {
  max-width: 200px;
  margin: 0 auto; }
section.account-content .amazon-button.wrapper .amazon-pay-button {
    background-size: 100%;
    width: 200px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(/assets/img/amazon-pay-button-200-f780a4c546fd4574e31b65ecb1feeebc.png); }
section.account-content .amazon-button.wrapper [id^="OffAmazonPaymentsWidgets"] {
    width: 200px;
    opacity: 0; }
section.account-content .amazon-pay-button {
  margin: 14px auto 20px; }
section.account-content .account-amazon-pay .caret {
  right: 1.5rem; }
section.account-content .amazon-account-dash .amazon-read-only-dash .amazon-component {
  width: 330px;
  height: 174px;
  display: inline-block;
  margin: 24px 10px 0 15px; }
@media (min-width: 641px) and (max-width: 840px) {
    section.account-content .amazon-account-dash .amazon-read-only-dash .amazon-component {
      width: 300px;
      margin: 24px 10px 0 5px; } }
@media (max-width: 640px) {
    section.account-content .amazon-account-dash .amazon-read-only-dash .amazon-component {
      display: block;
      margin: 0 auto 10px; } }
@media (max-width: 440px) {
    section.account-content .amazon-account-dash .amazon-read-only-dash .amazon-component {
      width: 300px; } }
section.account-content .amazon-account-dash .caret {
  right: 1.5rem; }
section.account-content .amazon-account-dash .edit-link {
  text-transform: none;
  text-align: right;
  margin: -22px 10px; }
@media (max-width: 640px) {
    section.account-content .amazon-account-dash .edit-link {
      border-bottom: 1px solid #e4e0db;
      padding-bottom: 14px;
      text-align: center;
      margin: 16px -8px; } }
section.account-content .amazon-account-dash .disconnect-link,
section.account-content .amazon-account-dash .notification-disconnect-link {
  margin: 16px 0 20px 15px;
  font-size: 14px;
  width: 236px; }
@media (max-width: 640px) {
    section.account-content .amazon-account-dash .disconnect-link,
    section.account-content .amazon-account-dash .notification-disconnect-link {
      margin: 16px auto; } }
section.account-content .amazon-account-dash .notification-disconnect-link {
  margin: 40px 0 20px 81px; }
@media (max-width: 840px) {
    section.account-content .amazon-account-dash .notification-disconnect-link {
      margin: 70px 0 20px 81px; } }
@media (min-width: 441px) and (max-width: 640px) {
    section.account-content .amazon-account-dash .notification-disconnect-link {
      margin: 40px 0 20px 81px; } }
section.account-content .amazon-account-dash .amazon-login-notification {
  width: 500px;
  height: 60px;
  margin: 8px; }
@media (max-width: 840px) {
    section.account-content .amazon-account-dash .amazon-login-notification {
      width: 310px; } }
section.account-content .amazon-account-dash .amazon-login-notification .amazon-logo {
    background: url(/assets/svg/amazon_logo-afa6dbea2e46f968cb88b4a906cb19aa.svg) no-repeat center center;
    display: inline-block;
    height: 60px;
    width: 60px; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text {
    margin: -60px 0 0 74px; }
@media (min-width: 641px) and (max-width: 840px) {
      section.account-content .amazon-account-dash .amazon-login-notification .notification-text {
        width: 70%; } }
@media (min-width: 441px) and (max-width: 640px) {
      section.account-content .amazon-account-dash .amazon-login-notification .notification-text {
        width: 100%; } }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon {
      width: 114px;
      height: 20px;
      position: relative; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .link-small {
        margin: 3px 0; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .link-small,
      section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button {
        width: 114px;
        height: 20px;
        position: absolute; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .link-small:hover,
        section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button:hover {
          cursor: pointer; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button {
        z-index: 10;
        margin: 4px 0 0 -114px;
        opacity: 0; }
@media (min-width: 641px) and (max-width: 840px) {
          section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button {
            margin: 4px 0 0 -10px; } }
@media (min-width: 441px) and (max-width: 640px) {
          section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button {
            margin: 4px 0 0 -58px; } }
@media (max-width: 440px) {
          section.account-content .amazon-account-dash .amazon-login-notification .notification-text .login-to-amazon .amazon-pay-button {
            margin: 4px 0 0 -20px; } }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .subtext {
      color: #231f1a; }
section.account-content .amazon-account-dash .amazon-login-notification .notification-text .subtext.end {
        margin-left: 118px; }
.checkout-modal .amazon-button.wrapper {
  max-width: 300px;
  margin: 0 auto; }
.checkout-modal .amazon-button.wrapper .amazon-pay-button {
    background-size: 100%;
    max-width: 300px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(/assets/img/amazon-pay-button-300-a31a508eb3641c38c066b38d91270e92.png); }
.checkout-modal .amazon-button.wrapper [id^="OffAmazonPaymentsWidgets"] {
    width: 300px;
    opacity: 0; }
.checkout-modal .amazon-button.wrapper {
  margin-top: 16px; }
.checkout-modal .amazon-info {
  font-size: 14px;
  margin-bottom: 22px; }
.checkout .shipping-info-text.amazon {
  font-size: 0.75rem;
  color: #706c68;
  letter-spacing: 0.03125rem;
  line-height: 1.125rem;
  font-weight: normal;
  font-style: normal; }
.checkout .shipping-info-text.amazon .spaced-text {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 10px; }
.checkout .checkout-shipping .amazon-button.wrapper {
  max-width: 300px;
  margin: 0 auto; }
.checkout .checkout-shipping .amazon-button.wrapper .amazon-pay-button {
    background-size: 100%;
    max-width: 300px;
    height: 45px;
    background-repeat: no-repeat;
    background-image: url(/assets/img/amazon-pay-button-300-a31a508eb3641c38c066b38d91270e92.png); }
.checkout .checkout-shipping .amazon-button.wrapper [id^="OffAmazonPaymentsWidgets"] {
    width: 300px;
    opacity: 0; }
.checkout .checkout-shipping .amazon.errors {
  margin-top: 0px;
  margin-bottom: 8px; }
.checkout .amazon-payment-widgets.payment-shipping-dash {
  border-bottom: none; }
.checkout .amazon-payment-widgets.payment-shipping-dash .amazon-holder {
    display: inline-block; }
.checkout .amazon-payment-widgets.payment-shipping-dash .header {
    margin-bottom: -12px; }
.checkout .amazon-payment-widgets.payment-shipping-dash .header .img {
      float: none;
      width: 26px;
      display: inline-block;
      margin-right: 4px;
      top: 2px; }
.checkout .amazon-payment-widgets.payment-shipping-dash .header h5 {
      margin-top: 0;
      display: inline-block; }
.checkout .amazon-component {
  width: 310px;
  height: 240px;
  display: inline-block; }
.checkout .checkout-step-container .amazon-payment-dash-holder {
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e4e0db;
  text-align: center;
  margin-top: -20px; }
.checkout .checkout-step-container .amazon-payment-dash-holder .amazon-button.wrapper {
    max-width: 200px;
    margin: 0 auto; }
.checkout .checkout-step-container .amazon-payment-dash-holder .amazon-button.wrapper .amazon-pay-button {
      background-size: 100%;
      width: 200px;
      height: 45px;
      background-repeat: no-repeat;
      background-image: url(/assets/img/amazon-pay-button-200-f780a4c546fd4574e31b65ecb1feeebc.png); }
.checkout .checkout-step-container .amazon-payment-dash-holder .amazon-button.wrapper [id^="OffAmazonPaymentsWidgets"] {
      width: 200px;
      opacity: 0; }
.checkout .checkout-step-container .amazon-payment-dash-holder .amazon-pay-button {
    margin-top: 16px;
    margin-bottom: 16px; }
.checkout .checkout-step-container .amazon-component:first-child {
  margin-right: 90px; }
.checkout .form-submit-holder {
  position: relative; }
.checkout #place-order-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 48px; }
@media (max-width: 640px) {
    .checkout #place-order-container {
      width: 100%;
      height: 200px; } }
.edit-amazon-modal {
  top: 3%;
  margin-bottom: 10px; }
@media (max-width: 440px) {
    .edit-amazon-modal {
      height: auto;
      width: 320px; } }
.edit-amazon-modal .columns {
    padding: 0; }
.edit-amazon-modal .amazon-payment-dash .amazon-component,
  .edit-amazon-modal .amazon-payment-widgets .amazon-component {
    margin: 0 0 10px 0;
    width: 300px;
    height: 190px; }
.edit-amazon-modal .amazon-payment-dash .amazon-component:nth-child(3),
    .edit-amazon-modal .amazon-payment-widgets .amazon-component:nth-child(3) {
      height: 94px;
      margin-bottom: 20px; }
.edit-amazon-modal .cancel {
    text-align: center;
    margin: 15px 0 0 0; }
.disconnect-from-amazon-new-payment-modal {
  padding: 1.3rem;
  top: 2.5%;
  margin-bottom: 10px; }
@media (max-width: 440px) {
    .disconnect-from-amazon-new-payment-modal {
      height: auto; } }
.disconnect-from-amazon-new-payment-modal h2 {
    margin: 6px 0 4px; }
.disconnect-from-amazon-new-payment-modal .text-2 {
    margin: 5px 0 5px; }
.disconnect-from-amazon-new-payment-modal .columns {
    padding: 0px; }
.disconnect-from-amazon-new-payment-modal .row {
    margin: 0; }
.disconnect-from-amazon-new-payment-modal select {
    color: #706c68; }
.disconnect-from-amazon-new-payment-modal .cta-large {
    width: 100%;
    margin-top: 10px; }
@media (max-width: 440px) {
      .disconnect-from-amazon-new-payment-modal .cta-large {
        min-width: auto; } }
.disconnect-from-amazon-new-payment-modal .cancel {
    text-align: center;
    margin: 15px 0 0 0; }
.disconnect-from-amazon-new-payment-modal .input-container {
    padding-bottom: 0.5rem; }
.disconnect-from-amazon-new-payment-modal .form-group.month, .disconnect-from-amazon-new-payment-modal .form-group.year, .disconnect-from-amazon-new-payment-modal .form-group.input-first-name, .disconnect-from-amazon-new-payment-modal .form-group.input-city, .disconnect-from-amazon-new-payment-modal .form-group.input-state {
    padding-right: 0.5rem; }
.disconnect-from-amazon-new-payment-modal .input-cvv {
    padding-bottom: 0; }
.disconnect-from-amazon-new-payment-modal .what-is-cvv {
    padding-left: 0.25rem; }
.disconnect-from-amazon-modal {
  padding: 1.3rem;
  margin-bottom: 20px; }
.disconnect-from-amazon-modal h2 {
    margin: 10px 0; }
.disconnect-from-amazon-modal .columns {
    padding: 0 0 0 0.25rem; }
.disconnect-from-amazon-modal .disconnect-notification {
    color: #231f1a;
    width: 100%;
    height: 125px; }
@media (max-width: 440px) {
      .disconnect-from-amazon-modal .disconnect-notification {
        max-height: 140px;
        height: auto; } }
.disconnect-from-amazon-modal .cta-large {
    width: 98%; }
@media (max-width: 440px) {
      .disconnect-from-amazon-modal .cta-large {
        min-width: auto; } }
.disconnect-from-amazon-modal .cancel {
    text-align: center;
    margin: 15px 0 0 0; }
.disconnect-from-amazon-modal .credit-card-info .expiration,
  .disconnect-from-amazon-modal .credit-card-info .address {
    color: #706c68; }
@media (max-width: 440px) {
    .disconnect-from-amazon-modal .credit-card-info {
      margin-top: 20px; } }
.disconnect-from-amazon-modal .credit-card {
    padding: 1rem 0; }
@media (max-width: 640px) {
      .disconnect-from-amazon-modal .credit-card {
        width: 100%;
        float: none;
        display: block;
        padding: 0 .5rem 2.5rem .5rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #e4e0db; } }
.disconnect-from-amazon-modal .credit-card.edit-link {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      line-height: 1.375rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      border: 1px dashed #e4e0db;
      margin: 1rem 0 1.5rem 0;
      height: 6.25rem;
      text-align: center;
      padding-top: 2.25rem; }
.disconnect-from-amazon-modal .credit-card.edit-link:hover, .disconnect-from-amazon-modal .credit-card.edit-link:focus {
        cursor: pointer; }
@media (max-width: 640px) {
        .disconnect-from-amazon-modal .credit-card.edit-link {
          display: none; } }
.disconnect-from-amazon-modal .credit-card.edit-link-mobile {
      color: #ef5e12;
      font-family: "Larsseit", sans-serif;
      font-size: 0.875rem;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      font-weight: normal;
      font-style: normal;
      text-align: center;
      display: none; }
.disconnect-from-amazon-modal .credit-card.edit-link-mobile:hover, .disconnect-from-amazon-modal .credit-card.edit-link-mobile:focus {
        cursor: pointer; }
@media (max-width: 640px) {
        .disconnect-from-amazon-modal .credit-card.edit-link-mobile {
          display: block;
          padding: 1rem; } }
@media (max-width: 640px) {
      .disconnect-from-amazon-modal .credit-card:nth-last-child(2) {
        border-bottom: 0;
        margin-bottom: 0; } }
.disconnect-from-amazon-modal .credit-card .cc-icon {
      float: left;
      position: relative;
      top: 0.375rem;
      margin-right: 1rem; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-vi {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/visa-7045e0727df536f7f3e370e19424baac.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-mc {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/mastercard-75c79ddd57b8398622204c2b96495c02.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-ax {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/amex-030182897b383aba09fa7d6fa5bfba1f.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-di {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/discover-eeec8134f96547478835eb6abce43b29.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-dc {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/dinersclub-98e892787662e8a789ec8de68ecaf542.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .credit-card .cc-icon.cc-jcb {
        width: 1.625rem;
        height: 1rem;
        background-size: cover;
        background-image: url(/assets/svg/jcb-574733ce75755266e38c694f18065d0f.svg);
        background-repeat: no-repeat; }
.disconnect-from-amazon-modal .edit-links .edit-link {
    display: none;
    float: left;
    margin-right: 12px; }
@media (max-width: 640px) {
      .disconnect-from-amazon-modal .edit-links .edit-link {
        color: #ef5e12;
        font-family: "Larsseit", sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.03125rem;
        font-weight: normal;
        font-style: normal; }
        .disconnect-from-amazon-modal .edit-links .edit-link:hover, .disconnect-from-amazon-modal .edit-links .edit-link:focus {
          cursor: pointer; } }
#gifting .gifting-hero {
  height: 12.5rem;
  background-size: auto 100%;
  background-position: center;
  background-image: url(/assets/img/gifting-hero-xmas-xl-lg-68131a7c60b5e0d7ddf9a0ffe282cf51.jpg);
  position: relative; }
@media (min-width: 1281px) {
    #gifting .gifting-hero {
      background-image: url(/assets/img/gifting-hero-xmas-xxl-36376933b671085bd7e6229fd8576e2f.jpg);
      background-size: cover; } }
@media (max-width: 640px) {
    #gifting .gifting-hero {
      height: 16.25rem;
      background-image: url(/assets/img/gifting-hero-xmas-md-down-af35b7d6825eecb607bcfcf51642d238.jpg); } }
#gifting .gifting-hero .gifting-hero-text-holder {
    width: 26.25rem;
    margin: 0 auto;
    padding: 1.25rem 0;
    text-align: center; }
@media (max-width: 640px) {
      #gifting .gifting-hero .gifting-hero-text-holder {
        width: 18.75rem;
        padding: 0.25rem 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
#gifting .gifting-hero .gifting-hero-text-holder h1 {
      margin-bottom: 0.5rem;
      color: #ef5e12; }
@media (max-width: 640px) {
        #gifting .gifting-hero .gifting-hero-text-holder h1 {
          margin: 0.75rem auto 0.25rem auto; } }
#gifting .gifting-hero .gifting-hero-text-holder .gifting-hero-text {
      color: #231f1a;
      font-size: 1rem;
      letter-spacing: 0.0375rem;
      line-height: 1.25rem;
      font-weight: normal;
      font-style: normal;
      margin: 0 auto; }
@media (max-width: 640px) {
        #gifting .gifting-hero .gifting-hero-text-holder .gifting-hero-text {
          font-size: 0.875rem;
          line-height: 1.125rem; } }
#gifting .gifting-featured-categories-container {
  max-width: 1280px;
  margin: 0 auto; }
#gifting .gifting-featured-categories-container .featured-category {
    border: none;
    margin: 0 !important; }
#gifting .gifting-featured-categories-container .featured-category-0 {
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 2rem;
    padding-top: 1rem;
    margin-top: 1rem !important; }
#gifting .gifting-featured-categories-container .featured-category-1 {
    border-top: none !important;
    padding-bottom: 2rem;
    padding-top: 1rem;
    margin-top: 0 !important; }
#gifting .gifting-testimonials {
  text-align: center;
  margin-top: 4rem;
  min-height: 21.25rem; }
#gifting .gifting-testimonials .gifting-testimonial-holder {
    padding-top: 0.75rem;
    max-width: 1280px;
    margin: 0 auto; }
#gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial {
      display: inline-block; }
@media (min-width: 641px) and (max-width: 840px) {
        #gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial {
          margin-bottom: -1.25rem; } }
#gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-quote {
        color: #231f1a;
        font-family: "FFTisaWeb", sans-serif;
        font-size: 1rem;
        letter-spacing: 0.01875rem;
        line-height: 1.5rem;
        font-weight: normal;
        font-style: normal;
        max-width: 21.4375rem;
        margin: 0 auto; }
#gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-quote::before {
          display: block;
          background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
          background-position: 56.2552057304681% 55.196005917159766%;
          width: 22px;
          height: 18px;
          content: ' ';
          margin: 0 auto 0.75rem; }
#gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-quote-divider {
        display: inline-block;
        margin: 1.5rem 0 1.1875rem 0;
        width: 5rem;
        border: 0.09375rem solid #ef5e12; }
#gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-author {
        font-size: 0.875rem;
        font-family: "Larsseit", sans-serif;
        color: #706c68;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem;
        font-weight: normal;
        font-style: normal; }
@media (min-width: 641px) and (max-width: 840px) {
          #gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-author {
            margin-bottom: 4.0625rem; } }
@media (max-width: 640px) {
          #gifting .gifting-testimonials .gifting-testimonial-holder .gifting-testimonial .gifting-author {
            margin-top: -10px; } }
#gifting .gifting-testimonials .slick-slide.slick-active {
    float: left; }
#gifting .gifting-testimonials .slick-slider {
    height: 260px; }
#gifting .gifting-testimonials .slick-slider .slick-dots {
      bottom: 0;
      top: 12.5rem; }
#gifting .gift-cards-placeholder {
  background-color: #f5f3f0;
  height: 20.5rem; }
#gifting .gift-cards-placeholder .gift-cards-text {
    text-align: center;
    padding-top: 1.25rem; }
#gifting .gift-cards-placeholder .gift-cards-text .gift-card-img {
      background-image: url(/assets/img/gift_card_ipad-8cc50f7dfff1f46ac4467a55931d630c.jpg);
      background-size: cover;
      background-position: center;
      height: 13.375rem;
      width: 13.375rem;
      margin: 0 auto; }
@media (max-width: 640px) {
        #gifting .gift-cards-placeholder .gift-cards-text .gift-card-img {
          background-image: url(/assets/img/gift_card_ipad_md_down-8e952a1a98e5336845f158c909177ebe.jpg);
          height: 14.1875rem; } }
#gifting .gift-cards {
  background-image: url(/assets/img/gift-card-xxl-c5910209a982b7acecc5fee7c6018589.jpg);
  background-size: cover;
  background-position: center;
  height: 20.5rem; }
@media (min-width: 641px) and (max-width: 1280px) {
    #gifting .gift-cards {
      background-image: url(/assets/img/gift-card-xl-lg-1e51ff80f9fe8c321d6bda2ece3b554b.jpg);
      background-position: right; } }
@media (max-width: 640px) {
    #gifting .gift-cards {
      background-image: url(/assets/img/gift-card-md-down-8ba36a13fd2bd49ee5a481a33067b4d1.jpg);
      height: 30rem;
      text-align: center; } }
#gifting .gift-cards .content-frame {
    max-width: 80rem;
    margin: 0 auto; }
#gifting .gift-cards .content {
    float: right;
    width: auto;
    margin: 1.25rem 5rem 0 0; }
@media (min-width: 641px) and (max-width: 840px) {
      #gifting .gift-cards .content {
        margin-right: 2rem; } }
@media (max-width: 640px) {
      #gifting .gift-cards .content {
        float: none;
        margin: 0 auto;
        padding: 1.5rem; } }
#gifting .gift-cards .content h2 {
      margin-bottom: 0.5rem; }
#gifting .gift-cards .content .amount {
      margin: 1.25rem 0 0.875rem; }
#gifting .gift-cards .content .gift-card-amounts .gift-card, #gifting .gift-cards .content .gift-card-amounts .gift-card-100 {
      display: inline-block;
      height: 3rem;
      width: 7rem;
      margin-right: 1.125rem; }
@media (max-width: 640px) {
        #gifting .gift-cards .content .gift-card-amounts .gift-card, #gifting .gift-cards .content .gift-card-amounts .gift-card-100 {
          width: 5rem;
          margin-right: 0.5rem; } }
@media (max-width: 440px) {
        #gifting .gift-cards .content .gift-card-amounts .gift-card, #gifting .gift-cards .content .gift-card-amounts .gift-card-100 {
          width: 3.75rem; } }
#gifting .gift-cards .content .gift-card-amounts .gift-card {
      border: 1px solid #b7b4b0;
      padding: 0.625rem 0.5rem;
      color: #706c68;
      background-color: #fff;
      text-align: center;
      outline: none;
      border-radius: 3px; }
#gifting .gift-cards .content .gift-card-amounts .gift-card.selected, #gifting .gift-cards .content .gift-card-amounts .gift-card:hover {
        border-color: #ffbf0f;
        box-shadow: 0 0 0 0.0625rem #ffbf0f;
        cursor: pointer;
        color: #231f1a;
        font-family: "Larsseit-Bold", sans-serif;
        font-weight: normal;
        font-style: normal; }
#gifting .gift-cards .content .gift-card-amounts .gift-card-100 {
      position: relative; }
#gifting .gift-cards .content .gift-card-amounts .most-popular {
      font-size: 0.75rem;
      color: #706c68;
      letter-spacing: 0.03125rem;
      line-height: 1.125rem;
      font-weight: normal;
      font-style: normal;
      width: 6.25rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 4px; }
@media (max-width: 440px) {
        #gifting .gift-cards .content .gift-card-amounts .most-popular {
          font-size: 0.625rem; } }
#gifting .gift-cards .content .cta {
      width: 12.5rem;
      margin-top: 1.5rem;
      cursor: pointer; }
@media (max-width: 640px) {
        #gifting .gift-cards .content .cta {
          margin: 2rem auto; } }
#gifting .gift-products {
  margin: 3.375rem 0 0 0; }
@media (max-width: 440px) {
    #gifting .gift-products {
      margin: 0;
      width: 100%; } }
#gifting .gift-products .title {
    text-align: center; }
#gifting .gift-products .gifts-shipping-message {
    color: #231f1a;
    font-size: 1rem;
    letter-spacing: 0.0375rem;
    line-height: 1.25rem;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding: 0 0.375rem; }
@media (max-width: 640px) {
      #gifting .gift-products .gifts-shipping-message {
        font-size: 0.875rem;
        line-height: 1.125rem; } }
#gifting .gift-products .products {
    max-width: 80rem;
    margin: 1.5rem auto 0; }
@media (max-width: 1280px) {
      #gifting .gift-products .products {
        margin: 1.5rem 1rem 0; } }
#gifting .gift-products ul.gallery-grid-xl-2 {
    margin: auto;
    padding: 0 0.625rem;
    max-width: 50rem; }
#gifting .gift-products ul.gallery-grid-xl-2 li {
      width: 50%; }
#gifting .gift-products ul.gallery-grid-xl-1 {
    margin: auto;
    padding: 0 1.25rem 0.625rem;
    max-width: 35rem; }
#gifting .gift-products ul.gallery-grid-xl-1 li {
      margin: auto;
      float: none;
      width: 100%; }
#gifting .gift-bulk-buy {
  height: 18.75rem;
  background-image: url(/assets/img/gift_bulk_buy_lg_xl-7b01e251e02cafee63b39fd9b0f5f5a7.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top left; }
@media (min-width: 1281px) {
    #gifting .gift-bulk-buy {
      background-image: url(/assets/img/gift_bulk_buy_xxl-e4820dd1a84f7143e58d8af1dbbdc897.jpg);
      background-position: center;
      background-size: cover; } }
@media (max-width: 640px) {
    #gifting .gift-bulk-buy {
      background-image: url(/assets/img/gift_bulk_buy_md_down-fcf7b01a22b92f9cfe7b1ec017036ac2.jpg);
      background-position: bottom center;
      height: 20.5rem; } }
#gifting .gift-bulk-buy .gift-bulk-buy-text {
    max-width: 80rem;
    margin: 0 auto;
    padding: 2.25rem 1.5rem; }
@media (max-width: 640px) {
      #gifting .gift-bulk-buy .gift-bulk-buy-text {
        padding: 0.5rem 0;
        text-align: center; } }
#gifting .gift-bulk-buy .gift-bulk-buy-text h2 {
      margin-bottom: 0.5rem; }
#gifting .gift-bulk-buy .gift-bulk-buy-text .text-2 {
      width: 26.25rem; }
@media (max-width: 640px) {
        #gifting .gift-bulk-buy .gift-bulk-buy-text .text-2 {
          width: auto;
          min-width: 18.75rem;
          padding: 0 0.5rem;
          margin: 0 auto; } }
#gifting .gift-bulk-buy .gift-bulk-buy-text .link-small {
      display: none; }
@media (max-width: 640px) {
        #gifting .gift-bulk-buy .gift-bulk-buy-text .link-small {
          display: inline-block; } }
#gifting .gift-bulk-buy .gift-bulk-buy-text .cta-secondary-color {
      margin-top: 1rem;
      width: 7.5rem; }
@media (max-width: 640px) {
        #gifting .gift-bulk-buy .gift-bulk-buy-text .cta-secondary-color {
          display: none; } }
.quote-item-block.gift-card .content, .order-item-block.gift-card .content {
  margin-top: 0.25rem;
  display: inline-block;
  overflow: hidden; }
.quote-item-block.gift-card .title, .order-item-block.gift-card .title {
  color: #231f1a;
  font-family: "Larsseit", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0375rem;
  font-weight: normal;
  font-style: normal;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.11; }
@media (max-width: 640px) {
    .quote-item-block.gift-card .title, .order-item-block.gift-card .title {
      font-size: 0.875rem;
      line-height: 1.5rem;
      letter-spacing: 0.03125rem; } }
.quote-item-block.gift-card .gift-card-image, .order-item-block.gift-card .gift-card-image {
  display: inline-block;
  vertical-align: top; }
.quote-item-block.gift-card .gift-card-image img, .order-item-block.gift-card .gift-card-image img {
    position: static; }
.quote-item-block.gift-card .line, .order-item-block.gift-card .line {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.57; }
.timer-banner {
  background-color: black;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
@media (max-width: 640px) {
    .timer-banner .timer-banner-content {
      display: block !important;
      padding: 1rem .5rem !important; }
      .timer-banner .timer-banner-content .timer-banner-label {
        margin-right: 0 !important;
        margin-bottom: 1rem;
        text-align: center;
        font-size: 1rem; } }
.timer-banner .timer-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0 1.5rem;
    width: 100%; }
.timer-banner .timer-banner-content .timer-banner-label {
      margin-right: 2rem;
      font-size: 1.2rem;
      color: white;
      flex: 0 0 auto; }
.timer-banner .timer-banner-content .times-container {
      display: flex;
      justify-content: center;
      color: white; }
.timer-banner .timer-banner-content .times-container .time-item-container {
        display: flex;
        min-width: 4rem; }
.timer-banner .timer-banner-content .times-container .time-item-container .item-container-content {
          margin: auto; }
.timer-banner .timer-banner-content .times-container .time-item-container .item-container-content .item-value {
            font-size: 2.5rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: .5rem; }
.timer-banner .timer-banner-content .times-container .time-item-container .item-container-content .item-label {
            font-size: .8rem;
            text-align: center;
            line-height: 1; }
.timer-banner .timer-banner-content .times-container .item-separator {
        font-size: 2.5rem;
        font-weight: bold;
        margin-top: -.1rem;
        text-align: center; }
.egifts-landing .title-text {
  padding: 0 2rem; }
.egifts-landing .how-it-works {
  text-align: center;
  padding-top: 1.25rem; }
.egifts-landing .how-it-works .text-box {
    width: 100%; }
.egifts-landing .how-it-works .number {
    display: none; }
.egifts-landing .how-it-works .text {
    font-family: "Larsseit", sans-serif; }
@media (max-width: 840px) {
      .egifts-landing .how-it-works .text {
        padding: 10px 10px; } }
.egifts-landing .credit-message {
  font-size: 0.875rem;
  font-family: "Larsseit", sans-serif;
  color: #706c68;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  padding: 1.5625rem; }
.gift-card-purchase-modal .gift-card-purchase-form {
  width: 18.75rem;
  margin: 0 auto; }
.gift-card-purchase-modal .gift-card-purchase-form .form-info {
    margin: -0.875rem 0 0.625rem; }
.gift-card-purchase-modal .gift-card-purchase-form .dollar-sign {
    position: absolute;
    z-index: 1;
    margin: 0.9375rem 0.625rem;
    font-size: 1rem; }
.gift-card-purchase-modal .gift-card-purchase-form .link-small {
    margin-left: 0.625rem; }
.gift-card-purchase-modal .gift-card-purchase-form textarea {
    height: 6.875rem;
    margin: 0.5rem 0;
    padding: 0.25rem 0.625rem;
    border: 1px solid #c0bcbc;
    border-radius: 0.1875rem;
    color: #231f1a; }
.gift-card-purchase-modal .gift-card-purchase-form textarea::-moz-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.gift-card-purchase-modal .gift-card-purchase-form textarea:-ms-input-placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.gift-card-purchase-modal .gift-card-purchase-form textarea::placeholder {
      font-family: "Larsseit", sans-serif;
      font-size: 1rem;
      color: #706c68;
      letter-spacing: 0.03125rem; }
.gift-card-purchase-modal .gift-card-purchase-form #amount {
    padding-left: 1.25rem; }
.gift-card-purchase-modal .gift-card-purchase-form .validation-error {
    color: #be302b;
    font-family: "Larsseit", sans-serif;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0125rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 0.125rem; }
.gift-card-purchase-modal .gift-card-purchase-form .form-group {
    margin-top: 0.625rem; }
.gift-card-purchase-modal .gift-card-purchase-form .form-field-subtext {
    font-size: 0.6875rem; }
.gift-card-purchase-modal .gift-card-purchase-form .cancel {
    text-align: center;
    margin-top: 1rem;
    display: block; }
.signin-container {
  height: 50rem;
  background-color: rgba(255, 255, 255, 0.9); }
.signin-container .login-container {
    padding-top: 2.1875rem;
    position: relative;
    margin: 0 auto;
    max-width: 28rem;
    height: 28.125rem; }
.checkout-success {
  max-width: 824px;
  margin: 0 auto; }
@media (min-width: 641px) {
    .checkout-success {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
.checkout-success .checkout-success-banner {
    background-color: #f5f3f0;
    position: relative;
    max-width: 100%;
    height: 60px;
    margin: 0;
    text-align: center; }
.checkout-success .checkout-success-banner .checkout-success-banner-text {
      display: inline-block;
      margin: 15px auto;
      color: #ef5e12;
      width: 160px; }
.checkout-success .checkout-success-banner .checkout-success-banner-text:hover {
        cursor: pointer; }
.checkout-success .checkout-success-banner .arrow {
      display: inline-block;
      position: absolute;
      top: 50%;
      margin: -8px 0 0 5px; }
.checkout-success .order-details {
    margin-bottom: 16px; }
.checkout-success .order-details .personalized-message-checkout {
      width: 250px;
      margin: 0 auto;
      padding-bottom: 1.5rem; }
.checkout-success .summary {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
.checkout-success h1 {
    margin-bottom: .5rem; }
.checkout-success .subheader {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-bottom: .5rem; }
@media (max-width: 640px) {
      .checkout-success .subheader {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.checkout-success .info-box {
    width: 254.66667px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 10px; }
.checkout-success .info-box-text {
    padding-left: 27px; }
.checkout-success .clock-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 8.510992671552298% 8.230072128722027%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 3px;
    position: absolute; }
.checkout-success .truck-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 83.7248042645344% 85.06055283350283%;
    width: 22px;
    height: 17px;
    vertical-align: top;
    margin-top: 3px;
    position: absolute; }
.checkout-success .question-icon {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 55.896069287141906% 54.84229025992045%;
    width: 20px;
    height: 23px;
    vertical-align: top;
    margin-top: 3px;
    position: absolute; }
.checkout-success .order-header {
    padding-bottom: 16px; }
.checkout-success-gifting-banner {
  width: 800px;
  height: 200px;
  margin-bottom: 3rem; }
@media (min-width: 641px) {
    .checkout-success-gifting-banner {
      background: url(/assets/img/checkout_success_banner_xl_lg-6750d9ec1fbb81aad98cec1a3c9653c9.jpg) no-repeat center;
      background-size: auto 100%;
      max-width: 100%; } }
@media (min-width: 441px) and (max-width: 640px) {
    .checkout-success-gifting-banner {
      background: url(/assets/img/checkout_success_banner_md-a53732167752f9d7e70152e66552cd59.jpg) no-repeat center;
      background-size: auto 100%;
      max-width: 100%; } }
@media (max-width: 440px) {
    .checkout-success-gifting-banner {
      background: url(/assets/img/checkout_success_banner_sm-44610dae9a8378f55134f48a7062a2f0.jpg) no-repeat center;
      background-size: auto 100%;
      max-width: 100%; } }
.checkout-success-gifting-banner .gifting-banner-buttons {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    top: 53%;
    margin: 0 auto;
    width: 200px; }
.checkout-success-gifting-banner .gifting-banner-buttons .send-another-gift {
      width: 200px;
      height: 48px;
      margin-bottom: 10px; }
.checkout-success-gifting-banner .gifting-banner-buttons .send-another-gift:hover {
        cursor: pointer; }
.checkout-success-gifting-banner .gifting-banner-buttons .shop-all-products {
      width: 200px;
      height: 48px;
      background-color: #fff;
      border: 1px solid #ef5e12;
      color: #ef5e12;
      margin-bottom: 10px; }
.checkout-success-gifting-banner .gifting-banner-buttons .shop-all-products:hover {
        cursor: pointer; }
.checkout button {
  margin: 0 auto 1rem auto;
  min-width: 0;
  width: 100%; }
.checkout .payment-shipping-dash {
  border-bottom: solid 1px #e4e0db;
  margin: 1.75rem 0 0 0;
  padding-bottom: 2.75rem; }
.checkout .payment-shipping-dash .shipping-address,
  .checkout .payment-shipping-dash .payment-info {
    padding: 0 1rem; }
.checkout .payment-shipping-dash .shipping-address .quote-error,
    .checkout .payment-shipping-dash .payment-info .quote-error {
      padding-left: 22px;
      padding-right: 22px;
      margin-top: 12px; }
.checkout .payment-shipping-dash .shipping-address .content,
    .checkout .payment-shipping-dash .payment-info .content {
      max-width: 300px;
      margin: 0 auto; }
@media (max-width: 640px) {
  .checkout {
    margin-top: 0; } }
@media (max-width: 640px) {
  .checkout > .columns.small-12 {
    padding: 0; } }
@media (min-width: 641px) {
  .checkout .checkout-step-container {
    background-color: #f5f3f0; } }
.checkout .checkout-header {
  text-align: center;
  font-size: 1rem; }
@media (max-width: 640px) {
    .checkout .checkout-header {
      margin-top: 0px; } }
@media (min-width: 641px) {
    .checkout .checkout-header {
      border-bottom: 1px solid #e4e0db;
      padding: 0.75rem 0; } }
.checkout .checkout-header.additional {
    background-color: #ef5e12;
    font-size: 0.875rem;
    color: #fff;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.checkout .checkout-header.bold {
    color: #231f1a; }
@media (max-width: 640px) {
      .checkout .checkout-header.bold {
        margin-top: 7px; } }
@media (max-width: 440px) {
    .checkout .checkout-header.no-tabs {
      padding-bottom: 5px;
      border-bottom: solid 1px #e4e0db; } }
.checkout .checkout-header .checkout-header-step {
    line-height: 1.7;
    font-size: 1rem; }
.checkout .checkout-header .checkout-header-step.bold {
      color: #231f1a; }
@media (max-width: 640px) {
      .checkout .checkout-header .checkout-header-step {
        display: inline-block;
        padding: 0.75rem 0;
        width: 33.3%; }
        .checkout .checkout-header a.checkout-header-step {
          color: #706c68; }
        .checkout .checkout-header .checkout-header-step:not(.bold) {
          border-bottom: 1px solid #e4e0db; }
        .checkout .checkout-header .checkout-header-step:not(:last-child) {
          border-right: 1px solid #e4e0db; } }
@media (min-width: 641px) {
      .checkout .checkout-header .checkout-header-step:not(:last-child)::after {
        content: '>';
        color: #706c68;
        font-weight: normal;
        margin: 0 0.5rem; } }
.checkout .gifts-shipping-link {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal;
  display: block;
  margin-bottom: 1.25rem; }
.checkout .gifts-shipping-link:hover, .checkout .gifts-shipping-link:focus {
    cursor: pointer; }
.checkout .checkout-addon {
  color: #231f1a;
  text-align: center;
  border-bottom: solid 1px #e4e0db;
  padding-top: 16px;
  margin-left: 0;
  margin-right: 0; }
.checkout .checkout-addon .h3 {
    color: #231f1a;
    margin-bottom: 12px;
    font-size: 1rem; }
.checkout .checkout-addon .gifting-shipping-arrival {
    text-align: left;
    margin: 0 auto;
    width: 300px; }
.checkout .checkout-addon .confirm-dropdown {
    width: 18.75rem;
    max-width: 100%;
    margin: 0 auto; }
.checkout .checkout-addon .confirm-dropdown select {
      background-position: 97% 50%; }
.checkout .checkout-addon .shipping-delay-notice {
    font-size: 0.875rem;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    font-weight: normal;
    font-style: normal;
    padding-bottom: 16px; }
.checkout .go-cart {
  display: block;
  text-align: center;
  padding-bottom: 2rem;
  margin-top: -10px; }
@media (max-width: 640px) {
    .checkout .go-cart {
      padding-bottom: 1rem; } }
@media (max-width: 440px) {
  .checkout .checkout-summary-items {
    display: none; } }
@media (max-width: 440px) {
  .checkout .checkout-summary-items.mobile {
    display: block; } }
.checkout .checkout-shipping {
  max-width: 300px;
  margin: 0 auto; }
.checkout .checkout-shipping h3 {
    margin-bottom: .5rem; }
@media (max-width: 640px) {
      .checkout .checkout-shipping h3 {
        margin: 0 auto;
        padding: 1.25rem 0 .5rem 0;
        max-width: 300px; } }
@media (max-width: 440px) {
    .checkout .checkout-shipping {
      padding: 0; } }
.checkout .checkout-shipping .already-member {
    color: #231f1a;
    font-size: 0.875rem;
    margin-top: -10px;
    margin-bottom: 0px; }
.checkout .checkout-shipping .errors {
    color: red;
    font-size: 1rem;
    margin-top: -20px;
    line-height: 1; }
.checkout .checkout-shipping .errors:not(.amazon) {
      padding-bottom: 20px; }
.checkout .checkout-shipping .errors p {
      margin: 0px; }
.checkout .checkout-shipping .fb-customer-message {
    font-family: "Larsseit-Bold", sans-serif; }
.checkout .checkout-shipping .first-step-options {
    font-size: 14px;
    font-family: "Larsseit", sans-serif;
    color: #706c68;
    line-height: 18px;
    border-bottom: 1px solid #e4e0db;
    margin-top: 10px;
    margin-bottom: 24px;
    padding-bottom: 20px; }
.checkout .checkout-shipping .first-step-options .facebook-button {
      margin-top: 10px; }
.checkout .checkout-shipping .first-step-account {
    border-bottom: 1px solid #e4e0db;
    margin-bottom: 20px; }
.checkout .checkout-shipping .shipping-address {
    margin-top: 24px; }
.checkout .checkout-summary-dropdown {
  display: none; }
@media (max-width: 640px) {
    .checkout .checkout-summary-dropdown {
      background-color: #f5f3f0;
      border-bottom: 1px solid #e4e0db;
      display: block; } }
.checkout .checkout-summary-dropdown .price-summary-container {
    padding: 1.25rem 0; }
.checkout .checkout-summary-dropdown.hide {
    display: none; }
.checkout .checkout-summary-dropdown.items .arrow {
    position: absolute;
    right: 20px;
    margin-top: 12px; }
.checkout .checkout-summary-dropdown .checkout-summary.hidden {
    display: none; }
.checkout .summary-dropdown {
  width: 100%;
  height: 45px;
  background-color: #f5f3f0;
  padding-top: 7px; }
.checkout .summary-dropdown .dropdown-text {
    line-height: 2.5;
    color: #231f1a;
    margin-left: 15px;
    margin-right: 8px; }
.checkout .summary-dropdown .dropdown-text-right {
      line-height: 2.5;
      color: #231f1a;
      float: right;
      margin: 0 15px 0 0; }
.checkout .summary-dropdown .savings-text {
    text-align: center;
    color: #45b49f; }
.checkout .summary-dropdown .replace-promise {
    color: #231f1a;
    font-size: 16px;
    text-align: center;
    line-height: 1.25;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.2px; }
@media (max-width: 640px) {
      .checkout .summary-dropdown .replace-promise {
        max-width: 67.5%;
        margin: 0 auto;
        padding: 0 1rem; } }
.checkout .summary-dropdown .place-order {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 360px;
    max-width: 100%;
    margin-top: 21px; }
.checkout .summary-dropdown .secure-text-holder {
    text-align: center;
    margin-top: 16px; }
.checkout .summary-dropdown .secure-text-holder .shipping-disclaimer {
      max-width: 330px;
      margin: 0 auto;
      padding: 0 1rem; }
.checkout .summary-dropdown .secure-text-holder .terms {
      display: block;
      max-width: 200px;
      margin: 1rem auto; }
.checkout .summary-dropdown .secure-text-holder .terms a {
        text-decoration: underline;
        color: #706c68; }
.checkout .summary-dropdown .secure-text-holder .lock-img {
      margin-right: 4.5px;
      position: relative;
      top: -2px;
      width: 12.5px; }
.checkout .summary-dropdown .secure-text-holder .secure-text {
      display: block; }
.checkout .summary-dropdown .membership-info {
    text-align: left;
    padding-bottom: 3rem; }
.checkout .summary-dropdown .membership-info .membership-header {
      margin: 1rem 0 0 0; }
.checkout .summary-dropdown .membership-info h5 {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #231f1a;
      line-height: 1.5625rem; }
.checkout .summary-dropdown .order-price {
    line-height: 2.2;
    color: #231f1a;
    float: right;
    margin-right: 15px; }
@media (max-width: 640px) {
  .checkout .checkout-summary {
    background-color: #f5f3f0;
    display: none; } }
@media (max-width: 640px) {
  .checkout .checkout-summary.sm-gray {
    display: block;
    background-color: #f5f3f0; } }
@media (max-width: 640px) {
  .checkout .checkout-summary.sm-md-white {
    display: block;
    background-color: #fff;
    padding-bottom: 20px; } }
@media (min-width: 641px) {
  .checkout .checkout-summary.sm-md-white {
    display: none; } }
@media (min-width: 641px) {
  .checkout .checkout-summary {
    margin-left: 1rem;
    margin-right: 1rem; } }
.checkout .checkout-summary .price-summary-container {
  padding: 1.25rem 0; }
@media (max-width: 640px) {
    .checkout .checkout-summary .price-summary-container {
      width: 67.5%; } }
@media (max-width: 840px) {
    .checkout .checkout-summary .price-summary-container {
      padding: 1.25rem .5rem;
      margin: 0 auto; } }
@media (max-width: 440px) {
    .checkout .checkout-summary .price-summary-container {
      width: 100%;
      padding: 1.25rem 0; } }
.checkout .checkout-summary .price-summary-container .price-summary {
    margin: 0;
    padding: 0; }
@media (max-width: 440px) {
    .checkout .checkout-summary .price-summary-container .promo-code,
    .checkout .checkout-summary .price-summary-container .price-summary {
      padding-left: 1rem;
      padding-right: 1rem; }
      .checkout .checkout-summary .price-summary-container .promo-code .msrp-toggle-button,
      .checkout .checkout-summary .price-summary-container .price-summary .msrp-toggle-button {
        padding-right: 0; }
      .checkout .checkout-summary .price-summary-container .promo-code .msrp-toggle span.title,
      .checkout .checkout-summary .price-summary-container .price-summary .msrp-toggle span.title {
        font-size: 0.875rem; } }
.checkout .checkout-summary .promo-code-header {
  color: #ef5e12;
  font-family: "Larsseit", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  font-weight: normal;
  font-style: normal; }
.checkout .checkout-summary .promo-code-header:hover, .checkout .checkout-summary .promo-code-header:focus {
    cursor: pointer; }
.checkout .checkout-summary .msrp-toggle .title {
  font-size: 1rem; }
.checkout .checkout-summary .msrp-toggle .msrp-toggle-button {
  position: absolute;
  left: 0.875rem; }
@media (max-width: 640px) {
  .checkout .checkout-summary .msrp-toggle .discount-text {
    font-size: 1rem;
    text-align: right; } }
@media (min-width: 641px) {
  .checkout .checkout-summary .msrp-toggle .body {
    margin: 0.875rem 0; } }
.checkout .checkout-summary .msrp-toggle .toggle-columns {
  padding-left: 2.75rem;
  padding-right: 0; }
@media (max-width: 640px) {
  .checkout .checkout-summary .form-submission-button-container {
    max-width: inherit; } }
.checkout .checkout-summary .form-submission-button-container button.place-order {
  width: 90%; }
.checkout .checkout-summary .checkout-submit-top {
  padding-top: 8px;
  border-bottom: solid 1px #e4e0db; }
.checkout .checkout-summary .checkout-submit-top .checkout-header {
    color: #231f1a;
    margin: 0 auto;
    text-align: left;
    width: 90%; }
.checkout .checkout-summary .checkout-submit-top .checkout-header .checkout-header-price {
      font-family: "Larsseit-Bold", sans-serif;
      font-weight: normal;
      font-style: normal;
      float: right; }
.checkout .checkout-summary .savings-text {
  text-align: center;
  color: #45b49f; }
@media (max-width: 640px) {
    .checkout .checkout-summary .savings-text {
      display: none; } }
.checkout .checkout-summary .place-order {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 300px;
  max-width: 100%; }
.checkout .checkout-summary .terms-lg {
  display: block;
  margin: 1rem auto;
  text-align: center; }
@media (max-width: 640px) {
    .checkout .checkout-summary .terms-lg.hide-sm {
      display: none; } }
.checkout .checkout-summary .secure-text-holder {
  text-align: center; }
@media (max-width: 640px) {
    .checkout .checkout-summary .secure-text-holder {
      display: none; } }
.checkout .checkout-summary .secure-text-holder .cancel-anytime {
    color: #231f1a;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.checkout .checkout-summary .secure-text {
  text-align: center;
  padding-bottom: 10px; }
.checkout .checkout-summary .secure-text .lock-img {
    margin-right: 4.5px;
    position: relative;
    top: -2px;
    width: 12.5px; }
.checkout .checkout-summary .secure-text.hide, .checkout .checkout-summary .terms.hide {
  display: none; }
.checkout .checkout-summary .membership-info {
  text-align: left; }
@media (max-width: 640px) {
    .checkout .checkout-summary .membership-info {
      display: none; } }
.checkout .checkout-summary .membership-info.hide {
    display: none; }
.checkout .checkout-summary .membership-info .membership-header {
    margin-bottom: 0; }
.checkout .checkout-summary .membership-info h5 {
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #231f1a;
    line-height: 1.5625rem; }
@media (max-width: 640px) {
  .checkout .checkout-summary .membership-info {
    width: 67.5%;
    margin: 0 auto; } }
@media (max-width: 440px) {
  .checkout .checkout-summary .membership-info {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem; } }
.checkout .checkout-summary .formsy-form {
  width: 300px;
  max-width: 100%;
  margin: 0 auto; }
.checkout .checkout-summary .formsy-form #howDidYouHearSelect {
    font-size: 16px;
    color: #706c68;
    background: url(/assets/svg/carrot-down-810c7cc7cda6633e8d71bce55b971a91.svg) no-repeat 96% 50%;
    background-size: 15px;
    margin-top: 10px; }
.checkout .checkout-summary .formsy-form .input-how-did-you-hear {
    margin-top: 8px; }
.checkout .checkout-summary .best-box-sku-terms {
  background-color: #f5f3f0;
  padding: 1rem .5rem; }
.checkout .checkout-summary .best-box-sku-terms a {
    color: #231f1a;
    text-decoration: underline; }
@media (max-width: 640px) {
    .checkout .checkout-summary .best-box-sku-terms {
      margin: 0 1rem; } }
.checkout .checkout-summary .sub-switcher-item-name .no-opt {
  margin-left: 1.875rem; }
.checkout .checkout-summary .checkout-summary-value-propositions-section {
  padding-top: 20px; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .checks-container {
    margin-bottom: 30px; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .checks-container h3 {
      margin-bottom: .75rem; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .checks-container ul {
      list-style-position: inside; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .checks-container ul li {
        background: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg) no-repeat 0px 7px;
        padding-bottom: 5px;
        margin-left: 5px;
        text-align: left;
        list-style: none;
        padding-left: 28px;
        padding-right: 10px; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .checks-container ul li span {
          font-size: .95rem; }
.checkout .checkout-summary .checkout-summary-value-propositions-section .testimonials-container .testimonial-container {
    margin-bottom: 30px; }
@media (max-width: 640px) and (max-width: 640px) {
  .checkout .form-submission-button-container.checkout button {
    margin-bottom: 10px;
    margin-top: 8px; } }
@media (max-width: 640px) and (max-width: 440px) {
  .checkout .form-submission-button-container.checkout button {
    width: 100%; } }
@media (max-width: 640px) {
  .checkout .form-submission-button-container.checkout .terms.breadcrumbs {
    text-align: center;
    padding-bottom: 8px; } }
.checkout .address-form,
.checkout .payment-info-select,
.checkout .form-submission-button-container,
.checkout .error-message {
  margin: 0 auto;
  max-width: 300px; }
.checkout .address-form .title,
  .checkout .payment-info-select .title,
  .checkout .form-submission-button-container .title,
  .checkout .error-message .title {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0px; }
.checkout .address-form .form-group,
  .checkout .payment-info-select .form-group,
  .checkout .form-submission-button-container .form-group,
  .checkout .error-message .form-group {
    margin-top: 0.75rem; }
.checkout .address-form .form-group .validation-error,
    .checkout .payment-info-select .form-group .validation-error,
    .checkout .form-submission-button-container .form-group .validation-error,
    .checkout .error-message .form-group .validation-error {
      color: #be302b; }
.checkout .address-form .form-group.input-first-name,
    .checkout .payment-info-select .form-group.input-first-name,
    .checkout .form-submission-button-container .form-group.input-first-name,
    .checkout .error-message .form-group.input-first-name {
      padding-right: 0; }
.checkout .address-form .form-group.input-state,
    .checkout .payment-info-select .form-group.input-state,
    .checkout .form-submission-button-container .form-group.input-state,
    .checkout .error-message .form-group.input-state {
      padding: 0 .25rem 0 0; }
.checkout .address-form .form-group.input-zip-code,
    .checkout .payment-info-select .form-group.input-zip-code,
    .checkout .form-submission-button-container .form-group.input-zip-code,
    .checkout .error-message .form-group.input-zip-code {
      padding-left: .5rem; }
.checkout .address-form .form-group.input-zip-code .validation-error,
      .checkout .payment-info-select .form-group.input-zip-code .validation-error,
      .checkout .form-submission-button-container .form-group.input-zip-code .validation-error,
      .checkout .error-message .form-group.input-zip-code .validation-error {
        width: 300px;
        position: relative;
        right: 212px; }
.checkout .address-form .form-group.month,
    .checkout .payment-info-select .form-group.month,
    .checkout .form-submission-button-container .form-group.month,
    .checkout .error-message .form-group.month {
      padding-right: 0; }
.checkout .address-form .form-group.year,
    .checkout .payment-info-select .form-group.year,
    .checkout .form-submission-button-container .form-group.year,
    .checkout .error-message .form-group.year {
      padding-right: 0; }
.checkout .address-form .form-group.input-cvv .validation-error,
    .checkout .payment-info-select .form-group.input-cvv .validation-error,
    .checkout .form-submission-button-container .form-group.input-cvv .validation-error,
    .checkout .error-message .form-group.input-cvv .validation-error {
      width: 300px;
      position: relative;
      right: 215px; }
@media (max-width: 640px) {
        .checkout .address-form .form-group.input-cvv .validation-error,
        .checkout .payment-info-select .form-group.input-cvv .validation-error,
        .checkout .form-submission-button-container .form-group.input-cvv .validation-error,
        .checkout .error-message .form-group.input-cvv .validation-error {
          right: 210px; } }
.checkout .address-form .form-group.hidden,
    .checkout .payment-info-select .form-group.hidden,
    .checkout .form-submission-button-container .form-group.hidden,
    .checkout .error-message .form-group.hidden {
      margin-top: 0; }
.checkout .address-form button,
  .checkout .payment-info-select button,
  .checkout .form-submission-button-container button,
  .checkout .error-message button {
    margin: 1rem auto 2rem auto;
    min-width: 0;
    width: 100%; }
.checkout .checkout-billing {
  min-height: 465px; }
@media (max-width: 640px) {
    .checkout .checkout-billing {
      height: 100%; } }
.checkout .checkout-billing h3 {
    margin: 1.25rem auto .5rem;
    max-width: 300px; }
@media (max-width: 640px) {
      .checkout .checkout-billing h3 {
        margin: 0 auto;
        padding: 1.25rem 0 .5rem 0; } }
.checkout .checkout-billing .error-message .error {
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #be302b; }
.checkout .shipping-disclaimer {
  margin-bottom: 0; }
.nb-tooltip.checkout-cta-tooltip {
  max-width: 250px;
  z-index: 50; }
.nb-tooltip.checkout-cta-tooltip.hide {
    display: none; }
.nb-tooltip.checkout-cta-tooltip .tooltip-content {
    position: relative; }
.nb-tooltip.checkout-cta-tooltip .close-icon {
    position: absolute;
    height: 12px;
    width: 12px;
    top: -15px;
    right: -8px;
    cursor: pointer;
    color: #f5f3f0; }
@media (max-width: 640px) {
    .nb-tooltip.checkout-cta-tooltip {
      display: none; } }
@media (min-width: 641px) {
    .nb-tooltip.checkout-cta-tooltip.sm-md-white {
      display: none; } }
.gifting-shipping-dropdown {
  padding-bottom: 1.25rem; }
.personalized-message-toggle {
  background-color: white;
  padding: 1.25rem 0 1.5rem 0;
  border-top: 1px solid #e4e0db; }
.personalized-message-toggle .plus-sign {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(/assets/svg/plus-orange-377bf23741b240371c51ae05d4de0d6f.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    position: relative;
    top: 3px;
    margin-right: 6px; }
.personalized-message-toggle .gift-black {
    background-image: url(/assets/svg/gift-black-c9e7ae887e212773958994ef05b358b2.svg);
    background-repeat: no-repeat;
    height: 1.0625rem;
    width: 1.0625rem;
    background-size: 1.0625rem;
    background-position: center;
    display: inline-block;
    margin-right: 0.5rem;
    position: relative;
    top: 0.125rem; }
.personalized-message-toggle .gift-message-header {
    font-size: 1rem;
    font-family: "Larsseit-Bold", sans-serif;
    font-weight: normal;
    font-style: normal; }
.personalized-message-modal p {
  margin-top: 0.25rem; }
.personalized-message-modal textarea {
  border-radius: 0.1875rem;
  border-color: #e4e0db;
  padding: .5rem .75rem; }
.personalized-message-modal textarea::-moz-placeholder {
    color: #706c68; }
.personalized-message-modal textarea:-ms-input-placeholder {
    color: #706c68; }
.personalized-message-modal textarea::placeholder {
    color: #706c68; }
.personalized-message-modal h2 {
  margin-bottom: 0; }
.personalized-message-modal .cta-secondary-color {
  margin-top: 0.75rem;
  width: 100%;
  border: none; }
@media (max-width: 440px) {
  .personalized-message-modal .gift-message-modal {
    padding: 0 1.5rem; } }
.personalized-message-modal .formsy-form {
  text-align: center; }
.order-details {
  padding-top: 23px;
  background-color: #f5f3f0; }
@media (min-width: 641px) {
    .order-details {
      padding-left: .25rem;
      padding-right: .25rem; } }
@media (max-width: 840px) {
    .order-details {
      padding-top: 0; } }
@media (min-width: 441px) and (max-width: 640px) {
    .order-details {
      border-bottom: 1px solid #e4e0db; } }
.order-details .item-list {
    padding-bottom: 4rem; }
@media (max-width: 640px) {
      .order-details .item-list {
        padding-bottom: .5rem; } }
.order-details .item-list .center-order {
      float: none;
      margin: 0 auto; }
.order-details .item-list .order-item-block {
      display: inline-block;
      margin: 0.75rem 0 0 0.75rem; }
@media (max-width: 640px) {
        .order-details .item-list .order-item-block {
          width: 100%; } }
.order-details .item-list .order-item-block.gift-card {
        height: 100%; }
.order-details .item-list .order-item-block.gift-card .content {
          padding-left: 0.9375rem;
          width: calc(100% - 64px); }
@media (max-width: 840px) {
      .order-details .item-list > .columns:nth-of-type(2) {
        margin-top: -1.5rem; }
      .order-details .item-list .medium-12, .order-details .item-list .small-12 {
        width: 100%; }
      .order-details .item-list .center-order {
        width: 100%; }
      .order-details .item-list .order-item-block {
        display: block;
        width: 67.5%;
        margin: 1.5rem auto; } }
@media (max-width: 440px) {
      .order-details .item-list .order-item-block {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem; }
        .order-details .item-list .order-item-block img {
          left: 1rem; } }
.order-details .order-total {
    border-top: 1px solid #e4e0db;
    padding: 10px 0px; }
.order-details .order-total div {
      width: 50%;
      display: inline-block;
      padding: 0px 10px; }
.order-details .order-total div:first-child {
      border-right: 2px solid #e4e0db;
      text-align: right; }
.order-details .order-total-no-savings {
    border-top: 1px solid #e4e0db;
    padding: 20px 0px; }
.order-details .order-total-no-savings div {
      text-align: center; }
.address-radio-btn {
  position: relative; }
@media (max-width: 440px) {
    .address-radio-btn {
      border-bottom: 1px solid #f5f3f0; } }
.address-radio-btn input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
.address-radio-btn .address-info {
    float: left;
    padding: 0.5rem 2rem; }
.address-radio-btn .address-info div {
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      font-weight: normal;
      font-style: normal; }
@media (max-width: 640px) {
        .address-radio-btn .address-info div {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
.address-radio-btn .address-info div:first-of-type {
        color: #231f1a;
        font-family: "Larsseit", sans-serif;
        font-size: 1rem;
        line-height: 1.625rem;
        letter-spacing: 0.0375rem;
        font-weight: normal;
        font-style: normal; }
@media (max-width: 640px) {
          .address-radio-btn .address-info div:first-of-type {
            font-size: 0.875rem;
            line-height: 1.5rem;
            letter-spacing: 0.03125rem; } }
.expired-session-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .expired-session-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.expired-session-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .expired-session-modal .close-icon {
        top: 10px;
        right: 10px; } }
@media (min-width: 441px) {
    .expired-session-modal {
      top: 10%; } }
.expired-session-modal .checkout-cart {
    display: block;
    width: 40%;
    margin-top: 1.25rem; }
.expired-session-modal .checkout-cart:focus, .expired-session-modal .checkout-cart:hover {
      color: #fff; }
@media (min-width: 441px) and (max-width: 640px) {
      .expired-session-modal .checkout-cart {
        width: auto; } }
@media (max-width: 640px) {
      .expired-session-modal .checkout-cart {
        height: 42px;
        padding: auto;
        line-height: .5rem; } }
.empty-cart-modal {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  z-index: 100;
  text-align: left;
  border: none;
  border-radius: 3px;
  top: 15%;
  right: 0;
  bottom: auto;
  left: 0;
  position: absolute;
  padding: 1.5rem;
  background-color: #fff;
  outline: none;
  width: 21.75rem;
  max-width: 100%; }
@media (max-width: 440px) {
    .empty-cart-modal {
      min-height: 100%;
      width: 100%;
      top: 0;
      padding: 24px 0.625rem;
      margin-bottom: 0;
      border-radius: 0; } }
.empty-cart-modal .close-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #706c68; }
@media (max-width: 440px) {
      .empty-cart-modal .close-icon {
        top: 10px;
        right: 10px; } }
.empty-cart-modal h2 {
    margin-top: 0;
    margin-bottom: 8px; }
.empty-cart-modal .cta-holder {
    margin-top: 16px; }
.empty-cart-modal .cta-holder .cta {
      display: inline-block;
      margin-right: 8px; }
.empty-cart-modal .cta-holder .go-cart:hover, .empty-cart-modal .cta-holder .go-cart:focus {
      color: #fff; }
.empty-cart-modal .cta-holder .go-catalog {
      background-color: #fff;
      color: #231f1a;
      border: 1px solid #706c68;
      padding-left: 16px;
      padding-right: 16px; }
@media (max-width: 640px) {
  .prop-65-warning {
    width: 67.5%;
    padding: 0 0.5rem;
    margin: 0 auto; } }
@media (max-width: 440px) {
  .prop-65-warning {
    width: 100%;
    padding: 0 1rem; } }
.prop-65-warning h5 {
  font-size: 1.125rem;
  font-family: "Larsseit-Bold", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 1rem 0 0; }
.prop-65-warning p {
  margin: 0; }
.sub-switch-container {
  background: #fff; }
@media (max-width: 640px) {
    .sub-switch-container {
      display: none; } }
.subscription-switch {
  background: #f5f3f0;
  border: 1px dashed #b7b4b0;
  margin: 1rem;
  padding: 1rem; }
.subscription-switch .rc-switch {
    background: #fff;
    border: 1px solid #777;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 1rem;
    display: inline-block;
    position: relative;
    height: 1.125rem;
    width: 1.125rem;
    text-align: center;
    vertical-align: middle; }
.subscription-switch .rc-switch.rc-switch-checked .rc-switch-inner::after {
      content: '\2713';
      color: #231f1a; }
.subscription-switch .sub-switcher-item-name-text {
    position: relative;
    top: -0.375rem; }
.subscription-switch .breadcrumbs {
    color: #706c68; }
.subscription-switch .sub-desc {
    max-width: none;
    font-size: 0.875rem;
    padding-left: 2.125rem;
    float: left; }
.subscription-switch .sub-desc .link {
      font-size: 0.875rem; }
.subscription-switch .sub-desc .sub-desc-details {
      font-size: 1rem;
      line-height: 1.625rem;
      letter-spacing: 0.0375rem;
      font-family: "Larsseit", sans-serif;
      color: #706c68;
      font-weight: normal;
      font-style: normal;
      margin: 0.25rem 0; }
@media (max-width: 640px) {
        .subscription-switch .sub-desc .sub-desc-details {
          font-size: 0.875rem;
          line-height: 1.5rem;
          letter-spacing: 0.03125rem; } }
.subscription-switch .sub-desc .sub-desc-details .sub-desc-checkmark {
        color: #ef5e12;
        margin-right: 0.75rem; }
.subscription-switch.toggle-ui-none .sub-desc {
    width: 100%;
    text-align: center;
    max-width: 100%; }
.sub-switch-container.in-summary {
  display: none; }
@media (max-width: 640px) {
    .sub-switch-container.in-summary {
      display: block; } }
.sub-switch-container.in-summary .sub-switcher-total-item .columns:last-child {
    text-align: right; }
.sub-switcher-total-item.strike-through .item-price {
  text-decoration: line-through; }
.price-summary .subscription-switch {
  margin: 0.5rem 0;
  padding: 1rem 1rem; }
.sub2save-learn-more-modal {
  width: 30.75rem; }
@media (min-width: 441px) {
    .sub2save-learn-more-modal {
      top: 10%; } }
.sub2save-learn-more-modal h4 {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    font-family: "Larsseit-Bold", sans-serif;
    margin-bottom: 0; }
@media (max-width: 640px) {
      .sub2save-learn-more-modal h4 {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.sub2save-learn-more-modal p {
    color: #231f1a;
    font-family: "Larsseit", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.0375rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 0; }
@media (max-width: 640px) {
      .sub2save-learn-more-modal p {
        font-size: 0.875rem;
        line-height: 1.5rem;
        letter-spacing: 0.03125rem; } }
.sub2save-selection-modal {
  text-align: center;
  width: 30.75rem; }
@media (min-width: 441px) {
    .sub2save-selection-modal {
      max-width: 95%; } }
.sub2save-selection-modal .sub-prices {
    background: #f5f3f0;
    margin: 1rem;
    padding: 0.5rem 1rem; }
.sub2save-selection-modal .sub-prices .new-total {
      font-size: 1.625rem; }
.sub2save-selection-modal .sub-prices .row {
      padding: 1rem 0; }
.sub2save-selection-modal .sub-prices .row .columns.small-9 {
        text-align: left; }
.sub2save-selection-modal .sub-prices .row .columns.small-3 {
        text-align: right; }
.sub2save-selection-modal .sub-prices .member-discount::after {
      background: #c0bcbc;
      content: '';
      display: block;
      height: 1px;
      position: relative;
      top: 1rem; }
.sub2save-selection-modal .sub-details {
    margin: 1rem auto 0.5rem; }
@media (min-width: 441px) {
      .sub2save-selection-modal .sub-details {
        width: 80%; } }
.sub2save-selection-modal .ship-date {
    font-size: 0.875rem;
    margin: 0.5rem auto 1.5rem; }
.sub2save-selection-modal .sub2save-selection-modal-cta {
    cursor: pointer;
    display: block;
    max-width: 18.75rem;
    margin: 1rem auto; }
.sub2save-selection-modal .sub2save-selection-modal-close {
    color: #ef5e12;
    cursor: pointer;
    font-size: 1rem; }
.yay-img {
  width: 8.625rem;
  height: 5.4375rem;
  background-image: url(/assets/img/yay@2x-02c848d4a9e5e51458d1c0194dc35072.png);
  display: inline-block;
  background-size: contain;
  margin-bottom: 2.5rem; }
.oops-img {
  width: 8.625rem;
  height: 5.4375rem;
  background-image: url(/assets/img/oops@2x-65f8e6031fe2971d9e078b8c2ce88883.png);
  display: inline-block;
  background-size: contain;
  margin-bottom: 2.5rem; }
.radiance-container {
  max-width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-image: url(/assets/img/chat-bot-bg-2x-f545d30a51db410d080c901a54d14c7a.jpg);
  padding-top: 4%; }
@media (min-width: 641px) {
    .radiance-container {
      background-size: 100%; } }
@media (max-width: 640px) {
    .radiance-container {
      background-position: center;
      padding-top: 13%; } }
@media (max-width: 440px) {
    .radiance-container {
      padding-top: 18%; } }
.radiance-container .radiance-primary-text {
    text-align: center;
    margin: 0 auto;
    color: #231f1a;
    font-family: "Larsseit-Bold", sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1.5rem; }
@media (min-width: 641px) {
      .radiance-container .radiance-primary-text {
        width: 46%; } }
.radiance-container .radiance-button {
    text-align: center;
    margin: 0.625rem auto;
    width: 25%; }
.radiance-modal {
  width: 600px;
  height: 400px;
  padding: 0; }
@media (max-width: 440px) {
    .radiance-modal {
      background-color: black;
      top: 4.375rem; } }
.radiance-modal .radiance-modal-container {
    height: 100%;
    background-repeat: no-repeat;
    padding-top: 6.25rem; }
.radiance-modal .radiance-modal-container .thank-you {
      text-align: center;
      color: #4774b5;
      font-size: 1.25rem;
      letter-spacing: 0.0625rem; }
.radiance-modal .radiance-modal-container .first-text {
      text-align: center;
      font-size: 2.25rem;
      font-family: "Larsseit-Bold", sans-serif; }
@media (max-width: 440px) {
        .radiance-modal .radiance-modal-container .first-text {
          font-size: 1.75rem; } }
@media (min-width: 441px) {
      .radiance-modal .radiance-modal-container {
        background-image: url(/assets/img/chat-bot-modal-bg-2x-0173b2cf088eba0264b7f89467382d3f.jpg); } }
@media (max-width: 440px) {
      .radiance-modal .radiance-modal-container {
        background-image: url(/assets/img/chat-bot-mobile-modal-bg-3x-9b37d5368938ef38716afb6ca25f59e8.jpg); } }
.radiance-modal .radiance-modal-container .radiance-container {
      background-image: none;
      padding-top: 3%; }
.radiance-modal .radiance-modal-container .radiance-container .radiance-primary-text {
        width: 60%;
        font-family: "Larsseit", sans-serif;
        line-height: 1.56; }
@media (max-width: 440px) {
          .radiance-modal .radiance-modal-container .radiance-container .radiance-primary-text {
            font-size: 1rem;
            width: 70%; } }
.cbd-landing .banner-container {
  width: 100%;
  margin-bottom: 60px; }
.cbd-landing .banner-container .banner {
    background-image: url(/assets/img/banner-large-5842ab528a377f0ac2c72756b26b9470.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 400px; }
@media (min-width: 1281px) {
      .cbd-landing .banner-container .banner {
        background-size: contain;
        background-position: right;
        background-color: #f4fafa; } }
@media (max-width: 640px) {
      .cbd-landing .banner-container .banner {
        background-image: url(/assets/img/banner-medium-f9bd8feb177460f0e5d6a2c729836713.jpg);
        background-position: center; } }
.cbd-landing .banner-container .banner .content-container {
      max-width: 1400px;
      width: 100%;
      margin: auto; }
.cbd-landing .banner-container .banner .content-container .content {
        max-width: 420px;
        margin: 0px 60px; }
@media (min-width: 1281px) {
          .cbd-landing .banner-container .banner .content-container .content {
            padding: 20px 0px; } }
@media (max-width: 640px) {
          .cbd-landing .banner-container .banner .content-container .content {
            margin: -40px auto 0px;
            text-align: center;
            max-width: 360px;
            padding: 5px; } }
@media (max-width: 440px) {
          .cbd-landing .banner-container .banner .content-container .content {
            margin: -50px auto 0px;
            text-align: center;
            max-width: 360px; } }
.cbd-landing .banner-container .banner .content-container .content .subtitle {
          margin-bottom: 30px; }
@media (max-width: 640px) {
            .cbd-landing .banner-container .banner .content-container .content .subtitle {
              margin: -10px auto 15px; } }
.cbd-landing .banner-container .banner .content-container .content .button-container .button {
          padding: 0px 40px; }
.cbd-landing .dek-section-container .dek-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
.cbd-landing .dek-section-container .dek-section .title {
    display: inline-block; }
.cbd-landing .wellness-section-container .wellness-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .cbd-landing .wellness-section-container .wellness-section {
      flex-direction: column-reverse; } }
@media (max-width: 640px) {
    .cbd-landing .wellness-section-container .wellness-section {
      padding: 0px 20px; } }
.cbd-landing .wellness-section-container .wellness-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .cbd-landing .wellness-section-container .wellness-section .image-container {
        margin-right: 0px; } }
.cbd-landing .wellness-section-container .wellness-section .image-container .image {
      width: 100%; }
.cbd-landing .wellness-section-container .wellness-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .cbd-landing .wellness-section-container .wellness-section .content {
        margin-bottom: 40px; } }
.cbd-landing .wellness-section-container .wellness-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.cbd-landing .wellness-section-container .wellness-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.cbd-landing .wellness-section-container .wellness-section .content .footer .footer-link {
      font-weight: bold; }
.cbd-landing .science-section-container .science-section, .cbd-landing .science-section-container .ingredients-section, .cbd-landing .ingredients-section-container .science-section, .cbd-landing .ingredients-section-container .ingredients-section {
  max-width: 1400px;
  margin: 0px auto 120px;
  display: flex;
  flex-direction: row-reverse;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .cbd-landing .science-section-container .science-section, .cbd-landing .science-section-container .ingredients-section, .cbd-landing .ingredients-section-container .science-section, .cbd-landing .ingredients-section-container .ingredients-section {
      flex-direction: column;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .cbd-landing .science-section-container .science-section, .cbd-landing .science-section-container .ingredients-section, .cbd-landing .ingredients-section-container .science-section, .cbd-landing .ingredients-section-container .ingredients-section {
      padding: 0px 20px; } }
.cbd-landing .science-section-container .science-section .image-container, .cbd-landing .science-section-container .ingredients-section .image-container, .cbd-landing .ingredients-section-container .science-section .image-container, .cbd-landing .ingredients-section-container .ingredients-section .image-container {
    flex: 1;
    margin-left: 40px; }
@media (max-width: 840px) {
      .cbd-landing .science-section-container .science-section .image-container, .cbd-landing .science-section-container .ingredients-section .image-container, .cbd-landing .ingredients-section-container .science-section .image-container, .cbd-landing .ingredients-section-container .ingredients-section .image-container {
        margin-left: 0px;
        margin-bottom: 40px; } }
.cbd-landing .science-section-container .science-section .image-container .image, .cbd-landing .science-section-container .ingredients-section .image-container .image, .cbd-landing .ingredients-section-container .science-section .image-container .image, .cbd-landing .ingredients-section-container .ingredients-section .image-container .image {
      width: 100%; }
.cbd-landing .science-section-container .science-section .content, .cbd-landing .science-section-container .ingredients-section .content, .cbd-landing .ingredients-section-container .science-section .content, .cbd-landing .ingredients-section-container .ingredients-section .content {
    flex: 1; }
.cbd-landing .science-section-container .science-section .content .title, .cbd-landing .science-section-container .ingredients-section .content .title, .cbd-landing .ingredients-section-container .science-section .content .title, .cbd-landing .ingredients-section-container .ingredients-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.cbd-landing .science-section-container .science-section .content .paragraphs-container .paragraph, .cbd-landing .science-section-container .ingredients-section .content .paragraphs-container .paragraph, .cbd-landing .ingredients-section-container .science-section .content .paragraphs-container .paragraph, .cbd-landing .ingredients-section-container .ingredients-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.cbd-landing .science-section-container .science-section .content .footer .footer-link, .cbd-landing .science-section-container .ingredients-section .content .footer .footer-link, .cbd-landing .ingredients-section-container .science-section .content .footer .footer-link, .cbd-landing .ingredients-section-container .ingredients-section .content .footer .footer-link {
      font-weight: bold; }
.cbd-landing .quality-section-container .quality-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .cbd-landing .quality-section-container .quality-section {
      flex-direction: column;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .cbd-landing .quality-section-container .quality-section {
      padding: 0px 20px; } }
.cbd-landing .quality-section-container .quality-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .cbd-landing .quality-section-container .quality-section .image-container {
        margin-right: 0px;
        margin-bottom: 40px; } }
.cbd-landing .quality-section-container .quality-section .image-container .image {
      width: 100%; }
.cbd-landing .quality-section-container .quality-section .content {
    flex: 1; }
.cbd-landing .quality-section-container .quality-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.cbd-landing .quality-section-container .quality-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.cbd-landing .quality-section-container .quality-section .content .footer .footer-link {
      font-weight: bold; }
.cbd-landing .products-section-container .products-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
@media (max-width: 640px) {
    .cbd-landing .products-section-container .products-section {
      padding: 0px 20px; } }
.cbd-landing .products-section-container .products-section .header-container {
    text-align: center;
    margin-bottom: 20px; }
.cbd-landing .products-section-container .products-section .row-container .row-container-inner {
    width: 99%;
    margin: auto; }
.cbd-landing .products-section-container .products-section .row-container .row-container-inner .featured-category {
      border: none;
      margin-top: 0px;
      padding-top: 0px; }
.cbd-landing .products-section-container .products-section .row-container .row-container-inner .featured-category .featured-category-name {
        display: none; }
.cbd-landing .faqs-section-container {
  background-color: #faf8f5; }
.cbd-landing .faqs-section-container .faqs-section {
    max-width: 1400px;
    margin: 0px auto 0px;
    padding: 60px 60px; }
@media (max-width: 640px) {
      .cbd-landing .faqs-section-container .faqs-section {
        padding: 20px 20px 40px; } }
.cbd-landing .faqs-section-container .faqs-section .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.cbd-landing .faqs-section-container .faqs-section .faqs-container {
      margin-bottom: 40px; }
.cbd-landing .faqs-section-container .faqs-section .faqs-container .faq-container {
        margin-bottom: 30px; }
.cbd-landing .faqs-section-container .faqs-section .faqs-container .faq-container .faq-title {
          margin-bottom: 5px;
          text-transform: none;
          font-size: 90%; }
.cbd-landing .faqs-section-container .faqs-section .faqs-container .faq-container .faq-text {
          font-size: 90%; }
.cbd-landing .faqs-section-container .faqs-section .footer .help-text {
      font-size: 90%;
      font-weight: bold; }
.cbd-landing .social-section-container {
  width: 100%; }
.cbd-landing .social-section-container .social-section {
    max-width: 600px;
    margin: 0px auto;
    padding: 30px 30px; }
.cbd-landing .social-section-container .social-section .title {
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 10px; }
.cbd-landing .social-section-container .social-section .social-links-container {
      display: flex;
      justify-content: center; }
.cbd-landing .social-section-container .social-section .social-links-container .social-link-container {
        padding: 10px; }
.chameleon-landing .banner-container {
  width: 100%;
  margin-bottom: 60px; }
.chameleon-landing .banner-container .banner {
    background-image: url(/assets/img/chameleon-hero-desktop-ed00b4e78b7c03fcc97b5b24002190b3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 400px; }
@media (min-width: 1281px) {
      .chameleon-landing .banner-container .banner {
        background-size: cover;
        background-position: center;
        background-color: #f4fafa; } }
@media (max-width: 640px) {
      .chameleon-landing .banner-container .banner {
        background-image: url(/assets/img/chameleon-hero-mobile-57d3570afa84e3bfd7bc4dc1f9eee264.jpg);
        background-position: center; } }
.chameleon-landing .banner-container .banner .content-container {
      max-width: 1400px;
      width: 100%;
      margin: auto; }
.chameleon-landing .banner-container .banner .content-container .content {
        max-width: 420px;
        margin: 0px 60px; }
@media (min-width: 1281px) {
          .chameleon-landing .banner-container .banner .content-container .content {
            padding: 20px 0px; } }
@media (max-width: 640px) {
          .chameleon-landing .banner-container .banner .content-container .content {
            margin: -130px auto 0px;
            text-align: center;
            max-width: 360px;
            padding: 5px; } }
@media (max-width: 440px) {
          .chameleon-landing .banner-container .banner .content-container .content {
            margin: -130px auto 0px;
            text-align: center;
            max-width: 360px; } }
.chameleon-landing .banner-container .banner .content-container .content .subtitle {
          margin-bottom: 30px; }
@media (max-width: 640px) {
            .chameleon-landing .banner-container .banner .content-container .content .subtitle {
              margin: -10px auto 15px; } }
.chameleon-landing .banner-container .banner .content-container .content .button-container .button {
          padding: 0px 40px; }
.chameleon-landing .dek-section-container .dek-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
.chameleon-landing .dek-section-container .dek-section .title {
    display: inline-block; }
.chameleon-landing .wellness-section-container .wellness-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .chameleon-landing .wellness-section-container .wellness-section {
      flex-direction: column-reverse; } }
@media (max-width: 640px) {
    .chameleon-landing .wellness-section-container .wellness-section {
      padding: 0px 20px; } }
.chameleon-landing .wellness-section-container .wellness-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .chameleon-landing .wellness-section-container .wellness-section .image-container {
        margin-right: 0px; } }
.chameleon-landing .wellness-section-container .wellness-section .image-container .image {
      width: 100%; }
.chameleon-landing .wellness-section-container .wellness-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .chameleon-landing .wellness-section-container .wellness-section .content {
        margin-bottom: 40px; } }
.chameleon-landing .wellness-section-container .wellness-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.chameleon-landing .wellness-section-container .wellness-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.chameleon-landing .wellness-section-container .wellness-section .content .footer .footer-link {
      font-weight: bold; }
.chameleon-landing .science-section-container .science-section, .chameleon-landing .science-section-container .ingredients-section, .chameleon-landing .ingredients-section-container .science-section, .chameleon-landing .ingredients-section-container .ingredients-section {
  max-width: 1400px;
  margin: 0px auto 120px;
  display: flex;
  flex-direction: row-reverse;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .chameleon-landing .science-section-container .science-section, .chameleon-landing .science-section-container .ingredients-section, .chameleon-landing .ingredients-section-container .science-section, .chameleon-landing .ingredients-section-container .ingredients-section {
      flex-direction: column;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .chameleon-landing .science-section-container .science-section, .chameleon-landing .science-section-container .ingredients-section, .chameleon-landing .ingredients-section-container .science-section, .chameleon-landing .ingredients-section-container .ingredients-section {
      padding: 0px 20px; } }
.chameleon-landing .science-section-container .science-section .image-container, .chameleon-landing .science-section-container .ingredients-section .image-container, .chameleon-landing .ingredients-section-container .science-section .image-container, .chameleon-landing .ingredients-section-container .ingredients-section .image-container {
    flex: 1;
    margin-left: 40px; }
@media (max-width: 840px) {
      .chameleon-landing .science-section-container .science-section .image-container, .chameleon-landing .science-section-container .ingredients-section .image-container, .chameleon-landing .ingredients-section-container .science-section .image-container, .chameleon-landing .ingredients-section-container .ingredients-section .image-container {
        margin-left: 0px;
        margin-bottom: 40px; } }
.chameleon-landing .science-section-container .science-section .image-container .image, .chameleon-landing .science-section-container .ingredients-section .image-container .image, .chameleon-landing .ingredients-section-container .science-section .image-container .image, .chameleon-landing .ingredients-section-container .ingredients-section .image-container .image {
      width: 100%; }
.chameleon-landing .science-section-container .science-section .content, .chameleon-landing .science-section-container .ingredients-section .content, .chameleon-landing .ingredients-section-container .science-section .content, .chameleon-landing .ingredients-section-container .ingredients-section .content {
    flex: 1; }
.chameleon-landing .science-section-container .science-section .content .title, .chameleon-landing .science-section-container .ingredients-section .content .title, .chameleon-landing .ingredients-section-container .science-section .content .title, .chameleon-landing .ingredients-section-container .ingredients-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.chameleon-landing .science-section-container .science-section .content .paragraphs-container .paragraph, .chameleon-landing .science-section-container .ingredients-section .content .paragraphs-container .paragraph, .chameleon-landing .ingredients-section-container .science-section .content .paragraphs-container .paragraph, .chameleon-landing .ingredients-section-container .ingredients-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.chameleon-landing .science-section-container .science-section .content .footer .footer-link, .chameleon-landing .science-section-container .ingredients-section .content .footer .footer-link, .chameleon-landing .ingredients-section-container .science-section .content .footer .footer-link, .chameleon-landing .ingredients-section-container .ingredients-section .content .footer .footer-link {
      font-weight: bold; }
.chameleon-landing .quality-section-container .quality-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .chameleon-landing .quality-section-container .quality-section {
      flex-direction: column;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .chameleon-landing .quality-section-container .quality-section {
      padding: 0px 20px; } }
.chameleon-landing .quality-section-container .quality-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .chameleon-landing .quality-section-container .quality-section .image-container {
        margin-right: 0px;
        margin-bottom: 40px; } }
.chameleon-landing .quality-section-container .quality-section .image-container .image {
      width: 100%; }
.chameleon-landing .quality-section-container .quality-section .content {
    flex: 1; }
.chameleon-landing .quality-section-container .quality-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.chameleon-landing .quality-section-container .quality-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.chameleon-landing .quality-section-container .quality-section .content .footer .footer-link {
      font-weight: bold; }
.chameleon-landing .products-section-container .products-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
@media (max-width: 640px) {
    .chameleon-landing .products-section-container .products-section {
      padding: 0px 20px; } }
.chameleon-landing .products-section-container .products-section .header-container {
    text-align: center;
    margin-bottom: 20px; }
.chameleon-landing .products-section-container .products-section .row-container .row-container-inner {
    width: 99%;
    margin: auto; }
.chameleon-landing .products-section-container .products-section .row-container .row-container-inner .featured-category {
      border: none;
      margin-top: 0px;
      padding-top: 0px; }
.chameleon-landing .products-section-container .products-section .row-container .row-container-inner .featured-category .featured-category-name {
        display: none; }
.chameleon-landing .faqs-section-container {
  background-color: #faf8f5; }
.chameleon-landing .faqs-section-container .faqs-section {
    max-width: 1400px;
    margin: 0px auto 0px;
    padding: 60px 60px; }
@media (max-width: 640px) {
      .chameleon-landing .faqs-section-container .faqs-section {
        padding: 20px 20px 40px; } }
.chameleon-landing .faqs-section-container .faqs-section .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.chameleon-landing .faqs-section-container .faqs-section .faqs-container {
      margin-bottom: 40px; }
.chameleon-landing .faqs-section-container .faqs-section .faqs-container .faq-container {
        margin-bottom: 30px; }
.chameleon-landing .faqs-section-container .faqs-section .faqs-container .faq-container .faq-title {
          margin-bottom: 5px;
          text-transform: none;
          font-size: 90%; }
.chameleon-landing .faqs-section-container .faqs-section .faqs-container .faq-container .faq-text {
          font-size: 90%; }
.chameleon-landing .faqs-section-container .faqs-section .footer .help-text {
      font-size: 90%;
      font-weight: bold; }
.chameleon-landing .social-section-container {
  width: 100%; }
.chameleon-landing .social-section-container .social-section {
    max-width: 600px;
    margin: 0px auto;
    padding: 30px 30px; }
.chameleon-landing .social-section-container .social-section .title {
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 10px; }
.chameleon-landing .social-section-container .social-section .social-links-container {
      display: flex;
      justify-content: center; }
.chameleon-landing .social-section-container .social-section .social-links-container .social-link-container {
        padding: 10px; }
.protein-bars-landing .banner-container {
  width: 100%;
  margin-bottom: 60px; }
.protein-bars-landing .banner-container .banner {
    background-image: url(/assets/img/hero-desktop-c274695cab750ccbd2008b32dfbba703.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 400px; }
@media (min-width: 1281px) {
      .protein-bars-landing .banner-container .banner {
        background-size: cover;
        background-position: center;
        background-color: #f4fafa; } }
@media (max-width: 640px) {
      .protein-bars-landing .banner-container .banner {
        background-image: url(/assets/img/hero-mobile-98c59f50526e249c16f14f6fcf715b74.jpg);
        background-position: center; } }
.protein-bars-landing .banner-container .banner .content-container {
      max-width: 1400px;
      width: 100%;
      margin: auto; }
.protein-bars-landing .banner-container .banner .content-container .content {
        max-width: 420px;
        margin: 0px 60px; }
@media (min-width: 1281px) {
          .protein-bars-landing .banner-container .banner .content-container .content {
            padding: 20px 0px; } }
@media (max-width: 640px) {
          .protein-bars-landing .banner-container .banner .content-container .content {
            margin: -150px auto 0px;
            text-align: center;
            max-width: 360px;
            padding: 5px; } }
@media (max-width: 440px) {
          .protein-bars-landing .banner-container .banner .content-container .content {
            margin: -150px auto 0px;
            text-align: center;
            max-width: 360px; } }
.protein-bars-landing .banner-container .banner .content-container .content .subtitle {
          margin-bottom: 30px; }
@media (max-width: 640px) {
            .protein-bars-landing .banner-container .banner .content-container .content .subtitle {
              margin: -10px auto 15px; } }
.protein-bars-landing .banner-container .banner .content-container .content .button-container .button {
          padding: 0px 40px; }
.protein-bars-landing .intro-section-container .intro-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  flex-direction: row-reverse;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .protein-bars-landing .intro-section-container .intro-section {
      flex-direction: column-reverse; } }
@media (max-width: 640px) {
    .protein-bars-landing .intro-section-container .intro-section {
      padding: 0px 20px; } }
.protein-bars-landing .intro-section-container .intro-section .image-container {
    flex: 1;
    margin-left: 40px; }
@media (max-width: 840px) {
      .protein-bars-landing .intro-section-container .intro-section .image-container {
        margin-left: 0px; } }
.protein-bars-landing .intro-section-container .intro-section .image-container .image {
      width: 100%; }
.protein-bars-landing .intro-section-container .intro-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .protein-bars-landing .intro-section-container .intro-section .content {
        margin-bottom: 40px; } }
.protein-bars-landing .intro-section-container .intro-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.protein-bars-landing .intro-section-container .intro-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.protein-bars-landing .intro-section-container .intro-section .content .footer .footer-link {
      font-weight: bold; }
.protein-bars-landing .story-section-container .story-section, .protein-bars-landing .story-section-container .ingredients-section, .protein-bars-landing .ingredients-section-container .story-section, .protein-bars-landing .ingredients-section-container .ingredients-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .protein-bars-landing .story-section-container .story-section, .protein-bars-landing .story-section-container .ingredients-section, .protein-bars-landing .ingredients-section-container .story-section, .protein-bars-landing .ingredients-section-container .ingredients-section {
      flex-direction: column-reverse;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .protein-bars-landing .story-section-container .story-section, .protein-bars-landing .story-section-container .ingredients-section, .protein-bars-landing .ingredients-section-container .story-section, .protein-bars-landing .ingredients-section-container .ingredients-section {
      padding: 0px 20px; } }
.protein-bars-landing .story-section-container .story-section .image-container, .protein-bars-landing .story-section-container .ingredients-section .image-container, .protein-bars-landing .ingredients-section-container .story-section .image-container, .protein-bars-landing .ingredients-section-container .ingredients-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .protein-bars-landing .story-section-container .story-section .image-container, .protein-bars-landing .story-section-container .ingredients-section .image-container, .protein-bars-landing .ingredients-section-container .story-section .image-container, .protein-bars-landing .ingredients-section-container .ingredients-section .image-container {
        margin-right: 0px;
        margin-bottom: 40px; } }
.protein-bars-landing .story-section-container .story-section .image-container .image, .protein-bars-landing .story-section-container .ingredients-section .image-container .image, .protein-bars-landing .ingredients-section-container .story-section .image-container .image, .protein-bars-landing .ingredients-section-container .ingredients-section .image-container .image {
      width: 100%; }
.protein-bars-landing .story-section-container .story-section .content, .protein-bars-landing .story-section-container .ingredients-section .content, .protein-bars-landing .ingredients-section-container .story-section .content, .protein-bars-landing .ingredients-section-container .ingredients-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .protein-bars-landing .story-section-container .story-section .content, .protein-bars-landing .story-section-container .ingredients-section .content, .protein-bars-landing .ingredients-section-container .story-section .content, .protein-bars-landing .ingredients-section-container .ingredients-section .content {
        margin-bottom: 40px; } }
.protein-bars-landing .story-section-container .story-section .content .title, .protein-bars-landing .story-section-container .ingredients-section .content .title, .protein-bars-landing .ingredients-section-container .story-section .content .title, .protein-bars-landing .ingredients-section-container .ingredients-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.protein-bars-landing .story-section-container .story-section .content .paragraphs-container .paragraph, .protein-bars-landing .story-section-container .ingredients-section .content .paragraphs-container .paragraph, .protein-bars-landing .ingredients-section-container .story-section .content .paragraphs-container .paragraph, .protein-bars-landing .ingredients-section-container .ingredients-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.protein-bars-landing .story-section-container .story-section .content .footer .footer-link, .protein-bars-landing .story-section-container .ingredients-section .content .footer .footer-link, .protein-bars-landing .ingredients-section-container .story-section .content .footer .footer-link, .protein-bars-landing .ingredients-section-container .ingredients-section .content .footer .footer-link {
      font-weight: bold; }
.protein-bars-landing .products-section-container .products-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
@media (max-width: 640px) {
    .protein-bars-landing .products-section-container .products-section {
      padding: 0px 20px; } }
.protein-bars-landing .products-section-container .products-section .header-container {
    text-align: center;
    margin-bottom: 20px; }
.protein-bars-landing .products-section-container .products-section .row-container .row-container-inner {
    width: 99%;
    margin: auto; }
.protein-bars-landing .products-section-container .products-section .row-container .row-container-inner .featured-category {
      border: none;
      margin-top: 0px;
      padding-top: 0px; }
.protein-bars-landing .products-section-container .products-section .row-container .row-container-inner .featured-category .featured-category-name {
        display: none; }
.protein-bars-landing .social-section-container {
  width: 100%; }
.protein-bars-landing .social-section-container .social-section {
    max-width: 600px;
    margin: 0px auto;
    padding: 30px 30px; }
.protein-bars-landing .social-section-container .social-section .title {
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 10px; }
.protein-bars-landing .social-section-container .social-section .social-links-container {
      display: flex;
      justify-content: center; }
.protein-bars-landing .social-section-container .social-section .social-links-container .social-link-container {
        padding: 10px; }
.elderberry-landing .banner-container {
  width: 100%;
  margin-bottom: 60px; }
.elderberry-landing .banner-container .banner {
    background-image: url(/assets/img/elderberry-hero-lg-4fc5e7cdd387dd3bb45cfed625db4606.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    min-height: 400px; }
@media (min-width: 1281px) {
      .elderberry-landing .banner-container .banner {
        background-size: cover;
        background-position: center;
        background-color: #f4fafa; } }
@media (max-width: 640px) {
      .elderberry-landing .banner-container .banner {
        background-image: url(/assets/img/elderberry-hero-sm-67de2955744354523dcfc6d87f9b6014.jpg);
        background-position: center; } }
.elderberry-landing .banner-container .banner .content-container {
      max-width: 1400px;
      width: 100%;
      margin: auto; }
.elderberry-landing .banner-container .banner .content-container .content {
        max-width: 420px;
        margin: 0px 60px; }
@media (min-width: 1281px) {
          .elderberry-landing .banner-container .banner .content-container .content {
            padding: 20px 0px; } }
@media (max-width: 640px) {
          .elderberry-landing .banner-container .banner .content-container .content {
            margin: -190px auto 0px;
            text-align: center;
            max-width: 360px;
            padding: 5px; } }
@media (max-width: 440px) {
          .elderberry-landing .banner-container .banner .content-container .content {
            margin: -190px auto 0px;
            text-align: center;
            max-width: 360px; } }
.elderberry-landing .banner-container .banner .content-container .content .subtitle {
          margin-bottom: 30px; }
@media (max-width: 640px) {
            .elderberry-landing .banner-container .banner .content-container .content .subtitle {
              margin: -10px auto 15px; } }
.elderberry-landing .banner-container .banner .content-container .content .button-container .button {
          padding: 0px 40px; }
.elderberry-landing .intro-section-container .intro-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .elderberry-landing .intro-section-container .intro-section {
      flex-direction: column-reverse; } }
@media (max-width: 640px) {
    .elderberry-landing .intro-section-container .intro-section {
      padding: 0px 20px; } }
.elderberry-landing .intro-section-container .intro-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .elderberry-landing .intro-section-container .intro-section .image-container {
        margin-right: 0px; } }
.elderberry-landing .intro-section-container .intro-section .image-container .image {
      width: 100%; }
.elderberry-landing .intro-section-container .intro-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .elderberry-landing .intro-section-container .intro-section .content {
        margin-bottom: 40px; } }
.elderberry-landing .intro-section-container .intro-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.elderberry-landing .intro-section-container .intro-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.elderberry-landing .intro-section-container .intro-section .content .footer .footer-link {
      font-weight: bold; }
.elderberry-landing .story-section-container .story-bullets-section .paragraph {
  font-size: 90%;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important; }
.elderberry-landing .story-section-container .story-bullets-section a {
  font-size: 90%; }
.elderberry-landing .story-section-container .story-bullets-section ul {
  list-style: inside; }
.elderberry-landing .story-section-container .ingredients-section, .elderberry-landing .ingredients-section-container .ingredients-section {
  flex-direction: row-reverse; }
.elderberry-landing .story-section-container .ingredients-section .image-container, .elderberry-landing .ingredients-section-container .ingredients-section .image-container {
    margin-right: 0 !important;
    margin-left: 40px; }
@media (max-width: 840px) {
      .elderberry-landing .story-section-container .ingredients-section .image-container, .elderberry-landing .ingredients-section-container .ingredients-section .image-container {
        margin-left: 0px; } }
.elderberry-landing .story-section-container .story-section, .elderberry-landing .story-section-container .ingredients-section, .elderberry-landing .ingredients-section-container .story-section, .elderberry-landing .ingredients-section-container .ingredients-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  display: flex;
  padding: 0px 60px; }
@media (max-width: 840px) {
    .elderberry-landing .story-section-container .story-section, .elderberry-landing .story-section-container .ingredients-section, .elderberry-landing .ingredients-section-container .story-section, .elderberry-landing .ingredients-section-container .ingredients-section {
      flex-direction: column-reverse;
      margin-bottom: 40px; } }
@media (max-width: 640px) {
    .elderberry-landing .story-section-container .story-section, .elderberry-landing .story-section-container .ingredients-section, .elderberry-landing .ingredients-section-container .story-section, .elderberry-landing .ingredients-section-container .ingredients-section {
      padding: 0px 20px; } }
.elderberry-landing .story-section-container .story-section .image-container, .elderberry-landing .story-section-container .ingredients-section .image-container, .elderberry-landing .ingredients-section-container .story-section .image-container, .elderberry-landing .ingredients-section-container .ingredients-section .image-container {
    flex: 1;
    margin-right: 40px; }
@media (max-width: 840px) {
      .elderberry-landing .story-section-container .story-section .image-container, .elderberry-landing .story-section-container .ingredients-section .image-container, .elderberry-landing .ingredients-section-container .story-section .image-container, .elderberry-landing .ingredients-section-container .ingredients-section .image-container {
        margin-right: 0px;
        margin-bottom: 40px; } }
.elderberry-landing .story-section-container .story-section .image-container .image, .elderberry-landing .story-section-container .ingredients-section .image-container .image, .elderberry-landing .ingredients-section-container .story-section .image-container .image, .elderberry-landing .ingredients-section-container .ingredients-section .image-container .image {
      width: 100%; }
.elderberry-landing .story-section-container .story-section .content, .elderberry-landing .story-section-container .ingredients-section .content, .elderberry-landing .ingredients-section-container .story-section .content, .elderberry-landing .ingredients-section-container .ingredients-section .content {
    flex: 1; }
@media (max-width: 840px) {
      .elderberry-landing .story-section-container .story-section .content, .elderberry-landing .story-section-container .ingredients-section .content, .elderberry-landing .ingredients-section-container .story-section .content, .elderberry-landing .ingredients-section-container .ingredients-section .content {
        margin-bottom: 40px; } }
.elderberry-landing .story-section-container .story-section .content .title, .elderberry-landing .story-section-container .ingredients-section .content .title, .elderberry-landing .ingredients-section-container .story-section .content .title, .elderberry-landing .ingredients-section-container .ingredients-section .content .title {
      text-transform: uppercase;
      margin-bottom: 40px; }
.elderberry-landing .story-section-container .story-section .content .paragraphs-container .paragraph, .elderberry-landing .story-section-container .ingredients-section .content .paragraphs-container .paragraph, .elderberry-landing .ingredients-section-container .story-section .content .paragraphs-container .paragraph, .elderberry-landing .ingredients-section-container .ingredients-section .content .paragraphs-container .paragraph {
      font-size: 90%;
      margin-bottom: 30px; }
.elderberry-landing .story-section-container .story-section .content .footer .footer-link, .elderberry-landing .story-section-container .ingredients-section .content .footer .footer-link, .elderberry-landing .ingredients-section-container .story-section .content .footer .footer-link, .elderberry-landing .ingredients-section-container .ingredients-section .content .footer .footer-link {
      font-weight: bold; }
.elderberry-landing .products-section-container .products-section {
  max-width: 1400px;
  margin: 0px auto 80px;
  padding: 0px 60px; }
.elderberry-landing .products-section-container .products-section.condensed {
    max-width: 600px !important; }
@media (max-width: 640px) {
    .elderberry-landing .products-section-container .products-section {
      padding: 0px 20px; } }
.elderberry-landing .products-section-container .products-section .header-container {
    text-align: center;
    margin-bottom: 20px; }
.elderberry-landing .products-section-container .products-section .row-container .row-container-inner {
    width: 99%;
    margin: auto; }
.elderberry-landing .products-section-container .products-section .row-container .row-container-inner .featured-category {
      border: none;
      margin-top: 0px;
      padding-top: 0px; }
.elderberry-landing .products-section-container .products-section .row-container .row-container-inner .featured-category .featured-category-name {
        display: none; }
.elderberry-landing .social-section-container {
  width: 100%; }
.elderberry-landing .social-section-container .social-section {
    max-width: 600px;
    margin: 0px auto;
    padding: 30px 30px; }
.elderberry-landing .social-section-container .social-section .title {
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 10px; }
.elderberry-landing .social-section-container .social-section .social-links-container {
      display: flex;
      justify-content: center; }
.elderberry-landing .social-section-container .social-section .social-links-container .social-link-container {
        padding: 10px; }
.social-link-container .background-facebook {
  background-color: #3b5998; }
.social-link-container .background-linkedin {
  background-color: #0072b1; }
.social-link-container .background-twitter {
  background-color: #00acee; }
.social-link-container .social-link-a {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: block;
  position: relative; }
.social-link-container .social-link-a .social-link-icon {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100%; }
.social-link-container .social-link-a .social-facebook {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 17.78517901748543% 24.426775147928993%;
    width: 18px;
    height: 18px; }
.social-link-container .social-link-a .social-linkedin {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 32.689425478767696% 40.74895977808599%;
    width: 18px;
    height: 19px; }
.social-link-container .social-link-a .social-twitter {
    background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
    background-position: 84.7127393838468% 85.95064238839079%;
    width: 18px;
    height: 15px; }
.sundown .content-container {
  width: 100%; }
.sundown .promo-code-form-container .email-input-container {
  margin-top: 10px; }
.sundown .promo-code-form-container .password-input-container {
  margin-top: 10px; }
.sundown .box-option-container {
  max-width: 296px; }
@media (max-width: 640px) {
    .sundown .box-option-container {
      margin: 0 auto; } }
.sundown .box-option-container .slider-container {
    margin-bottom: 10px; }
.sundown .box-option-container .slider-container .products-slider {
      max-width: 296px; }
.sundown .box-option-container .slider-container .products-slider .slick-dots {
        bottom: -24px; }
.sundown .box-option-container .slider-container .products-slider .slick-dots li {
          margin: 0;
          vertical-align: bottom; }
.sundown .box-option-container .slider-container .products-slider button {
        padding: 0; }
.sundown .box-option-container .slider-container .products-slider .slick-prev, .sundown .box-option-container .slider-container .products-slider .slick-next {
        height: 50px;
        width: 50px; }
.sundown .box-option-container .slider-container .products-slider .slick-prev {
        left: 0; }
.sundown .box-option-container .slider-container .products-slider .slick-next {
        right: 0; }
.sundown .box-option-container .slider-container .products-slider .slick-prev::before,
      .sundown .box-option-container .slider-container .products-slider .slick-next::before {
        display: none; }
.sundown .box-option-container .slider-container .products-slider .slick-prev::before {
        content: "";
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 5.569616037830097% 4.849157875254488%;
        width: 16.4px;
        height: 28px;
        margin: 0 auto; }
.sundown .box-option-container .slider-container .products-slider .slick-next::before {
        content: "";
        background: url(/assets/svg/icon-sprite.view-d73ffeb7-e601a41a077485e32c916843c9759047.svg) no-repeat;
        background-position: 5.985880315694828% 5.626503794188414%;
        width: 16.4px;
        height: 28px;
        margin: 0 auto; }
.sundown .box-option-container .slider-container .products-slider:focus .slick-prev::before, .sundown .box-option-container .slider-container .products-slider:focus .slick-next::before, .sundown .box-option-container .slider-container .products-slider:hover .slick-prev::before, .sundown .box-option-container .slider-container .products-slider:hover .slick-next::before {
        display: block; }
.sundown .box-option-container .slider-container .products-slider .slick-prev {
        left: 1% !important;
        z-index: 1; }
.sundown .box-option-container .slider-container .products-slider .slick-next {
        right: 1% !important;
        z-index: 1; }
@media (max-width: 640px) {
        .sundown .box-option-container .slider-container .products-slider {
          width: 100%;
          text-align: center; } }
.sundown .box-option-container .content-container {
    padding-top: 25px; }
.sundown .box-option-container .content-container .title {
      text-transform: uppercase;
      font-size: 100%;
      margin-bottom: 10px; }
.sundown .box-option-container .content-container .text {
      font-size: 80%;
      color: #616161;
      margin-bottom: 20px; }
.sundown .box-option-container .content-container .button-container {
      width: 100%; }
.sundown .box-option-container .content-container .button-container .box-option-button {
        width: 100%;
        display: block; }
.sundown .step-select-box-container {
  width: 100%;
  padding: 20px 0px;
  margin-bottom: 200px; }
.sundown .step-select-box-container .content-container {
    max-width: 800px;
    margin: 0 auto; }
.sundown .step-select-box-container .content-container .form-section-container {
      max-width: 300px;
      margin: 0 auto 80px; }
.sundown .step-select-box-container .content-container .form-section-container .form-section-title {
        color: red;
        margin-bottom: 20px;
        text-align: center;
        font-style: italic; }
.sundown .step-select-box-container .content-container .form-section-container .form-container .inputs-container {
        margin-bottom: 20px; }
.sundown .step-select-box-container .content-container .form-section-container .form-container .button-container {
        margin-bottom: 20px; }
.sundown .step-select-box-container .content-container .header-container {
      text-align: center;
      margin: 0 auto 20px; }
.sundown .step-select-box-container .content-container .header-container .title {
        margin-top: -10px; }
.sundown .step-select-box-container .content-container .header-container .pre-title {
        font-size: 80%;
        color: blue; }
.sundown .step-select-box-container .content-container .options-container {
      display: flex;
      justify-content: center; }
@media (max-width: 640px) {
        .sundown .step-select-box-container .content-container .options-container {
          flex-direction: column;
          text-align: center; } }
.sundown .step-select-box-container .content-container .options-container .option-container {
        margin: 0px 25px 80px; }
@media (max-width: 840px) {
          .sundown .step-select-box-container .content-container .options-container .option-container {
            margin: 0px 10px 80px; } }
.sundown .step-enter-code-container {
  width: 100%; }
.sundown .step-enter-code-container .content-container {
    background-image: url(/assets/svg/background-9fdc4992ac6d296145b515f920c0ff16.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0px; }
@media (max-width: 640px) {
      .sundown .step-enter-code-container .content-container {
        background: #f5f3f0;
        background-image: none; } }
.sundown .step-enter-code-container .content-container .content-inner {
      max-width: 300px;
      margin: 0 auto; }
.sundown .step-enter-code-container .content-container .header-container {
      text-align: center;
      margin-bottom: 20px; }
.sundown .step-enter-code-container .content-container .header-container .logo-container {
        text-align: center; }
.sundown .step-enter-code-container .content-container .header-container .logo-container .logo {
          width: 100px;
          height: 60px; }
.sundown .step-enter-code-container .content-container .header-container .subtitle-container {
        font-size: 80%;
        margin: -10px 0px 10px; }
.sundown .step-enter-code-container .content-container .header-container .subtitle-container .text {
          margin-right: 5px; }
.sundown .step-enter-code-container .content-container .header-container .subtitle-container .link {
          color: #ef5e12; }
.sundown .step-enter-code-container .content-container .form-container .inputs-container {
      margin-bottom: 20px; }
.sundown .step-enter-code-container .content-container .form-container .button-container {
      margin-bottom: 20px; }
.checkout-upsell-modal {
  text-align: center;
  width: 30.75rem;
  border-radius: .8rem; }
@media (min-width: 441px) {
    .checkout-upsell-modal {
      max-width: 95%; } }
@media (max-width: 640px) {
    .checkout-upsell-modal {
      border-radius: 0 !important; } }
.checkout-upsell-modal .variant-0 .sub-prices {
    background: #f5f3f0;
    margin: 1rem;
    padding: 0.5rem 1rem; }
.checkout-upsell-modal .variant-0 .sub-prices .checkout-upsell-modal-subheader {
      font-size: 120%;
      font-weight: bold;
      text-align: center;
      color: #3ea28f;
      padding: 10px; }
.checkout-upsell-modal .variant-0 .sub-prices .prev-total {
      text-decoration: line-through; }
.checkout-upsell-modal .variant-0 .sub-prices .row {
      padding: 1rem 0; }
.checkout-upsell-modal .variant-0 .sub-prices .row .columns.small-9 {
        text-align: left; }
.checkout-upsell-modal .variant-0 .sub-prices .row .columns.small-3 {
        text-align: right; }
.checkout-upsell-modal .variant-0 .sub-prices .member-discount::after {
      background: #c0bcbc;
      content: '';
      display: block;
      height: 1px;
      position: relative;
      top: 1rem; }
.checkout-upsell-modal .variant-0 .sub-details {
    margin: 1rem auto 0.5rem; }
@media (min-width: 441px) {
      .checkout-upsell-modal .variant-0 .sub-details {
        width: 80%; } }
.checkout-upsell-modal .variant-0 .checkout-upsell-modal-cta {
    cursor: pointer;
    display: block;
    max-width: 18.75rem;
    margin: 1rem auto; }
.checkout-upsell-modal .variant-0 .checkout-upsell-modal-close {
    color: #ef5e12;
    cursor: pointer;
    font-size: 1rem; }
.checkout-upsell-modal .variant-1 {
    margin: 1rem;
    padding-top: .5rem; }
.checkout-upsell-modal .variant-1 .checkout-upsell-modal-title {
      color: #ef5e12;
      font-weight: bold; }
.checkout-upsell-modal .variant-1 .sub-prices {
      background: #f5f3f0;
      margin: 1rem 0 1.5rem;
      padding: 1.25rem 2rem .75rem;
      border-radius: 3px; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details {
        display: flex;
        border-bottom: solid 1px #e5dfd8;
        padding-bottom: 1rem; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details .image-container {
          margin-right: 1rem; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details .image-container img {
            width: 150px;
            box-shadow: 0 0 6px #8d8d8d; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details .details-container {
          text-align: left; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details .details-container .name {
            margin: 0 !important;
            padding: 0 !important;
            text-transform: none; }
.checkout-upsell-modal .variant-1 .sub-prices .checkout-upsell-modal-product-details .details-container .weight {
            margin: 0;
            padding: 0;
            font-size: 90%;
            font-family: "Larsseit-Light";
            line-height: 1; }
.checkout-upsell-modal .variant-1 .sub-prices .price-section-1 {
        padding: 1rem 0 1rem;
        border-bottom: solid 1px #e5dfd8; }
.checkout-upsell-modal .variant-1 .sub-prices .price-section-2 {
        padding: 1rem 0 0; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value {
        display: flex;
        justify-content: space-between;
        font-size: 1rem; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value.regular {
          font-family: "Larsseit-Light"; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value.regular .label, .checkout-upsell-modal .variant-1 .sub-prices .label-value.regular .value {
            line-height: 1; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value.accent {
          color: #45b49f;
          font-weight: bold; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value.accent .label, .checkout-upsell-modal .variant-1 .sub-prices .label-value.accent .value {
            line-height: 1; }
.checkout-upsell-modal .variant-1 .sub-prices .label-value.large {
          font-size: 1.3rem;
          font-weight: bold; }
.checkout-upsell-modal .variant-1 .checkout-upsell-modal-cta {
      cursor: pointer;
      display: block;
      margin: 0 auto .2rem;
      font-weight: bold; }
.checkout-upsell-modal .variant-1 .checkout-upsell-modal-close {
      color: #ef5e12;
      cursor: pointer;
      font-size: .9rem;
      font-family: "Larsseit-Light"; }
.landing-page {
  max-width: 1800px;
  margin: auto; }
.landing-page h1, .landing-page h2, .landing-page h3 {
    line-height: 120%; }
.landing-page .hero-container {
    width: 100%;
    margin-bottom: 80px;
    position: relative; }
.landing-page .hero-container .hero-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
.landing-page .hero-container .hero {
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      min-height: 400px; }
@media (min-width: 1281px) {
        .landing-page .hero-container .hero {
          background-position: center;
          background-color: #f4fafa; } }
@media (max-width: 640px) {
        .landing-page .hero-container .hero {
          background-position: center; } }
.landing-page .hero-container .hero .content-container {
        max-width: 1400px;
        width: 100%;
        margin: auto;
        position: relative; }
.landing-page .hero-container .hero .content-container .content {
          max-width: 420px;
          margin: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
@media (min-width: 1281px) {
            .landing-page .hero-container .hero .content-container .content {
              padding: 20px 0px; } }
@media (max-width: 640px) {
            .landing-page .hero-container .hero .content-container .content {
              text-align: center;
              max-width: 360px;
              padding: 5px; } }
@media (max-width: 440px) {
            .landing-page .hero-container .hero .content-container .content {
              text-align: center;
              max-width: 360px; } }
.landing-page .hero-container .hero .content-container .content .title {
            color: white;
            font-size: 400%;
            margin-bottom: 10px; }
@media (max-width: 640px) {
              .landing-page .hero-container .hero .content-container .content .title {
                font-size: 300%;
                margin-bottom: 20px; } }
.landing-page .hero-container .hero .content-container .content .subtitle {
            color: white;
            margin-bottom: 60px;
            font-size: 200%;
            line-height: 120%; }
@media (max-width: 640px) {
              .landing-page .hero-container .hero .content-container .content .subtitle {
                margin-bottom: 20px;
                font-size: 150%; } }
.landing-page .hero-container .hero .content-container .content .button-container .button {
            padding: 10px 40px !important;
            font-size: 100%;
            font-weight: bold;
            text-transform: uppercase; }
.landing-page .banner-container {
    width: 100%;
    margin-bottom: 80px;
    position: relative; }
.landing-page .banner-container .banner-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.6); }
.landing-page .banner-container .banner {
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      min-height: 400px;
      max-height: 600px; }
@media (min-width: 1281px) {
        .landing-page .banner-container .banner {
          background-position: center; } }
@media (max-width: 640px) {
        .landing-page .banner-container .banner {
          background-position: center; } }
.landing-page .banner-container .banner .content-container {
        max-width: 1400px;
        width: 100%;
        margin: auto;
        position: relative; }
.landing-page .banner-container .banner .content-container .content {
          max-width: 500px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
@media (min-width: 1281px) {
            .landing-page .banner-container .banner .content-container .content {
              padding: 20px 0px; } }
@media (max-width: 640px) {
            .landing-page .banner-container .banner .content-container .content {
              text-align: center;
              max-width: 360px;
              padding: 5px; } }
@media (max-width: 440px) {
            .landing-page .banner-container .banner .content-container .content {
              text-align: center;
              max-width: 360px; } }
.landing-page .banner-container .banner .content-container .content .title {
            font-size: 200%;
            text-transform: none;
            line-height: 150%; }
.landing-page .content-section-container {
    max-width: 1100px;
    margin: 0px auto 80px;
    padding: 0px 60px; }
.landing-page .list-container ul {
    list-style-position: inside; }
.landing-page .product-carousel {
    max-width: 1400px;
    margin: 0px auto 80px;
    padding: 0px 60px; }
@media (max-width: 640px) {
      .landing-page .product-carousel {
        padding: 0px 10px; } }
.landing-page .product-carousel .title {
      text-align: center;
      margin-bottom: 30px;
      font-size: 200%;
      text-transform: none; }
.landing-page .product-carousel .row-container {
      width: 100%; }
.landing-page .product-carousel .row-container .row-container-inner {
        width: 99%;
        margin: auto; }
.landing-page .product-carousel .row-container .row-container-inner .featured-category {
          border: none;
          margin-top: 0px;
          padding-top: 0px; }
.landing-page .product-carousel .row-container .row-container-inner .featured-category .featured-category-name {
            display: none; }
.membership-promotion {
  display: flex;
  justify-content: center;
  min-height: 800px; }
.membership-promotion .content {
    max-width: 620px;
    padding: 20px; }
.membership-promotion .content .title {
      text-transform: none; }
.membership-promotion .content .list-container {
      margin-bottom: 25px; }
.membership-promotion .content .list-container ul {
        list-style-position: inside; }
.membership-promotion .content .list-container ul li {
          background: url(/assets/svg/orange-checkmark-fce20a4456bc4303476be49c91792a9b.svg) no-repeat 0px 7px;
          padding-bottom: 5px;
          margin-left: 5px;
          text-align: left;
          list-style: none;
          padding-left: 28px;
          padding-right: 10px; }
.membership-promotion .content .cta-container {
      display: flex;
      justify-content: center;
      margin-bottom: 30px; }
.membership-promotion .content .cta-container .membership-promotion-cta {
        padding: 10px 40px;
        font-weight: bold; }
.membership-promotion .content .footer-container {
      padding: 30px 0; }
.membership-promotion .content .footer-container .footer-cta-container {
        display: flex;
        justify-content: center; }
.membership-promotion .content .footer-container .footer-cta-container .footer-membership-promotion-cta {
          padding: 10px 40px;
          font-weight: bold; }
.nb-nav .search-icon {
  margin: 11px .8em 0; }
@media (max-width: 640px) {
    .nb-nav .search-icon {
      width: 22px;
      height: 22px; } }
.search-modal .modal-close {
  display: none; }
.search-modal-header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center; }
.search-modal-header-container .search-button-container {
    flex-basis: 27px;
    height: 20px; }
.search-modal-header-container .close-button-container {
    flex-basis: 27px;
    height: 24px; }
.search-modal-header-container .input-container {
    flex-grow: 5;
    padding-right: 10px; }
.search-modal-header-container .input-container input {
      width: 100%;
      padding-left: 0.8rem;
      color: #706c68; }
.search-modal-content .results-container {
  padding: 0.7rem 0; }
.search-modal-content li.search-modal-result,
.search-modal-content .empty-results {
  display: flex;
  padding: 0.5rem 1rem; }


/*# sourceMappingURL=main-a612c1ac27371426d700.css.map*/