@charset "UTF-8";
/*============================================================================
  [replace with theme name] | Built with Slate
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/*================ UTILS ================*/
/*================ Mixins ================*/
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*================ SETTINGS ================*/
/*================ Color Variables ================*/
/*================ Typography Variables ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ Z-Index ================*/
/*================ SVG ================*/
/*================ COMMON ================*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 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 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and 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 */
  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; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 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"],
[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; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 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 macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*================ Slate specific reset ================*/
*,
*::before,
*::after {
  box-sizing: border-box; }

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

a:focus {
  color: inherit; }

img {
  max-width: 100%; }

/*================ Form element helpers ================*/
form {
  margin: 0; }

@media only screen and (max-width: 1024px) {
  input,
  textarea,
  select {
    font-size: 16px; } }
button,
input[type="submit"],
label[for] {
  cursor: pointer; }

optgroup {
  font-weight: 700; }

option {
  color: black;
  background-color: white; }

[tabindex='-1']:focus {
  outline: none; }

/*============================================================================
  Fast Tap
  enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
  touch-action: manipulation; }

/*================ Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix::after {
    content: '';
    display: table;
    clear: both; }

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

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

.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  .no-placeholder .label-hidden {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0; }

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

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

@media only screen and (max-width: 767px) {
  .hide--xsmall {
    display: none !important; } }

@media only screen and (max-width: 1024px) {
  .hide--small {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .hide--medium {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .hide--large {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .hide--xlarge {
    display: none !important; } }

.uppercase {
  text-transform: uppercase; }

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

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

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

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

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: black;
  background-color: white;
  padding: 15px;
  z-index: 10000;
  transition: none; }

/*============================================================================
  Grid
    - Based on CSS Wizardry grid
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }
  .grid[class*='--half-gutters'] {
    margin-left: -15px; }
    .grid[class*='--half-gutters'] > .grid__item {
      padding-left: 15px; }
  .grid[class*='--no-gutters'] {
    margin-left: auto; }
    .grid[class*='--no-gutters'] .grid__item {
      padding-left: 0; }

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%; }
  .grid__item[class*='--push'] {
    position: relative; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.33333%; }

.two-thirds {
  width: 66.66667%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.66667%; }

.two-sixths {
  width: 33.33333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.66667%; }

.five-sixths {
  width: 83.33333%; }

/* Sixths */
.one-seventh {
  width: 14.28571%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.33333%; }

.two-twelfths {
  width: 16.66667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.33333%; }

.five-twelfths {
  width: 41.66667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.33333%; }

.eight-twelfths {
  width: 66.66667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.33333%; }

.eleven-twelfths {
  width: 91.66667%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

.text-center {
  text-align: center !important; }

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 767px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.33333%; }

  .small--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%; }

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.66667%; }

  .small--two-sixths {
    width: 33.33333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.66667%; }

  .small--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .small--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%; }

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.33333%; }

  .small--two-twelfths {
    width: 16.66667%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.33333%; }

  .small--five-twelfths {
    width: 41.66667%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.33333%; }

  .small--eight-twelfths {
    width: 66.66667%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.33333%; }

  .small--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small--show {
    display: block !important; }

  .small--hide {
    display: none !important; }

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

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

  .small--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }

  /* Halves */
  .medium--one-half {
    width: 50%; }

  /* Thirds */
  .medium--one-third {
    width: 33.33333%; }

  .medium--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .medium--one-quarter {
    width: 25%; }

  .medium--two-quarters {
    width: 50%; }

  .medium--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium--one-fifth {
    width: 20%; }

  .medium--two-fifths {
    width: 40%; }

  .medium--three-fifths {
    width: 60%; }

  .medium--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium--one-sixth {
    width: 16.66667%; }

  .medium--two-sixths {
    width: 33.33333%; }

  .medium--three-sixths {
    width: 50%; }

  .medium--four-sixths {
    width: 66.66667%; }

  .medium--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .medium--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }

  .medium--two-eighths {
    width: 25%; }

  .medium--three-eighths {
    width: 37.5%; }

  .medium--four-eighths {
    width: 50%; }

  .medium--five-eighths {
    width: 62.5%; }

  .medium--six-eighths {
    width: 75%; }

  .medium--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium--one-tenth {
    width: 10%; }

  .medium--two-tenths {
    width: 20%; }

  .medium--three-tenths {
    width: 30%; }

  .medium--four-tenths {
    width: 40%; }

  .medium--five-tenths {
    width: 50%; }

  .medium--six-tenths {
    width: 60%; }

  .medium--seven-tenths {
    width: 70%; }

  .medium--eight-tenths {
    width: 80%; }

  .medium--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium--one-twelfth {
    width: 8.33333%; }

  .medium--two-twelfths {
    width: 16.66667%; }

  .medium--three-twelfths {
    width: 25%; }

  .medium--four-twelfths {
    width: 33.33333%; }

  .medium--five-twelfths {
    width: 41.66667%; }

  .medium--six-twelfths {
    width: 50%; }

  .medium--seven-twelfths {
    width: 58.33333%; }

  .medium--eight-twelfths {
    width: 66.66667%; }

  .medium--nine-twelfths {
    width: 75%; }

  .medium--ten-twelfths {
    width: 83.33333%; }

  .medium--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .medium--one-half:nth-child(2n+1),
  .grid--uniform .medium--one-third:nth-child(3n+1),
  .grid--uniform .medium--one-quarter:nth-child(4n+1),
  .grid--uniform .medium--one-fifth:nth-child(5n+1),
  .grid--uniform .medium--one-sixth:nth-child(6n+1),
  .grid--uniform .medium--two-sixths:nth-child(3n+1),
  .grid--uniform .medium--three-sixths:nth-child(2n+1),
  .grid--uniform .medium--one-eighth:nth-child(8n+1),
  .grid--uniform .medium--two-eighths:nth-child(4n+1),
  .grid--uniform .medium--four-eighths:nth-child(2n+1),
  .grid--uniform .medium--five-tenths:nth-child(2n+1),
  .grid--uniform .medium--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium--show {
    display: block !important; }

  .medium--hide {
    display: none !important; }

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

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

  .medium--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 768px) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%; }

  .medium-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%; }

  .medium-up--two-sixths {
    width: 33.33333%; }

  .medium-up--three-sixths {
    width: 50%; }

  .medium-up--four-sixths {
    width: 66.66667%; }

  .medium-up--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .medium-up--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }

  .medium-up--two-eighths {
    width: 25%; }

  .medium-up--three-eighths {
    width: 37.5%; }

  .medium-up--four-eighths {
    width: 50%; }

  .medium-up--five-eighths {
    width: 62.5%; }

  .medium-up--six-eighths {
    width: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }

  .medium-up--two-tenths {
    width: 20%; }

  .medium-up--three-tenths {
    width: 30%; }

  .medium-up--four-tenths {
    width: 40%; }

  .medium-up--five-tenths {
    width: 50%; }

  .medium-up--six-tenths {
    width: 60%; }

  .medium-up--seven-tenths {
    width: 70%; }

  .medium-up--eight-tenths {
    width: 80%; }

  .medium-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%; }

  .medium-up--two-twelfths {
    width: 16.66667%; }

  .medium-up--three-twelfths {
    width: 25%; }

  .medium-up--four-twelfths {
    width: 33.33333%; }

  .medium-up--five-twelfths {
    width: 41.66667%; }

  .medium-up--six-twelfths {
    width: 50%; }

  .medium-up--seven-twelfths {
    width: 58.33333%; }

  .medium-up--eight-twelfths {
    width: 66.66667%; }

  .medium-up--nine-twelfths {
    width: 75%; }

  .medium-up--ten-twelfths {
    width: 83.33333%; }

  .medium-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium-up--show {
    display: block !important; }

  .medium-up--hide {
    display: none !important; }

  .medium-up--text-left {
    text-align: left !important; }

  .medium-up--text-right {
    text-align: right !important; }

  .medium-up--text-center {
    text-align: center !important; } }
@media only screen and (max-width: 1024px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }

  /* Halves */
  .medium-down--one-half {
    width: 50%; }

  /* Thirds */
  .medium-down--one-third {
    width: 33.33333%; }

  .medium-down--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .medium-down--one-quarter {
    width: 25%; }

  .medium-down--two-quarters {
    width: 50%; }

  .medium-down--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-down--one-fifth {
    width: 20%; }

  .medium-down--two-fifths {
    width: 40%; }

  .medium-down--three-fifths {
    width: 60%; }

  .medium-down--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-down--one-sixth {
    width: 16.66667%; }

  .medium-down--two-sixths {
    width: 33.33333%; }

  .medium-down--three-sixths {
    width: 50%; }

  .medium-down--four-sixths {
    width: 66.66667%; }

  .medium-down--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .medium-down--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%; }

  .medium-down--two-eighths {
    width: 25%; }

  .medium-down--three-eighths {
    width: 37.5%; }

  .medium-down--four-eighths {
    width: 50%; }

  .medium-down--five-eighths {
    width: 62.5%; }

  .medium-down--six-eighths {
    width: 75%; }

  .medium-down--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-down--one-tenth {
    width: 10%; }

  .medium-down--two-tenths {
    width: 20%; }

  .medium-down--three-tenths {
    width: 30%; }

  .medium-down--four-tenths {
    width: 40%; }

  .medium-down--five-tenths {
    width: 50%; }

  .medium-down--six-tenths {
    width: 60%; }

  .medium-down--seven-tenths {
    width: 70%; }

  .medium-down--eight-tenths {
    width: 80%; }

  .medium-down--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.33333%; }

  .medium-down--two-twelfths {
    width: 16.66667%; }

  .medium-down--three-twelfths {
    width: 25%; }

  .medium-down--four-twelfths {
    width: 33.33333%; }

  .medium-down--five-twelfths {
    width: 41.66667%; }

  .medium-down--six-twelfths {
    width: 50%; }

  .medium-down--seven-twelfths {
    width: 58.33333%; }

  .medium-down--eight-twelfths {
    width: 66.66667%; }

  .medium-down--nine-twelfths {
    width: 75%; }

  .medium-down--ten-twelfths {
    width: 83.33333%; }

  .medium-down--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .medium-down--one-half:nth-child(2n+1),
  .grid--uniform .medium-down--one-third:nth-child(3n+1),
  .grid--uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-down--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium-down--show {
    display: block !important; }

  .medium-down--hide {
    display: none !important; }

  .medium-down--text-left {
    text-align: left !important; }

  .medium-down--text-right {
    text-align: right !important; }

  .medium-down--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }

  /* Halves */
  .large--one-half {
    width: 50%; }

  /* Thirds */
  .large--one-third {
    width: 33.33333%; }

  .large--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .large--one-quarter {
    width: 25%; }

  .large--two-quarters {
    width: 50%; }

  .large--three-quarters {
    width: 75%; }

  /* Fifths */
  .large--one-fifth {
    width: 20%; }

  .large--two-fifths {
    width: 40%; }

  .large--three-fifths {
    width: 60%; }

  .large--four-fifths {
    width: 80%; }

  /* Sixths */
  .large--one-sixth {
    width: 16.66667%; }

  .large--two-sixths {
    width: 33.33333%; }

  .large--three-sixths {
    width: 50%; }

  .large--four-sixths {
    width: 66.66667%; }

  .large--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .large--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .large--one-eighth {
    width: 12.5%; }

  .large--two-eighths {
    width: 25%; }

  .large--three-eighths {
    width: 37.5%; }

  .large--four-eighths {
    width: 50%; }

  .large--five-eighths {
    width: 62.5%; }

  .large--six-eighths {
    width: 75%; }

  .large--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .large--one-tenth {
    width: 10%; }

  .large--two-tenths {
    width: 20%; }

  .large--three-tenths {
    width: 30%; }

  .large--four-tenths {
    width: 40%; }

  .large--five-tenths {
    width: 50%; }

  .large--six-tenths {
    width: 60%; }

  .large--seven-tenths {
    width: 70%; }

  .large--eight-tenths {
    width: 80%; }

  .large--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .large--one-twelfth {
    width: 8.33333%; }

  .large--two-twelfths {
    width: 16.66667%; }

  .large--three-twelfths {
    width: 25%; }

  .large--four-twelfths {
    width: 33.33333%; }

  .large--five-twelfths {
    width: 41.66667%; }

  .large--six-twelfths {
    width: 50%; }

  .large--seven-twelfths {
    width: 58.33333%; }

  .large--eight-twelfths {
    width: 66.66667%; }

  .large--nine-twelfths {
    width: 75%; }

  .large--ten-twelfths {
    width: 83.33333%; }

  .large--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .large--one-half:nth-child(2n+1),
  .grid--uniform .large--one-third:nth-child(3n+1),
  .grid--uniform .large--one-quarter:nth-child(4n+1),
  .grid--uniform .large--one-fifth:nth-child(5n+1),
  .grid--uniform .large--one-sixth:nth-child(6n+1),
  .grid--uniform .large--two-sixths:nth-child(3n+1),
  .grid--uniform .large--three-sixths:nth-child(2n+1),
  .grid--uniform .large--one-eighth:nth-child(8n+1),
  .grid--uniform .large--two-eighths:nth-child(4n+1),
  .grid--uniform .large--four-eighths:nth-child(2n+1),
  .grid--uniform .large--five-tenths:nth-child(2n+1),
  .grid--uniform .large--one-twelfth:nth-child(12n+1),
  .grid--uniform .large--two-twelfths:nth-child(6n+1),
  .grid--uniform .large--three-twelfths:nth-child(4n+1),
  .grid--uniform .large--four-twelfths:nth-child(3n+1),
  .grid--uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .large--show {
    display: block !important; }

  .large--hide {
    display: none !important; }

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

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

  .large--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 1025px) {
  /** Whole */
  .large-up--one-whole {
    width: 100%; }

  /* Halves */
  .large-up--one-half {
    width: 50%; }

  /* Thirds */
  .large-up--one-third {
    width: 33.33333%; }

  .large-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .large-up--one-quarter {
    width: 25%; }

  .large-up--two-quarters {
    width: 50%; }

  .large-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .large-up--one-fifth {
    width: 20%; }

  .large-up--two-fifths {
    width: 40%; }

  .large-up--three-fifths {
    width: 60%; }

  .large-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .large-up--one-sixth {
    width: 16.66667%; }

  .large-up--two-sixths {
    width: 33.33333%; }

  .large-up--three-sixths {
    width: 50%; }

  .large-up--four-sixths {
    width: 66.66667%; }

  .large-up--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .large-up--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%; }

  .large-up--two-eighths {
    width: 25%; }

  .large-up--three-eighths {
    width: 37.5%; }

  .large-up--four-eighths {
    width: 50%; }

  .large-up--five-eighths {
    width: 62.5%; }

  .large-up--six-eighths {
    width: 75%; }

  .large-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .large-up--one-tenth {
    width: 10%; }

  .large-up--two-tenths {
    width: 20%; }

  .large-up--three-tenths {
    width: 30%; }

  .large-up--four-tenths {
    width: 40%; }

  .large-up--five-tenths {
    width: 50%; }

  .large-up--six-tenths {
    width: 60%; }

  .large-up--seven-tenths {
    width: 70%; }

  .large-up--eight-tenths {
    width: 80%; }

  .large-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.33333%; }

  .large-up--two-twelfths {
    width: 16.66667%; }

  .large-up--three-twelfths {
    width: 25%; }

  .large-up--four-twelfths {
    width: 33.33333%; }

  .large-up--five-twelfths {
    width: 41.66667%; }

  .large-up--six-twelfths {
    width: 50%; }

  .large-up--seven-twelfths {
    width: 58.33333%; }

  .large-up--eight-twelfths {
    width: 66.66667%; }

  .large-up--nine-twelfths {
    width: 75%; }

  .large-up--ten-twelfths {
    width: 83.33333%; }

  .large-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .large-up--show {
    display: block !important; }

  .large-up--hide {
    display: none !important; }

  .large-up--text-left {
    text-align: left !important; }

  .large-up--text-right {
    text-align: right !important; }

  .large-up--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 1200px) {
  /** Whole */
  .xlarge-up--one-whole {
    width: 100%; }

  /* Halves */
  .xlarge-up--one-half {
    width: 50%; }

  /* Thirds */
  .xlarge-up--one-third {
    width: 33.33333%; }

  .xlarge-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .xlarge-up--one-quarter {
    width: 25%; }

  .xlarge-up--two-quarters {
    width: 50%; }

  .xlarge-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .xlarge-up--one-fifth {
    width: 20%; }

  .xlarge-up--two-fifths {
    width: 40%; }

  .xlarge-up--three-fifths {
    width: 60%; }

  .xlarge-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .xlarge-up--one-sixth {
    width: 16.66667%; }

  .xlarge-up--two-sixths {
    width: 33.33333%; }

  .xlarge-up--three-sixths {
    width: 50%; }

  .xlarge-up--four-sixths {
    width: 66.66667%; }

  .xlarge-up--five-sixths {
    width: 83.33333%; }

  /* Sixths */
  .xlarge-up--one-seventh {
    width: 14.28571%; }

  /* Eighths */
  .xlarge-up--one-eighth {
    width: 12.5%; }

  .xlarge-up--two-eighths {
    width: 25%; }

  .xlarge-up--three-eighths {
    width: 37.5%; }

  .xlarge-up--four-eighths {
    width: 50%; }

  .xlarge-up--five-eighths {
    width: 62.5%; }

  .xlarge-up--six-eighths {
    width: 75%; }

  .xlarge-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .xlarge-up--one-tenth {
    width: 10%; }

  .xlarge-up--two-tenths {
    width: 20%; }

  .xlarge-up--three-tenths {
    width: 30%; }

  .xlarge-up--four-tenths {
    width: 40%; }

  .xlarge-up--five-tenths {
    width: 50%; }

  .xlarge-up--six-tenths {
    width: 60%; }

  .xlarge-up--seven-tenths {
    width: 70%; }

  .xlarge-up--eight-tenths {
    width: 80%; }

  .xlarge-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .xlarge-up--one-twelfth {
    width: 8.33333%; }

  .xlarge-up--two-twelfths {
    width: 16.66667%; }

  .xlarge-up--three-twelfths {
    width: 25%; }

  .xlarge-up--four-twelfths {
    width: 33.33333%; }

  .xlarge-up--five-twelfths {
    width: 41.66667%; }

  .xlarge-up--six-twelfths {
    width: 50%; }

  .xlarge-up--seven-twelfths {
    width: 58.33333%; }

  .xlarge-up--eight-twelfths {
    width: 66.66667%; }

  .xlarge-up--nine-twelfths {
    width: 75%; }

  .xlarge-up--ten-twelfths {
    width: 83.33333%; }

  .xlarge-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .xlarge-up--one-half:nth-child(2n+1),
  .grid--uniform .xlarge-up--one-third:nth-child(3n+1),
  .grid--uniform .xlarge-up--one-quarter:nth-child(4n+1),
  .grid--uniform .xlarge-up--one-fifth:nth-child(5n+1),
  .grid--uniform .xlarge-up--one-sixth:nth-child(6n+1),
  .grid--uniform .xlarge-up--two-sixths:nth-child(3n+1),
  .grid--uniform .xlarge-up--three-sixths:nth-child(2n+1),
  .grid--uniform .xlarge-up--one-eighth:nth-child(8n+1),
  .grid--uniform .xlarge-up--two-eighths:nth-child(4n+1),
  .grid--uniform .xlarge-up--four-eighths:nth-child(2n+1),
  .grid--uniform .xlarge-up--five-tenths:nth-child(2n+1),
  .grid--uniform .xlarge-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .xlarge-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .xlarge-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .xlarge-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .xlarge-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .xlarge-up--show {
    display: block !important; }

  .xlarge-up--hide {
    display: none !important; }

  .xlarge-up--text-left {
    text-align: left !important; }

  .xlarge-up--text-right {
    text-align: right !important; }

  .xlarge-up--text-center {
    text-align: center !important; } }
/*================ Build Grid Push Classes ================*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Halves */
  .medium--push-one-half {
    left: 50%; }

  /* Thirds */
  .medium--push-one-third {
    left: 33.33333%; }

  .medium--push-two-thirds {
    left: 66.66667%; }

  /* Quarters */
  .medium--push-one-quarter {
    left: 25%; }

  .medium--push-two-quarters {
    left: 50%; }

  .medium--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .medium--push-one-fifth {
    left: 20%; }

  .medium--push-two-fifths {
    left: 40%; }

  .medium--push-three-fifths {
    left: 60%; }

  .medium--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .medium--push-one-sixth {
    left: 16.66667%; }

  .medium--push-two-sixths {
    left: 33.33333%; }

  .medium--push-three-sixths {
    left: 50%; }

  .medium--push-four-sixths {
    left: 66.66667%; }

  .medium--push-five-sixths {
    left: 83.33333%; }

  /* Eighths */
  .medium--push-one-eighth {
    left: 12.5%; }

  .medium--push-two-eighths {
    left: 25%; }

  .medium--push-three-eighths {
    left: 37.5%; }

  .medium--push-four-eighths {
    left: 50%; }

  .medium--push-five-eighths {
    left: 62.5%; }

  .medium--push-six-eighths {
    left: 75%; }

  .medium--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .medium--push-one-tenth {
    left: 10%; }

  .medium--push-two-tenths {
    left: 20%; }

  .medium--push-three-tenths {
    left: 30%; }

  .medium--push-four-tenths {
    left: 40%; }

  .medium--push-five-tenths {
    left: 50%; }

  .medium--push-six-tenths {
    left: 60%; }

  .medium--push-seven-tenths {
    left: 70%; }

  .medium--push-eight-tenths {
    left: 80%; }

  .medium--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .medium--push-one-twelfth {
    left: 8.33333%; }

  .medium--push-two-twelfths {
    left: 16.66667%; }

  .medium--push-three-twelfths {
    left: 25%; }

  .medium--push-four-twelfths {
    left: 33.33333%; }

  .medium--push-five-twelfths {
    left: 41.66667%; }

  .medium--push-six-twelfths {
    left: 50%; }

  .medium--push-seven-twelfths {
    left: 58.33333%; }

  .medium--push-eight-twelfths {
    left: 66.66667%; }

  .medium--push-nine-twelfths {
    left: 75%; }

  .medium--push-ten-twelfths {
    left: 83.33333%; }

  .medium--push-eleven-twelfths {
    left: 91.66667%; } }
@media only screen and (min-width: 1025px) {
  /* Halves */
  .large-up--push-one-half {
    left: 50%; }

  /* Thirds */
  .large-up--push-one-third {
    left: 33.33333%; }

  .large-up--push-two-thirds {
    left: 66.66667%; }

  /* Quarters */
  .large-up--push-one-quarter {
    left: 25%; }

  .large-up--push-two-quarters {
    left: 50%; }

  .large-up--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .large-up--push-one-fifth {
    left: 20%; }

  .large-up--push-two-fifths {
    left: 40%; }

  .large-up--push-three-fifths {
    left: 60%; }

  .large-up--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .large-up--push-one-sixth {
    left: 16.66667%; }

  .large-up--push-two-sixths {
    left: 33.33333%; }

  .large-up--push-three-sixths {
    left: 50%; }

  .large-up--push-four-sixths {
    left: 66.66667%; }

  .large-up--push-five-sixths {
    left: 83.33333%; }

  /* Eighths */
  .large-up--push-one-eighth {
    left: 12.5%; }

  .large-up--push-two-eighths {
    left: 25%; }

  .large-up--push-three-eighths {
    left: 37.5%; }

  .large-up--push-four-eighths {
    left: 50%; }

  .large-up--push-five-eighths {
    left: 62.5%; }

  .large-up--push-six-eighths {
    left: 75%; }

  .large-up--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .large-up--push-one-tenth {
    left: 10%; }

  .large-up--push-two-tenths {
    left: 20%; }

  .large-up--push-three-tenths {
    left: 30%; }

  .large-up--push-four-tenths {
    left: 40%; }

  .large-up--push-five-tenths {
    left: 50%; }

  .large-up--push-six-tenths {
    left: 60%; }

  .large-up--push-seven-tenths {
    left: 70%; }

  .large-up--push-eight-tenths {
    left: 80%; }

  .large-up--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .large-up--push-one-twelfth {
    left: 8.33333%; }

  .large-up--push-two-twelfths {
    left: 16.66667%; }

  .large-up--push-three-twelfths {
    left: 25%; }

  .large-up--push-four-twelfths {
    left: 33.33333%; }

  .large-up--push-five-twelfths {
    left: 41.66667%; }

  .large-up--push-six-twelfths {
    left: 50%; }

  .large-up--push-seven-twelfths {
    left: 58.33333%; }

  .large-up--push-eight-twelfths {
    left: 66.66667%; }

  .large-up--push-nine-twelfths {
    left: 75%; }

  .large-up--push-ten-twelfths {
    left: 83.33333%; }

  .large-up--push-eleven-twelfths {
    left: 91.66667%; } }
@media only screen and (max-width: 1024px) {
  .appendaround--mobile {
    display: block !important; } }
@media only screen and (min-width: 1025px) {
  .appendaround--mobile {
    display: none !important; } }

@media only screen and (max-width: 1024px) {
  .appendaround--desktop {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .appendaround--small {
    display: block; } }
@media only screen and (min-width: 768px) {
  .appendaround--small {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .appendaround--tablet {
    display: none !important; } }

@media only screen and (max-width: 1199px) {
  .appendaround--xlargedesktop {
    display: none !important; } }

@media only screen and (min-width: 1200px) {
  .appendaround--smalldesktop {
    display: none !important; } }

@font-face {
  font-family: 'FrenteH1';
  src: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/FrenteH1-Regular-webfont.woff?v=35032223675019489911674861286);
  font-weight: normal;
  font-style: normal; }

/*================ General layout styles ================*/
body,
html {
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }

.max-container {
  max-width: 1440px;
  margin: 0 auto;
  position: relative; }

.page-width {
  *zoom: 1;
  max-width: 1440px;
  padding: 0 30px;
  margin: 0 auto; }
  .page-width::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 1024px) {
    .template-page .page-width {
      margin-bottom: 45px; } }
  @media only screen and (min-width: 1025px) {
    .template-page .page-width {
      margin-bottom: 75px; } }

.section__container {
  max-width: 1440px;
  margin: 0 auto;
  *zoom: 1;
  position: relative; }
  .section__container::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .section__container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section__container {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .section__container {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .section__container {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .section__container {
      margin-bottom: 35px; } }
  @media only screen and (min-width: 1025px) {
    .section__container {
      margin-bottom: 115px; } }
  @media only screen and (max-width: 1024px) {
    .section__container[class*='--padding'] {
      margin-top: 35px; } }
  @media only screen and (min-width: 1025px) {
    .section__container[class*='--padding'] {
      margin-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .section__container[class*='--mobile-full'] {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 1024px) {
    .section__container[class*='--mobile-extra-padding'] {
      margin-top: 50px;
      margin-bottom: 55px; } }

@media only screen and (max-width: 1024px) {
  .section__grid[class*='--flex-mobile'] {
    display: flex;
    flex-wrap: wrap; } }

.section-cta {
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .section-cta {
      margin-top: 25px;
      margin-bottom: 25px; } }
  .section-cta img {
    display: block;
    width: 100%; }

.section-cta__header {
  font-family: "FrenteH1", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 8px; }
  @media only screen and (max-width: 1024px) {
    .section-cta__header {
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 1.5px;
      margin-top: 18px; } }
  @media only screen and (min-width: 1025px) {
    .section-cta__header {
      font-size: 34px;
      line-height: 41px;
      letter-spacing: 3px;
      margin-top: 45px; } }

.section-cta__description {
  margin-top: 8px; }
  @media only screen and (max-width: 1024px) {
    .section-cta__description {
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1025px) {
    .section-cta__description {
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 25px; } }

.shopify-section:first-child > * {
  margin-top: 0; }

@media only screen and (max-width: 1024px) {
  .continue-link {
    text-align: center;
    margin: 20px auto 8px; } }
.continue-link a {
  font-size: 12px; }
  .continue-link a:before {
    display: inline-block;
    content: '\2039';
    margin-right: .33em;
    text-decoration: none !important;
    position: relative;
    bottom: 1px; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0); }

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  transform: scale(0.6); }

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  transform: scale(1.2); }

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0); }

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0); }

/*================ Icons ================*/
@media only screen and (max-width: 1024px) {
  svg.icon.icon--wide.icon-arrow-down {
    transform: rotate(-90deg);
    width: 9px;
    height: 6px; }

  .icon--wide {
    width: 10px !important; } }
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor; }
  .no-svg .icon {
    display: none; }

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

svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) circle,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) ellipse,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) g,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) line,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) path,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) polygon,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) polyline,
svg.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) rect,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) circle,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) ellipse,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) g,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) line,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) path,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) polygon,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) polyline,
symbol.icon:not(.icon--full-color):not(.icon-bobos-heart):not(.icon-full-cart):not(.icon-flag):not(.icon-simple-flag):not(.icon-oat-bars):not(.icon-stuffed-bars):not(.icon-variety-packs):not(.icon-bites):not(.icon-toastr):not(.icon-all-products):not(.icon-x):not(.icon-made-by-hand):not(.icon-wholesome):not(.icon-baked-perfection):not(.icon-gluten-free):not(.icon-kosher):not(.icon-non-gmo):not(.icon-soy-free):not(.icon-vegan):not(.icon-gut):not(.icon-scale):not(.icon-heart-pressure):not(.icon-our-team) rect {
  fill: inherit;
  stroke: inherit; }

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  .no-svg .icon-fallback-text {
    position: static !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0; }

/*================ Payment Icons ================*/
.payment-icons {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  cursor: default; }

/*================ Shopify icon on password page ================*/
.icon-shopify-logo {
  width: 82.28571px;
  height: 24px; }

/*================ Rich Text Editor ================*/
.rte img {
  height: auto; }
.rte table {
  table-layout: fixed; }
.rte ul,
.rte ol {
  margin: 0 0 15px 30px;
  padding-left: 0; }
  @media only screen and (max-width: 1024px) {
    .rte ul,
    .rte ol {
      margin-top: 15px;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 1025px) {
    .rte ul,
    .rte ol {
      margin-top: 22px;
      margin-bottom: 50px; } }
.rte ul {
  list-style: none;
  /*
  
      ul {
        list-style: circle outside;
  
        ul {
          list-style: square outside;
        }
      }
  */ }
  .rte ul li:before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
@media only screen and (max-width: 1024px) {
  .rte h2 {
    text-align: center; } }
@media only screen and (max-width: 1024px) {
  #faqs .rte h2 {
    margin-top: 30px; } }
@media only screen and (min-width: 1025px) {
  #faqs .rte h2 {
    margin-top: 45px; } }

.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside; }

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

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

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

/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 767px) {
  .responsive-table {
    width: 100%; }
    .responsive-table thead {
      display: none; }
    .responsive-table tr {
      display: block; }
    .responsive-table tr,
    .responsive-table td {
      float: left;
      clear: both;
      width: 100%; }
    .responsive-table th,
    .responsive-table td {
      display: block;
      text-align: right;
      padding: 15px;
      margin: 0; }
    .responsive-table td::before {
      content: attr(data-label);
      float: left;
      text-align: center;
      padding-right: 10px; }

  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; }
    .responsive-table-row + .responsive-table-row::after,
    tfoot > .responsive-table-row:first-child::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
      border-bottom: 1px solid #c2c2c2; } }
/*================ Links & Buttons ================*/
a,
.btn {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }

a {
  transition: all ease-in-out 0.2s;
  text-decoration: none;
  color: #49b5e2; }
  a:hover {
    color: #308db5; }

.btn,
button {
  transition: all ease-in-out 0.2s;
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  background: transparent;
  border: none;
  border-radius: 4px; }
  .btn:focus,
  button:focus {
    outline: none; }

.btn--secondary {
  position: relative;
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/button-background.svg?v=102639262662454730811674861274);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0;
  display: block;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  min-width: 165px; }
  @media only screen and (max-width: 1024px) {
    .btn--secondary {
      padding: 25px 30px;
      max-width: 215px;
      margin: 0 auto; } }
  @media only screen and (min-width: 1025px) {
    .btn--secondary {
      padding: 28px 30px;
      min-width: 215px; } }
  .btn--secondary span {
    display: block;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px; }

.btn--secondary-alt {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/button-background--blue.svg?v=121583636669563023941674861273);
  margin-left: auto;
  margin-right: auto;
  display: inline-block; }
  .btn--secondary-alt:hover {
    color: white; }

.btn--narrow {
  padding: 15px;
  min-width: auto; }

.btn--tertiary {
  background-color: #f1f8fb;
  border: 2px solid #49b5e2;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  color: #49b5e2;
  padding: 12px 45px;
  margin: 0 auto;
  display: block; }
  @media only screen and (max-width: 1024px) {
    .btn--tertiary {
      width: 100%;
      max-width: 500px; } }
  .btn--tertiary:hover {
    color: #44C1F6;
    border-color: #44C1F6; }

.btn--tertiary-alt {
  position: relative;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0; }
  .btn--tertiary-alt span {
    transition: all ease-in-out 0.2s;
    border: 1px solid #f1f8fb;
    padding: 10px 0;
    display: block; }
    @media only screen and (max-width: 1024px) {
      .btn--tertiary-alt span {
        width: 100%; } }
    @media only screen and (min-width: 1025px) {
      .btn--tertiary-alt span {
        margin: 0 auto;
        max-width: 250px; } }
  .btn--tertiary-alt:before {
    content: '';
    position: absolute;
    top: -132px;
    left: -1px;
    width: 101%;
    height: 130px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
    z-index: 0; }
  .btn--tertiary-alt.is-open:before {
    display: none; }

.btn--link {
  background-color: transparent;
  color: #49b5e2;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase; }
  .btn--link span {
    border-bottom: 1px solid #49b5e2; }
  .btn--link .icon {
    transform: rotate(-90deg);
    width: 9px;
    height: 6px; }
  .btn--link[class*='--white'] {
    color: white; }
    .btn--link[class*='--white'] span {
      border-color: white; }

.shopify-challenge__container {
  margin: 50px auto;
  padding: 24px 24px 145px 24px; }

input.shopify-challenge__button.btn {
  background-color: #49b5e2;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  padding: 15px 0; }
  input.shopify-challenge__button.btn:hover {
    background-color: #44C1F6;
    color: white; }
  input.shopify-challenge__button.btn[disabled] {
    background-color: #c2c2c2; }
    input.shopify-challenge__button.btn[disabled]:hover {
      background-color: #c2c2c2;
      color: white; }

/*============================================================================
  Form scaffolding
    - Selectors setup for you to style form elements how you want
    - Focus, error, and disabled states are set to be extended
==============================================================================*/
form ul {
  padding: 0;
  list-style: none; }

input,
textarea,
select {
  transition: all ease-in-out 0.2s;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 700;
  color: #231f20;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  max-width: 100%;
  height: 40px;
  width: 100%; }
  @media only screen and (min-width: 1025px) {
    input,
    textarea,
    select {
      font-size: 12px; } }
  input[disabled],
  textarea[disabled],
  select[disabled] {
    cursor: default;
    background-color: black;
    border-color: black; }

textarea {
  min-height: 120px;
  padding: 14px; }

input,
textarea {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 25px; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    color: #c2c2c2;
    font-size: 16px;
    line-height: 1; }
    @media only screen and (min-width: 1025px) {
      input::-webkit-input-placeholder,
      textarea::-webkit-input-placeholder {
        font-size: 12px; } }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    color: #c2c2c2;
    font-size: 16px;
    line-height: 1; }
    @media only screen and (min-width: 1025px) {
      input::-moz-placeholder,
      textarea::-moz-placeholder {
        font-size: 12px; } }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    color: #c2c2c2;
    font-size: 16px;
    line-height: 1; }
    @media only screen and (min-width: 1025px) {
      input:-ms-input-placeholder,
      textarea:-ms-input-placeholder {
        font-size: 12px; } }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    color: #c2c2c2;
    font-size: 16px;
    line-height: 1; }
    @media only screen and (min-width: 1025px) {
      input:-moz-placeholder,
      textarea:-moz-placeholder {
        font-size: 12px; } }
  input:focus,
  textarea:focus {
    border: 1px solid dimgrey;
    outline: none; }

label {
  display: block;
  color: #231f20;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px; }
  label.error {
    font-size: 13px;
    font-weight: 400;
    color: #ee2b24;
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: none;
    margin-top: -15px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 1024px) {
      label.error {
        text-align: left; } }

/*================ Custom select style ================*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all ease-in-out 0.2s;
  background-size: auto 20% !important;
  background-position: 95% !important;
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-select-new.svg?v=36816623858158200811674861331) !important;
  background-repeat: no-repeat;
  /* background-color:transparent;*/
  background-size: 45px;
  padding-right: 50px;
  padding-left: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  position: relative;
  z-index: 2;
  border-color: #dedede;
  /*================ Hide the svg arrow in IE9 ================*/ }
  .ie9 select {
    padding-right: 10px;
    background-image: none; }

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

/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
  border-color: #ee2b24;
  background-color: black;
  color: #ee2b24; }

/*================ Success styles ================*/
.placeholder-svg {
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.placeholder-svg--small {
  width: 480px; }

.placeholder-noblocks {
  padding: 40px;
  text-align: center; }

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .placeholder-background .icon {
    border: 0; }

.breadcrumb-wrapper {
  font-size: 11px;
  line-height: 1.75;
  font-weight: 700;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .breadcrumb-wrapper {
      *zoom: 1;
      text-align: center;
      padding-top: 12px; }
      .breadcrumb-wrapper::after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 1024px) and (max-width: 767px) {
      .breadcrumb-wrapper {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
      .breadcrumb-wrapper {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
      .breadcrumb-wrapper {
        padding-left: 45px;
        padding-right: 45px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1200px) {
      .breadcrumb-wrapper {
        padding-left: 50px;
        padding-right: 50px; } }
  @media only screen and (min-width: 1025px) {
    .breadcrumb-wrapper {
      padding-top: 38px; } }
  .breadcrumb-wrapper span {
    display: inline-block; }
  .breadcrumb-wrapper span[aria-hidden='true'] {
    color: #dedede; }
  .breadcrumb-wrapper a {
    text-decoration: underline; }
  .template-article .breadcrumb-wrapper {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/breadcrumb-bg.jpg?v=119115373135853813551674861273);
    background-position: 50%;
    color: white; }
    @media only screen and (max-width: 1024px) {
      .template-article .breadcrumb-wrapper {
        padding-top: 12px;
        padding-bottom: 12px; } }
    @media only screen and (min-width: 1025px) {
      .template-article .breadcrumb-wrapper {
        padding-top: 32px;
        padding-bottom: 32px;
        background-size: 100%; } }
    .template-article .breadcrumb-wrapper span[aria-hidden='true'] {
      color: white; }
    .template-article .breadcrumb-wrapper a {
      color: white; }
  @media only screen and (min-width: 1025px) {
    .breadcrumb-wrapper[class*='--absolute'] {
      position: absolute;
      width: 100%; } }
  @media only screen and (min-width: 1025px) {
    .template-blog .breadcrumb-wrapper, #contact-us .breadcrumb-wrapper, .template- .breadcrumb-wrapper {
      position: absolute;
      width: 100%; } }
  .template-product .breadcrumb-wrapper {
    background-color: whitesmoke; }

.breadcrumb__inner-wrapper {
  max-width: 1440px;
  margin: 0 auto; }

.pagination {
  text-align: center;
  list-style: none;
  font-size: 15px;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 1024px) {
    .pagination {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 1025px) {
    .pagination {
      padding-bottom: 100px; } }
  .pagination .icon {
    display: block;
    height: 9px;
    width: 6px;
    vertical-align: middle;
    fill: #49b5e2;
    margin-left: 0; }
  .pagination a {
    background: #f1f8fb;
    border: 2px solid #49b5e2; }
  .pagination a:hover .icon {
    fill: #40b4e5; }
  .pagination .btn--disabled {
    opacity: 1;
    background: #E9E9E9;
    border: 2px solid #E9E9E9; }
    .pagination .btn--disabled .icon {
      fill: #c2c2c2; }

.pagination__item {
  display: inline-block; }
  .pagination__item[class*='--prev'] .icon {
    transform: rotate(-180deg); }

.pagination__text {
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
  color: dimgrey;
  font-weight: 500; }

.page-nav__container {
  *zoom: 1; }
  .page-nav__container::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .page-nav__container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page-nav__container {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .page-nav__container {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .page-nav__container {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .page-nav__container {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1025px) {
    .page-nav__container {
      margin-top: 60px; } }

.page-nav {
  list-style: none;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 1024px) {
    .page-nav {
      display: none; } }
  @media only screen and (min-width: 1025px) {
    .page-nav {
      text-align: center; } }

@media only screen and (min-width: 1025px) {
  .page-nav__select {
    display: none; } }

@media only screen and (min-width: 1025px) {
  .page-nav__item {
    display: inline-block; } }
.page-nav__item:after {
  content: '|';
  color: #dedede;
  margin: 0 20px 0 22px; }
.page-nav__item:last-child:after {
  display: none; }
@media only screen and (min-width: 1025px) {
  .page-nav__item a {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.75px;
    text-transform: uppercase; } }
@media only screen and (min-width: 1025px) {
  .page-nav__item a.current {
    text-decoration: underline;
    font-weight: 700; } }

/*================ MODULES ================*/
body.sidecart-open {
  overflow: hidden !important; }

section#sidecart {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 100%;
  background: rgba(255, 255, 255, 0.97);
  z-index: 10000000000;
  transition: right 0.4s;
  overflow: visible !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-direction: normal; }
  section#sidecart .sidecart-header {
    position: relative;
    background: #49B5E2;
    font-family: "FrenteH1", Arial, sans-serif;
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1.5px;
    color: #FFFFFF;
    padding: 28px 60px; }
    section#sidecart .sidecart-header #close-sidecart {
      position: absolute;
      padding: 0;
      left: 18px; }
      section#sidecart .sidecart-header #close-sidecart svg {
        height: 12px;
        fill: #fff; }
  section#sidecart .sidecart-wrap {
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    margin: 1px 0 0;
    border-top: 1.5px #49B5E2 solid;
    padding: 20px 0 0;
    position: relative;
    padding-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: calc(100% - 100px);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto; }
    section#sidecart .sidecart-wrap::-webkit-scrollbar {
      -webkit-appearance: none; }
    section#sidecart .sidecart-wrap::-webkit-scrollbar:vertical {
      width: 7px; }
    section#sidecart .sidecart-wrap::-webkit-scrollbar:horizontal {
      background-color: #EBEBEB;
      height: 7px; }
    section#sidecart .sidecart-wrap::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 2px;
      border: 1px solid #ffffff; }
    section#sidecart .sidecart-wrap::-webkit-scrollbar-track {
      border-radius: 10px;
      background-color: #EBEBEB;
      margin: 2px 0; }
    section#sidecart .sidecart-wrap .sidecart-contents {
      background: #fff;
      padding: 0 20px; }
    section#sidecart .sidecart-wrap table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%; }
    section#sidecart .sidecart-wrap td {
      padding-top: 15px;
      padding-bottom: 15px; }
      section#sidecart .sidecart-wrap td:first-of-type {
        padding-left: 0;
        padding-right: 0;
        max-width: 75px;
        width: 75px;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          section#sidecart .sidecart-wrap td:first-of-type {
            width: 95px; } }
        section#sidecart .sidecart-wrap td:first-of-type img.sidecart-product-image {
          max-height: 75px;
          max-width: 75px;
          margin: 0 auto;
          display: block; }
      section#sidecart .sidecart-wrap td:nth-of-type(2n) {
        padding-left: 10px;
        vertical-align: top; }
      section#sidecart .sidecart-wrap td:last-of-type {
        font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
        font-size: 18px;
        text-align: right;
        padding-right: 0;
        padding-left: 0;
        max-width: 80px;
        width: 80px;
        position: relative;
        font-weight: 600;
        vertical-align: bottom; }
      section#sidecart .sidecart-wrap td h6 {
        font-size: 14px;
        line-height: 1.4;
        color: #49B5E2;
        margin: 0;
        font-weight: 600; }
        @media only screen and (max-width: 767px) {
          section#sidecart .sidecart-wrap td h6 {
            font-size: 12px; } }
      section#sidecart .sidecart-wrap td a.remove-item-icon {
        position: absolute;
        top: 15px;
        right: 0;
        text-decoration: none;
        font-size: 10px;
        line-height: 19px;
        text-align: right;
        letter-spacing: 1px;
        white-space: nowrap;
        color: #49B5E2;
        text-transform: uppercase; }
        section#sidecart .sidecart-wrap td a.remove-item-icon svg {
          display: inline-block;
          vertical-align: middle; }
      section#sidecart .sidecart-wrap td span.cart-item-price {
        position: absolute;
        right: 0;
        bottom: 10px; }
        section#sidecart .sidecart-wrap td span.cart-item-price.sale-price {
          /*             color: #EE2B24; */
          color: #000; }
    section#sidecart .sidecart-wrap #incart_upsell {
      padding: 20px 20px; }
      section#sidecart .sidecart-wrap #incart_upsell .product-title-wrapper {
        margin-bottom: 5px; }
      section#sidecart .sidecart-wrap #incart_upsell #nudge-offer {
        background: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-bobos-heart.svg?v=51584274572535834821674861324) no-repeat 50% 0;
        padding: 35px 0 0;
        position: relative;
        text-align: center;
        text-align: center;
        font-weight: bold;
        font-size: 16px; }
        section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-text {
          padding: 0 20px 20px;
          font-size: 15px;
          line-height: 1.5;
          text-align: center;
          color: #231F20;
          font-weight: bold; }
        section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .stamped-product-reviews-badge {
          padding: 0 0 2px;
          display: block; }
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .stamped-product-reviews-badge .stamped-badge-caption {
            display: none !important; }
        section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection {
          display: block;
          margin: 0 20px;
          padding: 30px 25px 30px;
          background: #FFFFFF;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 4px;
          position: relative; }
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .product-wrapper {
            display: block; }
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .product-image-wrapper {
            display: block;
            padding: 0; }
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .product-image-wrapper img.product-image.medium {
              max-width: 175px;
              max-height: 120px;
              width: auto;
              margin: 0 auto;
              display: block;
              padding: 0; }
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details,
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper {
            font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
            display: block; }
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details .product-title,
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper .product-title {
              font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
              font-size: 14px;
              line-height: 1.4;
              text-align: center;
              color: #231F20;
              letter-spacing: normal;
              display: block; }
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details .cart__item-variant,
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper .cart__item-variant {
              font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
              font-size: 11px;
              color: #696969;
              font-weight: normal;
              padding: 0 0 5px;
              display: block;
              margin: 0; }
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details .product-price-wrapper,
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper .product-price-wrapper {
              font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
              font-size: 14px;
              line-height: 20px;
              text-align: center;
              color: #40B4E5;
              display: block; }
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details #product-actions,
            section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper #product-actions {
              width: 100%;
              position: absolute;
              top: 9px;
              left: 0;
              text-align: center; }
              section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details #product-actions button[type="submit"],
              section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details #product-actions input[type="submit"],
              section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper #product-actions button[type="submit"],
              section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper #product-actions input[type="submit"] {
                display: inline-block;
                width: 155px;
                height: 20px;
                overflow: hidden;
                font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
                background: #49B5E2;
                border-radius: 2px;
                font-size: 10px;
                line-height: 19px;
                text-align: center;
                letter-spacing: 1px;
                color: #FFFFFF;
                padding: 0 !important;
                margin: 0;
                visibility: visible !important;
                border: none;
                text-shadow: none; }
                section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details #product-actions button[type="submit"]:before,
                section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .details #product-actions input[type="submit"]:before,
                section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper #product-actions button[type="submit"]:before,
                section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper #product-actions input[type="submit"]:before {
                  content: "+ Claim this offer";
                  display: block;
                  width: 100%;
                  height: 100%;
                  height: 100%;
                  text-transform: uppercase; }
          section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection + div {
            display: none !important; }
    section#sidecart .sidecart-wrap .no-items-in-cart {
      text-align: center !important;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      font-size: 15px;
      color: #231F20;
      padding: 0 20px;
      height: 100%; }
      section#sidecart .sidecart-wrap .no-items-in-cart .sidecart-continue-btn {
        margin: 20px 0;
        display: block;
        font-size: 17px;
        text-align: center;
        letter-spacing: 1px;
        color: #FFFFFF;
        padding: 15px 10px;
        background: #49B5E2;
        border-radius: 4px;
        width: 260px;
        max-width: 100%; }
    section#sidecart .sidecart-wrap a.sidecart-product-link {
      text-decoration: none; }
      section#sidecart .sidecart-wrap a.sidecart-product-link:hover {
        text-decoration: underline;
        text-decoration-color: #14323B; }
    section#sidecart .sidecart-wrap .sidecart-size {
      padding-bottom: 15px; }
      section#sidecart .sidecart-wrap .sidecart-size span {
        font-size: 11px;
        line-height: 1.2;
        color: #696969; }
        @media only screen and (max-width: 767px) {
          section#sidecart .sidecart-wrap .sidecart-size span {
            font-size: 11px; } }
    section#sidecart .sidecart-wrap .sidecart-quantity {
      max-width: 100px !important;
      height: 32px;
      position: relative;
      padding-top: 1px; }
      section#sidecart .sidecart-wrap .sidecart-quantity span {
        /*
        padding: 8px 13px;
        margin: 0 5px;
        border-left: 1px solid #EAEAEA;
        border-right: 1px solid #EAEAEA;
        */
        width: 30px;
        display: inline-block;
        font-size: 13px;
        background: white;
        border: 1px solid #C8C8C8;
        border-radius: 4px;
        padding: 8px 2px;
        text-align: center; }
      section#sidecart .sidecart-wrap .sidecart-quantity a {
        font-size: 16px;
        color: #696969;
        letter-spacing: 1px;
        text-align: center;
        line-height: 16px;
        text-decoration: none;
        position: relative;
        top: 1px;
        width: 12px;
        display: inline-block; }
    section#sidecart .sidecart-wrap .-price {
      font-size: 14px;
      color: #14323B;
      letter-spacing: 0;
      line-height: 27px; }
      section#sidecart .sidecart-wrap .-price span {
        float: right; }
      section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip {
        width: 225px;
        display: inline-block;
        position: absolute;
        left: 29px;
        bottom: -27px;
        bottom: 80px;
        visibility: hidden;
        opacity: 0;
        padding: 25px;
        background: #fff;
        font-family: 'CentraNo2', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
        border-radius: 5px;
        transition: all .3s ease;
        color: #14323B;
        border: 1px solid #B0CCDE;
        line-height: 17px; }
        @media (max-width: 500px) {
          section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip {
            bottom: 100px; } }
        @media (max-width: 449px) {
          section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip {
            bottom: 115px; } }
        @media (max-width: 333px) {
          section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip {
            bottom: 150px; } }
        section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip:before {
          width: 0;
          height: 0;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-bottom: 11px solid #B0CCDE;
          content: "";
          position: absolute;
          left: 54px;
          top: -11px; }
        section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip:after {
          width: 0;
          height: 0;
          border-left: 11px solid transparent;
          border-right: 11px solid transparent;
          border-bottom: 9px solid #fff;
          content: "";
          position: absolute;
          left: 56px;
          top: -9px; }
      section#sidecart .sidecart-wrap .-price span.rc-notice-tooltip.show-tooltip {
        visibility: visible;
        opacity: 1;
        transition: all .3s ease;
        z-index: 3; }
      section#sidecart .sidecart-wrap .-price span.green-free {
        color: #6BB785;
        font-weight: 500; }
    section#sidecart .sidecart-wrap .-totals {
      border-bottom: 1px solid #EAEAEA;
      padding: 10px 0; }
    section#sidecart .sidecart-wrap .-estimated-total {
      padding: 10px 0;
      border-bottom: 1px solid #C8C8C8; }
      section#sidecart .sidecart-wrap .-estimated-total label {
        font-weight: bold;
        font-size: 14px;
        color: #14323B;
        letter-spacing: 0;
        line-height: 27px; }
      section#sidecart .sidecart-wrap .-estimated-total span {
        float: right;
        font-weight: bold;
        font-size: 14px;
        color: #14323B;
        letter-spacing: 0;
        line-height: 27px; }
    section#sidecart .sidecart-wrap .-sidecart-note p {
      font-size: 11px;
      margin: 20px 0;
      text-align: center;
      color: #696969;
      line-height: 1.4; }
    section#sidecart .sidecart-wrap .no-items-in-cart {
      max-width: none !important;
      width: 100% !important;
      border-bottom: none !important; }

.sidecart-manual-upsell {
  padding: 0 20px;
  margin: 40px 0; }
  .sidecart-manual-upsell img {
    width: 100%; }

.sidecart__footer {
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 20px 25px; }
  @media only screen and (max-width: 767px) {
    .sidecart__footer {
      box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.25); } }
  .sidecart__footer .sidecart__subtotal {
    text-align: center;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600; }
    .sidecart__footer .sidecart__subtotal span {
      color: #EE2B24; }
  .sidecart__footer .-sidecart-note p {
    font-size: 11px;
    margin: 0 0 15px;
    text-align: center;
    color: #696969;
    line-height: 1.4; }
  .sidecart__footer .sidecart__actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .sidecart__footer .sidecart__actions .sidecart__button {
      flex: 1;
      background-color: #fff;
      text-transform: capitalize;
      width: 100%;
      padding: 18px 0;
      color: #49b5e2;
      border: 2px solid #49b5e2;
      text-align: center;
      border-radius: 4px;
      font-size: 17px;
      font-weight: 700;
      line-height: 25px;
      text-align: center;
      letter-spacing: 1px; }
    .sidecart__footer .sidecart__actions .sidecart__checkout {
      background-color: #49b5e2;
      color: #fff;
      flex: 1;
      margin-left: 15px; }
      .sidecart__footer .sidecart__actions .sidecart__checkout svg {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0; }

.sidecart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(20, 50, 59, 0.43);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1999; }

body.sidecart-open section#sidecart {
  right: 0;
  transition: right 0.4s;
  overflow-y: auto; }
  @media (max-width: 500px) {
    body.sidecart-open section#sidecart {
      width: 100%;
      overflow-y: auto; }
      body.sidecart-open section#sidecart .sidecart-wrap table {
        width: 100%; } }
body.sidecart-open .sidecart-overlay {
  opacity: 1;
  transition: opacity 0.2s;
  pointer-events: auto; }

.sidecart-header {
  position: relative;
  padding: 30px 15px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #DCDCDC; }
  .sidecart-header .icon-slide-arrow-left {
    position: absolute;
    top: 30px;
    left: 30px; }

.sidecart-totals {
  position: absolute;
  bottom: 0;
  height: 320px; }

.sidecart-price {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 15px 0; }

/*================ Site Header ================*/
body.nav-active {
  overflow: hidden;
  background: #fff; }

@keyframes slidedown {
  from {
    transform: translateY(-100%); }

  to {
    transform: translateY(0); } }

body.navStick #shopify-section-header .announcement-bar {
  animation: slidedown 0.5s;
  -webkit-animation: slidedown 0.5s;
  /* Safari 4.0 - 8.0 */
  position: fixed;
  width: 100%;
  z-index: 1000; }

.header__container {
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .header__container {
      padding-top: 20px;
      padding-bottom: 18px; } }
  .header__container:not(.has-announcement) {
    border-top: 20px solid #49b5e2; }
  .nav-active .header__container {
    position: inherit; }
  @media only screen and (max-width: 1024px) {
    .header__container .grid__item {
      padding-left: 0;
      float: none;
      width: auto; } }

.header .logo {
  margin: 0; }
  @media only screen and (min-width: 1025px) {
    .header .logo {
      display: block; } }

@media only screen and (min-width: 1025px) {
  .search-toggle-btn {
    display: none; } }

.site-nav,
.utility-nav {
  list-style: none;
  padding-left: 0; }

.utility-nav {
  width: calc(100% - 200px); }
  @media only screen and (max-width: 1024px) {
    .utility-nav {
      text-align: center;
      width: 100%; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .utility-nav {
      display: flex;
      justify-content: flex-end; } }
  @media only screen and (min-width: 1025px) {
    .utility-nav {
      text-align: right;
      font-size: 0px;
      margin: 0;
      line-height: normal; } }
  .utility-nav a {
    text-transform: uppercase;
    color: #231f20;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700; }
    @media only screen and (min-width: 1200px) {
      .utility-nav a {
        font-size: 10px; } }
    @media only screen and (min-width: 1025px) {
      .utility-nav a:hover {
        color: #49b5e2; } }

@media only screen and (max-width: 1024px) {
  .utility-nav__item {
    margin-bottom: 5px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
    .utility-nav__item:nth-of-type(2) {
      display: none; } }
@media only screen and (min-width: 1200px) {
  .utility-nav__item {
    display: inline-block;
    margin-right: 10px;
    line-height: 16px; }
    .utility-nav__item:nth-of-type(2) {
      display: none; } }
@media only screen and (min-width: 1025px) {
  .utility-nav__item:after {
    content: '|';
    color: #dedede; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item:after {
    padding-left: 12px;
    padding-right: 12px; } }
@media only screen and (min-width: 1200px) {
  .utility-nav__item:after {
    padding-left: 8px;
    margin-right: 8px; } }
@media only screen and (min-width: 1025px) {
  .utility-nav__item:last-child:after {
    padding-right: 0; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item a {
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 50%; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item a span {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item[class*='--store-locator'] a {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-location.png?v=158059601249458118091674861328);
    background-size: 15px;
    height: 20px;
    width: 15px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item[class*='--contact-us'] a {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-contact.png?v=83217383036649139401674861326);
    background-size: 20px;
    height: 21px;
    width: 20px; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .utility-nav__item[class*='--account'] a {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-account.png?v=140784728643833935841674861321);
    background-size: 17px;
    height: 20px;
    width: 17px; } }

@media only screen and (max-width: 1024px) {
  .utility-nav__container.is-open {
    display: block !important; }
    .utility-nav__container.is-open .utility-nav {
      display: none; } }

@media only screen and (max-width: 1024px) {
  .site-nav {
    display: none; } }

.site-nav__list {
  list-style: none;
  padding: 0;
  padding-left: 0; }
  @media only screen and (max-width: 1024px) {
    .site-nav__list {
      margin: 0; } }
  @media only screen and (min-width: 1025px) {
    .site-nav__list {
      display: block;
      text-align: center; } }

/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.fpo {
  background: white;
  padding: 45px 0;
  width: 100%;
  height: 800px; }

@media only screen and (max-width: 1024px) {
  .product-label {
    width: auto;
    text-align: center;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1025px) {
  .product-label {
    position: absolute;
    left: -60px;
    top: 5px; } }
.product-label p {
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }
  @media only screen and (max-width: 1024px) {
    .product-label p {
      font-size: 11px; } }
  @media only screen and (min-width: 1025px) {
    .product-label p {
      position: absolute;
      z-index: 1;
      font-family: "FrenteH1", Arial, sans-serif;
      font-size: 20px;
      letter-spacing: 2px;
      top: 44%;
      left: 50%;
      transform: rotate(-6deg); } }
@media only screen and (max-width: 1024px) {
  .product-label .icon {
    display: none; } }
@media only screen and (min-width: 1025px) {
  .product-label .icon {
    width: 96px;
    height: 68px; } }
@media only screen and (max-width: 1024px) {
  .product-label[class*='--sale'] .product-label__content {
    background-color: #ef3629; } }
.product-label[class*='--sale'] p {
  color: white; }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--new'] .icon path {
    stroke: #c4d600;
    fill: #c4d600; } }
@media only screen and (max-width: 1024px) {
  .product-label[class*='--new'] .product-label__content {
    background-color: #c4d600; } }
@media only screen and (max-width: 1024px) {
  .product-label[class*='--simple'] {
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%); } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--simple'] {
    left: 50%;
    top: -15px;
    transform: translateX(-50%); } }
.product-label[class*='--simple'] p {
  color: #231f20; }
  @media only screen and (min-width: 1025px) {
    .product-label[class*='--simple'] p {
      top: 47%;
      left: 54%;
      transform: rotate(-6deg) translate(-50%, -50%); } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--simple'] .icon {
    width: 69px;
    height: 54px; } }
.product-label[class*='--simple'][class*='--sale'] p {
  color: white; }
@media only screen and (max-width: 1024px) {
  .product-label[class*='--cart'] {
    text-align: left;
    margin-bottom: 5px; } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--cart'] {
    position: relative;
    left: auto;
    top: auto; } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--cart'] p {
    position: relative;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    transform: none;
    font-size: 11px;
    letter-spacing: auto;
    top: auto;
    left: auto; } }
.product-label[class*='--cart'] .icon {
  display: none; }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--cart'] .product-label__content {
    width: auto;
    display: inline-block;
    text-align: center;
    border-radius: 12px;
    padding: 5px 15px;
    margin-bottom: 8px; } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--cart'][class*='--sale'] .product-label__content {
    background-color: #ef3629; } }
@media only screen and (min-width: 1025px) {
  .product-label[class*='--cart'][class*='--new'] .product-label__content {
    background-color: #c4d600; } }

.product-label__content {
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .product-label__content {
      width: auto;
      display: inline-block;
      text-align: center;
      border-radius: 12px;
      padding: 5px 15px; } }

@media only screen and (max-width: 767px) {
  .full-width__container {
    background-image: none !important;
    margin-bottom: 0;
    margin-top: 50px; } }
@media only screen and (min-width: 768px) {
  .full-width__container {
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .full-width__container {
    background-position: 50%; } }
.full-width__container .grid--no-gutters {
  max-width: 1440px;
  margin: 0 auto;
  position: relative; }

.full-width__image {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .full-width__image {
      max-height: 400px; } }
  @media only screen and (min-width: 768px) {
    .full-width__image {
      visibility: hidden; } }

.full-width__content {
  text-align: center;
  color: white; }
  @media only screen and (max-width: 1024px) {
    .full-width__content {
      padding: 15px 10px !important; } }
  @media only screen and (min-width: 1025px) {
    .full-width__content {
      padding: 25px 20px !important; } }
  @media only screen and (min-width: 1025px) {
    .full-width__content {
      position: absolute;
      top: 0;
      height: 100%; } }
  .full-width__content:after, .full-width__content:before {
    content: '';
    background-color: white;
    width: calc(100% - 8px);
    height: 2px;
    border-radius: 2px;
    display: block; }
  @media only screen and (max-width: 1024px) {
    .full-width__content:after {
      transform: rotate(-0.5deg) translateX(8px); } }
  @media only screen and (min-width: 1025px) {
    .full-width__content:after {
      transform: rotate(-0.5deg) translateX(10px); } }
  .full-width__content:before {
    transform: rotate(-0.5deg); }
  @media only screen and (min-width: 1025px) {
    .full-width__content[class*='--left'] {
      left: 0; } }
  @media only screen and (min-width: 1025px) {
    .full-width__content[class*='--right'] {
      right: 0; } }
  .full-width__content[class*='--gold'] {
    background-color: #dfa424; }
  .full-width__content[class*='--blue'] {
    background-color: #40b4e5; }
  .full-width__content[class*='--brown'] {
    background-color: #b55a37; }
  .full-width__content[class*='--pink'] {
    background-color: #aa1b49; }
  .full-width__content[class*='--black'] {
    background-color: #231f20; }
  .full-width__content[class*='--green'] {
    background-color: #3fae2a; }
  .full-width__content[class*='--red'] {
    background-color: #ed2724; }

.full-width__content-border {
  position: relative;
  height: 100%; }
  @media only screen and (max-width: 1024px) {
    .full-width__content-border {
      padding: 20px 40px; } }
  @media only screen and (min-width: 1025px) {
    .full-width__content-border {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 0 40px;
      flex-wrap: wrap;
      align-content: center; } }
  .full-width__content-border:after, .full-width__content-border:before {
    content: '';
    background-color: white;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    display: block;
    position: absolute; }
  .full-width__content-border:after {
    bottom: -8px;
    right: 8px;
    transform: rotate(-0.5deg); }
  .full-width__content-border:before {
    top: -8px;
    left: 8px;
    transform: rotate(0.5deg); }
    @media only screen and (max-width: 1024px) {
      .full-width__content-border:before {
        top: -8px; } }
    @media only screen and (min-width: 1025px) {
      .full-width__content-border:before {
        top: -10px; } }

@media only screen and (max-width: 1199px) {
  .full-width__icon {
    display: none; } }
@media only screen and (min-width: 1200px) {
  .full-width__icon {
    flex-basis: 100%;
    margin: 0 auto 22px; } }
.full-width__icon img {
  max-width: 145px; }
.full-width__icon .icon {
  width: 70px;
  height: 53px; }

.full-width__title {
  text-transform: uppercase;
  margin-top: 0; }
  @media only screen and (max-width: 1024px) {
    .full-width__title {
      font-size: 28px;
      line-height: 34px;
      margin-bottom: 8px; } }
  @media only screen and (min-width: 1025px) {
    .full-width__title {
      font-size: 48px;
      line-height: 58px;
      margin-bottom: 30px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 1000px) and (max-width: 1300px) {
    .full-width__title {
      font-size: 30px; } }
  .full-width__title:after {
    content: '';
    background-color: white;
    height: 2px;
    width: 34px;
    display: block; }
    @media only screen and (max-width: 1024px) {
      .full-width__title:after {
        margin: 8px auto 0; } }
    @media only screen and (min-width: 1025px) {
      .full-width__title:after {
        margin: 12px auto 0; } }

@media only screen and (max-width: 1024px) {
  .full-width__description {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 25px; } }
@media only screen and (min-width: 1025px) {
  .full-width__description {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 35px;
    margin-top: 0; } }

@media only screen and (max-width: 1024px) {
  .cta-overlay {
    margin-bottom: 18px;
    margin-top: 18px; } }
@media only screen and (min-width: 1025px) {
  .cta-overlay {
    position: relative; } }

.cta-overlay__image {
  display: block; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cta-overlay__image {
      max-height: 300px;
      overflow: hidden; } }
  .cta-overlay__image img {
    display: block; }
    @media only screen and (max-width: 1024px) {
      .cta-overlay__image img {
        width: 100%; } }

@media only screen and (max-width: 1024px) {
  .cta-overlay__content-container {
    position: relative; } }
@media only screen and (min-width: 1025px) {
  .cta-overlay__content-container {
    position: absolute; } }
@media only screen and (min-width: 1025px) {
  .cta-overlay__content-container[class*='--top'] {
    top: 55px; } }
@media only screen and (min-width: 1025px) {
  .cta-overlay__content-container[class*='--bottom'] {
    bottom: 55px; } }

.cta-overlay__content {
  text-align: center;
  color: white; }
  @media only screen and (max-width: 1024px) {
    .cta-overlay__content {
      padding: 55px 20px 35px; } }
  @media only screen and (min-width: 1025px) {
    .cta-overlay__content {
      padding: 55px 75px;
      margin: 0 50px; } }
  .cta-overlay__content:before, .cta-overlay__content:after {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-cta-squiggle.svg?v=36907438706156394251674861326);
    background-position: 50%;
    background-size: 101%;
    background-repeat: no-repeat;
    width: 100%;
    height: 15px;
    display: block;
    position: absolute;
    left: 0;
    opacity: 0.15; }
    @media only screen and (min-width: 1025px) {
      .cta-overlay__content:before, .cta-overlay__content:after {
        width: calc(100% - 100px);
        left: 50px; } }
  .cta-overlay__content:before {
    top: 0; }
    @media only screen and (max-width: 1024px) {
      .cta-overlay__content:before {
        margin: 18px auto 0; } }
    @media only screen and (min-width: 1025px) {
      .cta-overlay__content:before {
        margin: 12px auto 0; } }
  @media only screen and (max-width: 1024px) {
    .cta-overlay__content:after {
      display: none; } }
  @media only screen and (min-width: 1025px) {
    .cta-overlay__content:after {
      bottom: 0;
      margin: 0 auto 12px; } }
  .cta-overlay__content[class*='--gold'] {
    background-color: #dfa424; }
  .cta-overlay__content[class*='--blue'] {
    background-color: #40b4e5; }
  .cta-overlay__content[class*='--brown'] {
    background-color: #b55a37; }
  .cta-overlay__content[class*='--pink'] {
    background-color: #aa1b49; }
  .cta-overlay__content[class*='--black'] {
    background-color: #231f20; }
  .cta-overlay__content[class*='--green'] {
    background-color: #3fae2a; }

.cta-overlay__header {
  margin-top: 0;
  margin-bottom: 12px; }
  @media only screen and (max-width: 1024px) {
    .cta-overlay__header {
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 1.5px; } }
  @media only screen and (min-width: 1025px) {
    .cta-overlay__header {
      font-size: 34px;
      line-height: 41px;
      letter-spacing: 3px; } }

.cta__description {
  margin-top: 0; }
  @media only screen and (max-width: 1024px) {
    .cta__description {
      font-size: 13px;
      line-height: 20px;
      letter-spacing: .25px;
      margin-bottom: 15px; } }
  @media only screen and (min-width: 1025px) {
    .cta__description {
      font-size: 15px;
      line-height: 22px;
      letter-spacing: .3px;
      margin-bottom: 25px; } }

.cta__header {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px; }
  @media only screen and (max-width: 1024px) {
    .cta__header {
      font-size: 11px;
      margin: 0 auto 22px; } }
  @media only screen and (min-width: 1025px) {
    .cta__header {
      font-size: 14px;
      margin: 0 auto 50px; } }

.collection-section-list__bg {
  position: absolute;
  width: 100%;
  z-index: -1; }

@media only screen and (max-width: 1024px) {
  .image-content__image-container,
  .image-content__content {
    text-align: center; } }

@media only screen and (max-width: 1024px) {
  .image-content__image-container {
    margin-bottom: 30px; } }

.image-content__icon {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .image-content__icon {
      margin: 0 auto 10px; } }
  @media only screen and (min-width: 1025px) {
    .image-content__icon {
      margin-bottom: 18px; } }

@media only screen and (min-width: 1025px) {
  .image-content__image {
    padding: 0 50px; } }

@media only screen and (max-width: 1024px) {
  .image-content__content {
    margin-top: 30px; } }
@media only screen and (min-width: 1025px) {
  .image-content__content {
    padding-top: 60px; } }
@media only screen and (min-width: 1025px) {
  .image-content__content[class*='--less-padding'] {
    padding-top: 35px; } }
@media only screen and (max-width: 1024px) {
  .image-content__content[class*='--order2'] {
    order: 2;
    margin-top: 0; } }
.image-content__content .icon-bobos-heart {
  width: 46px;
  height: 42px; }

.image-content__title {
  margin-top: 0;
  font-family: "FrenteH1", Arial, sans-serif; }
  @media only screen and (max-width: 1024px) {
    .image-content__title {
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 1.5px;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 1025px) {
    .image-content__title {
      font-size: 48px;
      line-height: 58px;
      letter-spacing: 4px;
      margin-bottom: 20px; } }

.icon-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .icon-list {
      justify-content: center;
      margin-top: 35px;
      margin-bottom: 10px; } }

@media only screen and (max-width: 1024px) {
  .icon-list__item {
    width: 33.33%;
    flex-basis: 33%;
    margin-bottom: 18px; } }
@media only screen and (min-width: 1025px) {
  .icon-list__item {
    width: 20%;
    flex-basis: 20%; } }
.icon-list__item h3,
.icon-list__item span {
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 300;
  line-height: 18px;
  margin-top: 14px; }
.icon-list__item .icon {
  width: 34px;
  height: 34px; }

.three-cta__section {
  background: whitesmoke; }
  .three-cta__section .f-icomy path {
    fill: #46ae29; }
  @media only screen and (max-width: 1024px) {
    .three-cta__section {
      margin-top: 40px;
      margin-bottom: 0;
      padding-top: 45px;
      padding-bottom: 55px; } }
  @media only screen and (min-width: 1025px) {
    .three-cta__section {
      padding-top: 65px;
      padding-bottom: 60px;
      margin-bottom: 0; } }
  .three-cta__section .section__container {
    margin-bottom: 0; }
  .three-cta__section hr {
    background-color: rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 768px) {
      .three-cta__section hr {
        display: none; } }
    .three-cta__section hr:before {
      border-color: rgba(0, 0, 0, 0.1); }
    .three-cta__section hr:after {
      background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/hr-squiggle--black.svg?v=15541760701830010401674861318); }
  .three-cta__section[class*='--blue'] {
    background: #40b4e5;
    color: white; }
    .three-cta__section[class*='--blue'] hr:before {
      background-color: #40b4e5; }
    .three-cta__section[class*='--blue'] hr:after {
      background-color: #40b4e5; }
  .three-cta__section[class*='--gold'] {
    background: #dfa424;
    color: white; }
    .three-cta__section[class*='--gold'] hr:before {
      background-color: #dfa424; }
    .three-cta__section[class*='--gold'] hr:after {
      background-color: #dfa424; }
  .three-cta__section[class*='--purple'] {
    background: #8e2045;
    color: white; }
    .three-cta__section[class*='--purple'] hr:before {
      background-color: #8e2045; }
    .three-cta__section[class*='--purple'] hr:after {
      background-color: #8e2045; }
  .three-cta__section[class*='--red'] {
    background: #ef3629;
    color: white; }
    .three-cta__section[class*='--red'] hr:before {
      background-color: #ef3629; }
    .three-cta__section[class*='--red'] hr:after {
      background-color: #ef3629; }
  .three-cta__section[class*='--green'] {
    background: #3fae2a;
    color: white; }
    .three-cta__section[class*='--green'] hr:before {
      background-color: #3fae2a; }
    .three-cta__section[class*='--green'] hr:after {
      background-color: #3fae2a; }
  .three-cta__section[class*='--no-margin'] {
    margin-bottom: 0; }

.three-cta {
  *zoom: 1; }
  .three-cta::after {
    content: '';
    display: table;
    clear: both; }

.three-cta__content {
  text-align: center; }
  @media only screen and (min-width: 1025px) {
    .three-cta__content {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .three-cta__content[class*='--half-mobile'] {
      float: left;
      width: 100%;
      padding-left: 0;
      text-align: left;
      margin-bottom: 35px;
      margin-top: 22px; } }
  @media only screen and (max-width: 1024px) {
    .three-cta__content[class*='--half-mobile'] p {
      font-size: 12px;
      line-height: 16px;
      margin: 8px 0 0; } }
  @media only screen and (min-width: 1025px) {
    .three-cta__content[class*='--half-mobile'] p {
      font-size: 15px;
      line-height: 22px;
      margin: 8px auto 0; } }

.three-cta__header {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: normal; }
  @media only screen and (max-width: 1024px) {
    .three-cta__header {
      margin-top: 18px;
      margin-bottom: 20px; } }
  @media only screen and (min-width: 1025px) {
    .three-cta__header {
      margin-top: 30px;
      margin-bottom: 15px; } }
  .three-cta__header[class*='--uppercase'] {
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .three-cta__header[class*='--uppercase'] {
        margin: 0; } }
    @media only screen and (max-width: 1024px) {
      .three-cta__header[class*='--uppercase'] {
        font-size: 12px;
        line-height: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .three-cta__header[class*='--uppercase'] {
        margin-top: 35px;
        margin-bottom: 8px; } }
    @media only screen and (min-width: 1025px) {
      .three-cta__header[class*='--uppercase'] {
        font-size: 15px;
        line-height: 22px;
        margin-top: 45px;
        margin-bottom: 8px; } }

.three-cta__image-container {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .three-cta__image-container[class*='--half-mobile'] {
      float: left;
      width: 100%;
      margin-bottom: 35px;
      margin-top: 22px; } }
  .three-cta__image-container .icon-background {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    padding: 8px;
    border-radius: 50%; }
    .three-cta__section--blue .three-cta__image-container .icon-background {
      background-color: #40b4e5; }
    .three-cta__section--gold .three-cta__image-container .icon-background {
      background-color: #dfa424; }
    .three-cta__section--purple .three-cta__image-container .icon-background {
      background-color: #8e2045; }
    .three-cta__section--green .three-cta__image-container .icon-background {
      background-color: #3fae2a; }
    .three-cta__section--red .three-cta__image-container .icon-background {
      background-color: #ef3629; }
  @media only screen and (max-width: 1024px) {
    .three-cta__image-container .icon {
      width: 46px;
      height: 46px; } }
  @media only screen and (min-width: 1025px) {
    .three-cta__image-container .icon {
      width: 60px;
      height: 60px; } }

.three-cta__image img {
  width: 100%; }

@media only screen and (max-width: 1024px) {
  .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: auto;
    border-radius: 0;
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-arrow-down--white.svg?v=49336802610746491251674861322);
    background-repeat: no-repeat;
    background-position: 50%; } }
.slick-arrow span {
  visibility: hidden; }
@media only screen and (max-width: 1024px) {
  .slick-arrow.slick-prev {
    left: 0; } }
@media only screen and (max-width: 1024px) {
  .slick-arrow.slick-next {
    right: 0; } }

/*================ Giftcard Template ================*/
.giftcard-qr img {
  display: block;
  margin: 0 auto; }

.apple-wallet-image {
  display: block;
  margin: 0 auto; }

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm; }

  p {
    orphans: 3;
    widows: 3; }

  html,
  body {
    background-color: #fff;
    color: #000; }

  .print-giftcard,
  .apple-wallet {
    display: none; } }
@media only screen and (max-width: 1024px) {
  .featured-image {
    /*  text-align: center; */ } }
@media only screen and (min-width: 1025px) {
  .featured-image {
    margin-top: 20px; } }

.product-title {
  font-family: "FrenteH1", Arial, sans-serif;
  font-weight: 600; }
  @media only screen and (max-width: 1024px) {
    .product-title {
      font-size: 30px;
      line-height: 37px;
      letter-spacing: 1.5px;
      /*  text-align: center; */
      margin-top: 20px;
      margin-bottom: 8px; } }
  @media only screen and (min-width: 1025px) {
    .product-title {
      font-size: 38px;
      line-height: 46px;
      letter-spacing: 3px;
      margin-top: 0;
      margin-bottom: 5px; } }

.product-variant {
  font-weight: 700; }
  @media only screen and (max-width: 1024px) {
    .product-variant {
      font-size: 11px;
      line-height: 14px;
      margin-top: 8px;
      margin-bottom: 8px;
      /*  text-align: center; */ } }
  @media only screen and (min-width: 1025px) {
    .product-variant {
      font-size: 12px;
      line-height: 16px;
      margin-top: 5px;
      margin-bottom: 10px; } }

@media only screen and (max-width: 1024px) {
  .product-category__link {
    font-size: 0.75rem; } }
@media only screen and (min-width: 1025px) {
  .product-category__link {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1025px) {
  .product-category__link .icon {
    transform: rotate(-90deg);
    width: 7px;
    height: 5px; } }

.buy-container {
  position: relative;
  z-index: 0; }
  @media only screen and (max-width: 1024px) {
    .buy-container {
      *zoom: 1; }
      .buy-container::after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 1024px) and (max-width: 767px) {
      .buy-container {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
      .buy-container {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
      .buy-container {
        padding-left: 45px;
        padding-right: 45px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1200px) {
      .buy-container {
        padding-left: 50px;
        padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .buy-container {
      padding-top: 27px; } }
  @media only screen and (min-width: 1025px) {
    .buy-container {
      padding-top: 35px;
      margin-bottom: 30px; } }
  .buy-container:before {
    content: '';
    background-color: whitesmoke;
    width: 100%;
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 1024px) {
      .buy-container:before {
        height: 25%;
        top: -31px; } }
    @media only screen and (min-width: 1025px) {
      .buy-container:before {
        height: 58%;
        top: -57px; } }
  .buy-container:after {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/buy-container-lines.svg?v=130659885665981211121674861274);
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 14px;
    z-index: -1; }
    @media only screen and (max-width: 1024px) {
      .buy-container:after {
        top: calc(25% - 24px); } }
    @media only screen and (min-width: 1025px) {
      .buy-container:after {
        top: calc(58% - 57px); } }

.buy-container__grid {
  max-width: 1440px;
  margin: 0 auto; }

@media only screen and (max-width: 1024px) {
  .buy-container__form {
    margin-top: 30px;
    background: white;
    border-radius: 4px;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.2);
    padding: 20px; } }
@media only screen and (min-width: 1025px) {
  .buy-container__form {
    position: relative;
    background: white;
    border-radius: 4px;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.2); } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .buy-container__form {
    padding: 35px 40px; } }
@media only screen and (min-width: 1200px) {
  .buy-container__form {
    padding: 35px 50px 46px; } }

.buy-container__actions {
  margin-top: 28px;
  margin-right: auto; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .buy-container__actions {
      max-width: 500px;
      margin-left: auto !important; } }
  @media only screen and (max-width: 1024px) {
    .buy-container__actions .btn--primary {
      padding: 0;
      height: 50px;
      font-size: 0.75rem !important; } }
  @media only screen and (min-width: 1025px) {
    .buy-container__actions .btn--primary {
      padding: 0;
      height: 50px; } }

.buy-container__qty {
  font-size: 14px; }
  @media only screen and (max-width: 1024px) {
    .buy-container__qty {
      height: 50px; } }
  @media only screen and (min-width: 1025px) {
    .buy-container__qty {
      height: 60px; } }

.product-price {
  color: #49b5e2;
  font-weight: 700;
  margin-bottom: 1.63rem;
  margin-top: 1.63rem;
  display: flex;
  gap: 1rem; }
  @media only screen and (max-width: 1024px) {
    .product-price {
      font-size: 1.25rem;
      line-height: 1.5rem;
      /* letter-spacing: 0.40px;*/
      text-align: center;
      gap: .5rem; } }
  @media only screen and (min-width: 1025px) {
    .product-price {
      font-size: 1.125rem;
      /* line-height:28px;*/ } }
  .product-price[class*='--sale'] {
    color: #ef3629; }
    .product-price[class*='--sale']:after {
      content: 'sale';
      display: inline-block;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px; }
    .product-price[class*='--sale'] s {
      color: #c2c2c2;
      vertical-align: top;
      margin-right: 10px; }
      @media only screen and (max-width: 1024px) {
        .product-price[class*='--sale'] s {
          font-size: 14px; } }
      @media only screen and (min-width: 1025px) {
        .product-price[class*='--sale'] s {
          font-size: 18px; } }

.stock-message {
  font-weight: 700;
  color: #ef3629;
  font-size: 11px;
  line-height: 16px;
  margin-top: 9px; }

.product-content__header {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.35px;
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .product-content__header {
      margin-top: 45px; } }

.tabs {
  display: flex;
  padding: 5px;
  justify-content: center;
  text-align: center;
  max-width: 18.75rem;
  margin: 0 auto !important;
  height: 3.125rem;
  background: #F2F2F2;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 6.25rem !important; }
  @media only screen and (max-width: 1024px) {
    .tabs {
      margin-top: 35px;
      margin-bottom: 27px; } }
  @media only screen and (min-width: 1025px) {
    .tabs {
      margin-top: 60px;
      margin-bottom: 38px; } }

.tabs__item {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .35px;
  text-transform: uppercase;
  margin: 0;
  color: #231f20;
  border: 2px solid #231f20;
  border-radius: 4px;
  cursor: pointer; }
  @media only screen and (max-width: 1024px) {
    .tabs__item {
      padding: 20px 0;
      width: 140px; } }
  @media only screen and (min-width: 1025px) {
    .tabs__item {
      padding: 25px 0;
      width: 215px; } }
  .tabs__item:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .tabs__item:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .tabs__item.active {
    color: white;
    background-color: #231f20; }
  @media only screen and (max-width: 1024px) {
    .tabs__item {
      font-size: 11px; } }
  @media only screen and (min-width: 1025px) {
    .tabs__item {
      font-size: 14px; } }

.tabs__content {
  display: none; }
  .tabs__content.active {
    display: block; }

.nutrition-table {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  border-bottom: 1px solid #dedede; }
  @media only screen and (max-width: 1024px) {
    .nutrition-table {
      margin-top: 27px; } }
  @media only screen and (min-width: 1025px) {
    .nutrition-table {
      margin-top: 45px; } }
  .nutrition-table dd {
    text-align: right; }

.nutrition-table__item {
  float: left;
  display: inline-block;
  width: 50%;
  margin: 0;
  color: dimgrey;
  background-color: whitesmoke;
  border-top: 1px solid #dedede; }
  @media only screen and (max-width: 1024px) {
    .nutrition-table__item {
      padding-left: 9px;
      padding-right: 9px; } }
  @media only screen and (min-width: 1025px) {
    .nutrition-table__item {
      padding-left: 18px;
      padding-right: 18px; } }
  .nutrition-table__item:not(.nutrition-table__item--header):nth-child(4n-1) {
    background-color: white; }
  .nutrition-table__item:not(.nutrition-table__item--header):nth-child(4n) {
    background-color: white; }
  @media only screen and (max-width: 1024px) {
    .nutrition-table__item {
      padding-top: 12px;
      padding-bottom: 12px;
      font-size: 12px; } }
  @media only screen and (min-width: 1025px) {
    .nutrition-table__item {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 14px; } }
  .nutrition-table__item[class*='--header'] {
    background-color: white;
    color: #231f20;
    font-weight: 700;
    border-top: none;
    border-bottom: 1px solid #dedede; }

@media only screen and (max-width: 1024px) {
  .nutrition-servings {
    font-size: 11px;
    line-height: 17px; } }

@media only screen and (max-width: 1024px) {
  .read-more__container {
    margin-bottom: 50px; } }
@media only screen and (min-width: 1025px) {
  .read-more__container {
    margin-bottom: 100px; } }

.read-more__content--reviews {
  height: 100%; }
  .read-more__content--reviews .stamped-content {
    display: none; }
  .read-more__content--reviews.open .stamped-content {
    display: block; }

.read-more__btn {
  /*
      @include media-query($medium-down){
          margin-top:35px;
      }
  */ }

@media only screen and (max-width: 1024px) {
  div#rc_container {
    /* max-width: 250px; */
    margin: 0 auto; }

  label.rc_label.rc_label__deliver_every {
    padding-left: 0; } }
div.rc_block__type--active + div.rc_popup {
  display: none; }

#rc_autodeliver_options {
  margin-top: 20px; }

.rc_popup {
  display: none !important; }

label.rc_label {
  text-transform: initial; }

label.rc_label.rc_label__autodeliver {
  text-transform: initial;
  white-space: initial; }

/* PDP update buy box and gallery */
div.rc_block__type {
  /* padding: 0 !important; */ }

span.rc_label__delivery {
  padding-right: 0 !important; }

label.rc_label.rc_label__deliver_every {
  padding-top: 0;
  font-size: 10px;
  color: #696969 !important;
  letter-spacing: 0;
  text-align: left;
  width: 100%; }
  label.rc_label.rc_label__deliver_every span {
    font-size: 12px;
    display: block; }

@media only screen and (min-width: 1025px) {
  .navStick .collection-header {
    padding-top: 88px; } }
@media only screen and (min-width: 1025px) {
  .navStick .collection-header[class*='--mini-header'] {
    padding-top: 0; } }

.collection-header__container {
  background-size: cover; }
  @media only screen and (max-width: 1024px) {
    .collection-header__container {
      background-image: none !important; } }
  .collection-header__container:after {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-header-squiggle.svg?v=22906119467767320691674861327);
    background-position: 50%;
    width: 100%;
    height: 12px;
    display: block; }
  @media only screen and (min-width: 1025px) {
    .collection-header__container[class*='--mini-header'] {
      background-position: 99% 0; } }
  @media only screen and (max-width: 1024px) {
    .collection-header__container[class*='--mini-header']:after {
      display: none; } }

.collection-header__grid {
  max-width: 1440px;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .collection-header__grid.grid {
      margin-left: -30px; } }

.collection-header__title {
  font-family: "FrenteH1", Arial, sans-serif;
  display: block; }
  @media only screen and (max-width: 1024px) {
    .collection-header__title {
      text-align: center;
      margin: 12px auto 6px;
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 1.5px;
      color: #231f20; } }
  @media only screen and (min-width: 1025px) {
    .collection-header__title {
      font-size: 48px;
      line-height: 58px;
      letter-spacing: 4px;
      color: white;
      margin-bottom: 22px; } }
  .collection-header__title:after {
    content: '';
    background-color: white;
    width: 34px;
    height: 1.5px;
    display: block; }
  .collection-header__title[class*='--mini-header'] {
    color: #231f20; }
    @media only screen and (max-width: 1024px) {
      .collection-header__title[class*='--mini-header'] {
        margin-bottom: 22px; } }
    @media only screen and (min-width: 1025px) {
      .collection-header__title[class*='--mini-header'] {
        margin-bottom: 0;
        margin-top: 75px; } }
    .collection-header__title[class*='--mini-header']:after {
      background-color: #231f20; }
      @media only screen and (max-width: 1024px) {
        .collection-header__title[class*='--mini-header']:after {
          margin: 8px auto 0; } }

@media only screen and (min-width: 1025px) {
  .collection-header__content {
    *zoom: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    .collection-header__content::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (min-width: 1025px) and (max-width: 767px) {
    .collection-header__content {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 1025px) and (min-width: 768px) and (max-width: 1024px) {
    .collection-header__content {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
    .collection-header__content {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1025px) and (min-width: 1200px) {
    .collection-header__content {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (max-width: 1024px) {
  .collection-header__content .rte {
    display: none; } }
@media only screen and (min-width: 1025px) {
  .collection-header__content .rte {
    color: white; } }
@media only screen and (min-width: 1025px) {
  .collection-header__content .rte p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500; } }
@media only screen and (min-width: 1025px) {
  .collection-header__content[class*='--mini-header'] {
    padding-left: 0;
    padding-right: 0;
    left: 8.333%; } }

@media only screen and (max-width: 1024px) {
  .collection-header__image {
    display: none; } }
@media only screen and (min-width: 1025px) {
  .collection-header__image {
    visibility: hidden; } }

.sub-nav__container {
  background-color: #00ADE6; }
  @media only screen and (min-width: 1025px) {
    .navStick .sub-nav__container {
      position: fixed;
      z-index: 9;
      width: 100%;
      top: 0;
      animation: slidedown 0.5s;
      -webkit-animation: slidedown 0.5s;
      /* Safari 4.0 - 8.0 */ } }

.sub-nav {
  list-style: none;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1024px) {
    .sub-nav {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; } }

.sub-nav__item {
  flex-grow: 1;
  text-align: center;
  align-self: flex-end;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .sub-nav__item {
      width: 40%;
      min-width: 40%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sub-nav__item {
      width: 22%;
      min-width: 22%; } }
  .sub-nav__item a {
    display: block;
    height: 88px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 15px; }
    .sub-nav__item a.active span {
      font-weight: 700;
      border-bottom: 1.5px solid white; }
    @media only screen and (min-width: 1025px) {
      .sub-nav__item a:hover {
        background-color: rgba(255, 255, 255, 0.2); } }
  .sub-nav__item .icon {
    display: block;
    margin: 0 auto;
    flex-basis: 100%;
    align-self: center; }
    .sub-nav__item .icon.icon-bobos-heart {
      height: 35px; }
    .sub-nav__item .icon.icon-oat-bars {
      width: 40px;
      height: 31px; }
    .sub-nav__item .icon.icon-stuffed-bars {
      width: 37px;
      height: 32px; }
    .sub-nav__item .icon.icon-bites {
      width: 27px;
      height: 25px; }
    .sub-nav__item .icon.icon-toastr {
      width: 23px;
      height: 39px; }
    .sub-nav__item .icon.icon-variety-packs {
      width: 28px;
      height: 35px; }
    .sub-nav__item .icon.icon-all-products {
      width: 31px;
      height: 30px; }
  .sub-nav__item span {
    display: block;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    border-bottom: 1.5px solid transparent;
    padding-top: 8px;
    padding-bottom: 3px;
    align-self: flex-end; }

/* COLLECTION HEADER IN COLLECTION-HEADER.SCSS FILE */
.collection-list__container {
  background-color: whitesmoke; }

.collection-list__grid {
  max-width: 1440px;
  margin: 0 auto;
  *zoom: 1; }
  .collection-list__grid::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .collection-list__grid {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .collection-list__grid {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .collection-list__grid {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .collection-list__grid {
      padding-left: 50px;
      padding-right: 50px; } }

.collection-list__actions {
  *zoom: 1;
  display: flex;
  align-items: center; }
  .collection-list__actions::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 1024px) {
    .collection-list__actions {
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .collection-list__actions {
      padding-top: 8px;
      padding-bottom: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .collection-list__actions {
      padding-top: 18px;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 1025px) {
    .collection-list__actions {
      padding-top: 30px;
      padding-bottom: 35px; } }

@media only screen and (max-width: 1024px) {
  .collection-list__count {
    display: none; } }
@media only screen and (min-width: 1025px) {
  .collection-list__count {
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 11px;
    font-weight: 500;
    color: dimgrey; } }

@media only screen and (min-width: 1025px) {
  .collection-sort {
    float: right;
    display: inline-block;
    width: 50%; } }
@media only screen and (min-width: 1025px) {
  .collection-sort label,
  .collection-sort select {
    float: left;
    width: auto; } }
.collection-sort label {
  font-size: 11px;
  line-height: 24px;
  margin-bottom: 0;
  margin-right: 8px; }
  @media only screen and (max-width: 1024px) {
    .collection-sort label {
      width: auto; } }
@media only screen and (max-width: 1024px) {
  .collection-sort select {
    background-image: none !important;
    padding: 0;
    height: auto;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #49b5e2;
    color: #49b5e2;
    font-weight: 500; } }

@media only screen and (min-width: 1025px) {
  #sort-by-container {
    float: right; } }

.sort-by__selector {
  display: flex;
  align-items: center; }

@media only screen and (max-width: 1024px) {
  .collection-list {
    padding-bottom: 50px; } }
@media only screen and (min-width: 1025px) {
  .collection-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px; } }

@media only screen and (max-width: 767px) {
  .collection-list__item {
    margin-bottom: 17px; } }
@media only screen and (min-width: 768px) {
  .collection-list__item {
    display: flex;
    margin-bottom: 30px; }
    .collection-list__item > div {
      position: relative;
      display: flex;
      width: 100%; } }
.collection-list__item .stamped-badge-caption {
  display: none; }

.collection-product {
  border: 1px solid #dedede;
  border-radius: 4px;
  display: block;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 1024px) {
    .collection-product {
      padding: 35px 20px;
      width: 100%; } }
  @media only screen and (min-width: 1025px) {
    .collection-product {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      flex-grow: 1;
      padding: 30px 25px;
      box-shadow: 0px 0px 0px transparent;
      background-color: transparent; } }
  .collection-product > * {
    transition: all ease-in-out 0.2s; }
  @media only screen and (min-width: 1025px) {
    .collection-product:hover {
      position: absolute;
      width: 100%;
      z-index: 1;
      top: 0;
      left: 0;
      box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.2);
      background-color: white; }
      .collection-product:hover .stamped-product-reviews-badge--collection-product {
        visibility: visible;
        opacity: 1; }
      .collection-product:hover .collection-btn--quickbuy {
        visibility: visible;
        opacity: 1;
        display: block; } }
  @media only screen and (min-width: 1025px) {
    .collection-product.has-hidden:hover .collection-image {
      opacity: 0;
      visibility: hidden; }
    .collection-product.has-hidden:hover .hidden {
      opacity: 1;
      visibility: visible; } }

.collection-image__container {
  position: relative;
  flex-basis: 100%; }
  @media only screen and (max-width: 1024px) {
    .collection-image__container .hidden {
      display: none; } }
  @media only screen and (min-width: 1025px) {
    .collection-image__container .hidden {
      transition: all ease-in-out 0.3s;
      opacity: 0;
      visibility: hidden;
      padding: 0 18px;
      height: 130px; } }
  .collection-image__container[class*='--original'] .hidden {
    padding: 0; }

.collection-image {
  transition: all ease-in-out 0.3s;
  opacity: 1;
  visibility: visible; }
  @media only screen and (min-width: 1025px) {
    .collection-image {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding: 0 20px;
      max-height: 130px; } }

.collection-product__header {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 1025px) {
    .collection-product__header {
      flex-grow: 1;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start; } }

.collection-label {
  text-transform: uppercase;
  color: white;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  width: auto;
  display: inline-block;
  text-align: center;
  border-radius: 12px;
  padding: 5px 15px;
  margin-bottom: 6px; }
  @media only screen and (min-width: 1025px) {
    .collection-label {
      align-self: flex-end; } }
  .collection-label[class*='--sale'] {
    background-color: #ef3629; }
  .collection-label[class*='--new'] {
    background-color: #c4d600;
    color: #231f20; }
  .collection-label[class*='--out-of-stock'] {
    background-color: #c2c2c2; }

.collection-product__title {
  color: #231f20;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0; }
  @media only screen and (max-width: 1024px) {
    .collection-product__title {
      font-size: 12px;
      line-height: 19px;
      margin-top: 3px; } }
  @media only screen and (min-width: 1025px) {
    .collection-product__title {
      font-size: 14px;
      line-height: 19px;
      margin-top: 5px; } }
  .collection-product__title span {
    color: dimgrey;
    font-size: 11px;
    line-height: 11px; }

.collection-product__price {
  color: #49b5e2;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700; }
  .collection-product__price[class*='--sale'] {
    color: #ef3629; }
    .collection-product__price[class*='--sale'] s {
      color: #c2c2c2; }

.collection-btn--quickbuy {
  margin: 15px 0 0; }
  @media only screen and (min-width: 1025px) {
    .collection-btn--quickbuy {
      visibility: hidden;
      opacity: 0;
      display: none; } }

@media only screen and (min-width: 1025px) {
  .stamped-product-reviews-badge--collection-product {
    display: none;
    visibility: hidden;
    opacity: 0; } }

.fa-star-half-o:before,
.fa-star-o:before,
.fa-star:before,
.stamped-fa-star-half-o:before,
.stamped-fa-star-o:before,
.stamped-fa-star:before {
  font-size: 15px !important; }
  .stamped-summary-starrating .fa-star-half-o:before, .stamped-summary-starrating
  .fa-star-o:before, .stamped-summary-starrating
  .fa-star:before, .stamped-summary-starrating
  .stamped-fa-star-half-o:before, .stamped-summary-starrating
  .stamped-fa-star-o:before, .stamped-summary-starrating
  .stamped-fa-star:before {
    font-size: 15px !important; }

.template-product .stamped-container {
  border: none;
  padding: 0 !important;
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 1025px) {
    .template-product .stamped-container {
      margin-top: 75px;
      margin-bottom: 45px; } }
.template-product .stamped-header-title {
  display: none; }
@media only screen and (max-width: 1024px) {
  .template-product .stamped-product-reviews-badge__container {
    display: block;
    /*  text-align: center; */
    margin-top: 8px;
    margin-bottom: 24px; } }
@media only screen and (min-width: 1025px) {
  .template-product .stamped-product-reviews-badge__container {
    margin-top: 10px;
    margin-bottom: 20px; } }
.template-product .stamped-badge-caption {
  transition: all ease-in-out 0.2s;
  color: #49b5e2;
  font-weight: 700;
  font-size: 10px;
  text-decoration: underline;
  vertical-align: text-top;
  display: inline-block;
  padding-top: 4px; }
  .template-product .stamped-badge-caption:before {
    content: '|';
    color: #dedede;
    display: inline-block;
    padding-left: 3px;
    padding-right: 8px; }
  .template-product .stamped-badge-caption:hover {
    color: #308db5; }
.template-product .stamped-summary-caption .stamped-summary-text {
  font-size: 12px; }
@media only screen and (max-width: 767px) {
  .template-product .stamped-header .stamped-summary .summary-overview {
    margin-bottom: 15px; } }
@media only screen and (min-width: 768px) {
  .template-product .stamped-header .stamped-summary .summary-overview {
    float: left;
    width: 15% !important;
    display: inline-block; } }
.template-product .stamped-header .stamped-summary .stamped-summary-ratings {
  border-right: none;
  border-left: none; }
  @media only screen and (min-width: 768px) {
    .template-product .stamped-header .stamped-summary .stamped-summary-ratings {
      border-right: 2px solid #dedede;
      float: left;
      display: inline-block;
      width: 35%;
      margin-left: 0;
      margin-right: 0; } }
@media only screen and (min-width: 768px) {
  .template-product .stamped-header .stamped-summary span.stamped-summary-actions {
    width: 50%;
    float: right;
    padding-left: 30px; } }
.template-product .stamped-header .stamped-summary[data-count="0"] .summary-overview {
  display: none; }
.template-product .stamped-header .stamped-summary-actions-newquestion,
.template-product .stamped-header .stamped-summary-actions-newreview {
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.75px;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #231f20;
  color: #231f20;
  display: block;
  margin: 0 0 15px 0;
  width: 100%; }
  .template-product .stamped-header .stamped-summary-actions-newquestion:focus,
  .template-product .stamped-header .stamped-summary-actions-newreview:focus {
    color: #231f20;
    border-color: #231f20; }
  .template-product .stamped-header .stamped-summary-actions-newquestion:before,
  .template-product .stamped-header .stamped-summary-actions-newreview:before {
    display: none; }
.template-product ul.stamped-tabs li.active {
  border-bottom: 3px solid #49b5e2; }
.template-product .stamped-form-title {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }
  @media only screen and (max-width: 1024px) {
    .template-product .stamped-form-title {
      font-size: 18px; } }
  @media only screen and (min-width: 1025px) {
    .template-product .stamped-form-title {
      font-size: 20px; } }
.template-product .stamped-form-label {
  font-size: 12px; }
  .template-product .stamped-form-label[for='reviewRating'] {
    margin-bottom: 0; }
@media only screen and (max-width: 1024px) {
  .template-product .stamped-form-actions {
    text-align: center; } }
@media only screen and (min-width: 1025px) {
  .template-product .stamped-form-actions {
    text-align: left; } }
.template-product .stamped-button-primary {
  background-color: #49b5e2;
  color: white;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 0; }
  @media only screen and (max-width: 1024px) {
    .template-product .stamped-button-primary {
      width: 100% !important;
      max-width: 500px;
      margin-left: auto !important;
      margin-right: auto !important; } }
  @media only screen and (min-width: 1025px) {
    .template-product .stamped-button-primary {
      width: auto !important;
      padding: 20px 50px;
      margin-left: 0; } }
.template-product .stamped-form-label + .stamped-form-input {
  margin-bottom: 30px !important; }
.template-product input.stamped-form-input-email,
.template-product input.stamped-form-input-text,
.template-product textarea.stamped-form-input-textarea {
  font-weight: 400; }
.template-product input.stamped-form-input-email,
.template-product input.stamped-form-input-text {
  padding: 15px 12px;
  line-height: 20px;
  height: 40px; }
.template-product textarea.stamped-form-input-textarea {
  padding: 12px;
  line-height: 2; }
.template-product .stamped-review-header-byline {
  display: flex;
  flex-direction: column; }
.template-product .stamped-review {
  *zoom: 1; }
  .template-product .stamped-review::after {
    content: '';
    display: table;
    clear: both; }
.template-product .stamped-review-header {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 1025px) {
    .template-product .stamped-review-header {
      float: left;
      width: 25%; } }
  .template-product .stamped-review-header .created {
    color: dimgrey;
    font-weight: 500;
    order: 7;
    font-size: 14px;
    margin-top: 10px; }
  .template-product .stamped-review-header .stamped-review-avatar {
    display: none; }
  .template-product .stamped-review-header .author {
    font-size: 16px;
    font-weight: 700;
    color: #231f20;
    order: 2;
    margin: 5px 0; }
    @media only screen and (max-width: 1024px) {
      .template-product .stamped-review-header .author {
        font-size: 15px; } }
    @media only screen and (min-width: 1025px) {
      .template-product .stamped-review-header .author {
        font-size: 16px; } }
  .template-product .stamped-review-header .review-location {
    font-size: 14px;
    font-weight: 500;
    color: dimgrey;
    order: 3; }
  .template-product .stamped-review-header .stamped-review-header-starratings {
    order: 1; }
.template-product .stamped-review-header .created,
.template-product .stamped-review-header-byline .created {
  color: dimgrey;
  font-size: 14px;
  float: none !important; }
.template-product .stamped-review-header-byline .created {
  font-weight: 500; }
@media only screen and (min-width: 1025px) {
  .template-product .stamped-review-content {
    clear: none;
    width: 75%;
    float: left;
    padding-left: 30px; } }
@media only screen and (min-width: 1025px) {
  .template-product .stamped-review-reply {
    clear: both;
    width: 75%;
    margin-left: calc(25% + 30px); } }
.template-product .stamped-review-header-title {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  color: #231f20;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 0;
  font-weight: 700; }
.template-product .stamped-review-content-body,
.template-product .stamped-review-reply-body,
.template-product .stamped-review-reply-shop {
  color: #231f20;
  font-size: 14px;
  line-height: 23px;
  font-weight: 500; }
.template-product .stamped-questions .stamped-review-content-body {
  font-weight: 700;
  color: #231f20; }
.template-product .stamped-questions .stamped-review-reply {
  border-left: 4px solid #979797;
  color: #231f20;
  width: auto;
  background: whitesmoke; }
  @media only screen and (max-width: 1024px) {
    .template-product .stamped-questions .stamped-review-reply {
      margin-left: 0 !important;
      padding: 25px; } }
  @media only screen and (min-width: 1025px) {
    .template-product .stamped-questions .stamped-review-reply {
      padding: 25px 45px 25px 25px; } }
.template-product .stamped-questions .stamped-icon-comment {
  color: #231f20;
  margin: 15px 0 0; }
  .template-product .stamped-questions .stamped-icon-comment .fa.fa-comment {
    color: #231f20; }
.template-product .stamped-questions .stamped-review-header-byline {
  margin-bottom: 10px; }
  .template-product .stamped-questions .stamped-review-header-byline .created {
    font-size: 13px;
    margin: 3px 0; }
.template-product .stamped-review-header .verified,
.template-product .stamped-review-header .verified .fa-check-circle-o,
.template-product .stamped-review-header .verified .stamped-fa-check-circle-o,
.template-product .stamped-review-header .verified-badge,
.template-product .stamped-review-header .verified-badge .fa-check-circle-o,
.template-product .stamped-review-header .verified-badge .stamped-fa-check-circle-o {
  color: #6fa224; }
.template-product .stamped-messages h3 {
  font-size: 28px;
  letter-spacing: 2px; }
.template-product .stamped-messages .stamped-thank-you {
  font-size: 14px;
  font-weight: 500; }
@media only screen and (max-width: 480px) {
  .template-product .stamped-messages .stamped-share-links {
    padding-left: 10px; } }
@media only screen and (min-width: 1025px) {
  .template-product .stamped-messages .stamped-share-links {
    margin-top: 35px; } }
@media only screen and (max-width: 480px) {
  .template-product .stamped-messages .stamped-share-links a {
    margin-bottom: 8px; } }
.template-product .stamped-pagination {
  *zoom: 1;
  clear: both;
  margin-top: 25px; }
  .template-product .stamped-pagination::after {
    content: '';
    display: table;
    clear: both; }
.template-product .stamped-sort-select {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-arrow-down.svg?v=126535797831402391341674861323) !important;
  background-size: 11px;
  padding-right: 0; }

.recommendify__container {
  background: whitesmoke; }
  @media only screen and (max-width: 1024px) {
    .recommendify__container {
      padding-top: 45px;
      padding-bottom: 45px; } }
  @media only screen and (min-width: 1025px) {
    .recommendify__container {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media only screen and (max-width: 1024px) {
    .template-cart .recommendify__container {
      margin-top: 60px; } }
  @media only screen and (min-width: 1025px) {
    .template-cart .recommendify__container {
      margin-top: 100px; } }

.recommendify__grid {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 1025px) {
    .recommendify__grid {
      padding: 0 30px; }
      .seasonal-product .recommendify__grid {
        padding: 0 50px; } }

.recommendify_panel_heading {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  /*     font-size:14px; */
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.35px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 35px;
  /*     
      &:after{
          content:'';
          background-image:url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-bobos-heart.svg?v=51584274572535834821674861324);
          display: inline-block;
          width:29px;
          height:27px;
          position: absolute;
          margin-top: -10px;
          margin-left: 8px;
      } */ }

.recommendify_product_image {
  /*
      @include media-query($widescreen){
          background-size:80% !important;
      }
  */ }

.recommendify-panel-body {
  /*     display: flex; */
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .recommendify-panel-body {
      margin: 0 0 0 20px;
      padding-bottom: 5px;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; } }
  @media only screen and (min-width: 768px) {
    .recommendify-panel-body {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .recommendify-panel-body::-webkit-scrollbar {
      -webkit-appearance: none; }
    .recommendify-panel-body::-webkit-scrollbar:horizontal {
      height: 11px;
      width: 11px; }
    .recommendify-panel-body::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 2px solid whitesmoke;
      background-color: rgba(0, 0, 0, 0.5); }
    .recommendify-panel-body::-webkit-scrollbar-track {
      background-color: whitesmoke;
      border-radius: 8px; } }
  .recommendify-panel-body .recommendify_col {
    padding: 30px 15px;
    border-radius: 4px;
    /*         border:1px solid $color-light-grey; */
    background-color: white;
    box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.2);
    margin: 30px 20px 0px 20px;
    padding-top: 0px;
    /*         @include media-query($small){
                display: inline-block;
                width: 75%;
                margin-right: 2%;
                white-space: normal;
                min-width:250px;
            } */
    /*         @include media-query($medium-up){
                width:23%;
                flex-basis: 23%; 
                margin:0 1%;
              margin: 0 20px;
            } */
    /*         @include media-query($large-up){
                @include site-transition();
                box-shadow: 0px 0px 0px transparent;
                cursor: pointer;
                padding:45px 30px;
            } */ }
    @media only screen and (min-width: 1025px) {
      .recommendify-panel-body .recommendify_col:hover {
        /*                 background-color:$color-white;
                        box-shadow:-2px 2px 6px 0 rgba(0,0,0,.2); */ } }
  .recommendify-panel-body p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 700; }

.recommendify_product_title p {
  color: #231f20;
  margin-top: 20px;
  margin-bottom: 8px;
  padding: 0 15px;
  white-space: normal; }

.recommendify_product_price p {
  color: #49b5e2;
  margin-top: 8px;
  margin-bottom: 0; }
  .recommendify_product_price p .recommendify_compare_price {
    color: #c2c2c2;
    text-decoration: line-through; }
    .recommendify_product_price p .recommendify_compare_price + .recommendify_current_price {
      color: #ef3629; }

.template- #col-main {
  max-width: 1440px;
  margin: 0 auto;
  *zoom: 1; }
  .template- #col-main::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .template- #col-main {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .template- #col-main {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .template- #col-main {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .template- #col-main {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .template- #col-main {
      padding-bottom: 75px; } }
  @media only screen and (min-width: 1025px) {
    .template- #col-main {
      padding-bottom: 55px; } }
.template- .search_bar {
  border: none;
  background-color: whitesmoke; }
  @media only screen and (max-width: 1024px) {
    .template- .search_bar {
      padding: 20px 22px; } }
  @media only screen and (min-width: 1025px) {
    .template- .search_bar {
      margin-top: 58px;
      margin-bottom: 15px; } }
  .template- .search_bar select {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-arrow-down.svg?v=126535797831402391341674861323) !important;
    background-size: 11px;
    padding-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .template- .search_bar .search_within_distance {
      text-align: left; } }
  .template- .search_bar .search_within_distance .distance_label {
    font-size: 13px;
    color: #231f20; }
  .template- .search_bar .search_within_distance select {
    border: none; }
  .template- .search_bar .search_limit .search_limit_label {
    font-size: 13px;
    color: #231f20; }
  .template- .search_bar .search_limit select {
    border: none; }
  .template- .search_bar button {
    background: #49b5e2;
    box-shadow: none;
    text-transform: uppercase;
    text-shadow: none;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    height: 30px;
    margin-top: 5px;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 10px; }
    .template- .search_bar button:hover {
      background: #44C1F6;
      color: white; }
.template- .main_search_label {
  color: #231f20;
  font-size: 13px;
  line-height: 28px;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .template- .main_search_label {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .template- .main_search_label {
      width: auto;
      margin-right: 15px; } }
  @media only screen and (min-width: 1025px) {
    .template- .main_search_label {
      line-height: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .template- .main_search_bar {
    width: 100% !important;
    float: none !important;
    margin-bottom: 10px; } }
.template- .main_search_bar input {
  font-size: 13px;
  border-radius: 0;
  border: none;
  height: 30px;
  color: #231f20; }
  @media only screen and (max-width: 767px) {
    .template- .main_search_bar input {
      width: 100%; } }
.template- #directions_text #direction_destination .name, .template- .addresses li a .name {
  color: #231f20;
  font-size: 13px; }
.template- .addresses li a span {
  font-size: 12px; }
.template- #directions_text a.return_to_results {
  font-size: 12px; }

#shopify-section-cart #nudge-offer {
  display: none !important; }

.cart-wrapper__grid {
  max-width: 1440px;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .cart-wrapper__grid {
      display: flex;
      flex-wrap: wrap; } }
  @media only screen and (min-width: 1025px) {
    .cart-wrapper__grid {
      *zoom: 1; }
      .cart-wrapper__grid::after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (min-width: 1025px) and (max-width: 767px) {
      .cart-wrapper__grid {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (min-width: 1025px) and (min-width: 768px) and (max-width: 1024px) {
      .cart-wrapper__grid {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
      .cart-wrapper__grid {
        padding-left: 45px;
        padding-right: 45px; } }
    @media only screen and (min-width: 1025px) and (min-width: 1200px) {
      .cart-wrapper__grid {
        padding-left: 50px;
        padding-right: 50px; } }

@media only screen and (max-width: 1024px) {
  .cart-elements-wrapper {
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  .cart-header {
    *zoom: 1;
    padding-bottom: 20px;
    width: 100%; }
    .cart-header::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .cart-header {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
    .cart-header {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
    .cart-header {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1200px) {
    .cart-header {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 1025px) {
  .cart-header {
    padding-top: 55px;
    padding-bottom: 30px; } }
@media only screen and (min-width: 1025px) {
  .cart-header.empty-header {
    padding-top: 55px;
    padding-bottom: 55px; } }
@media only screen and (min-width: 1025px) {
  .cart-header.empty-header {
    padding-top: 100px;
    padding-bottom: 100px; } }

.cart-header__title {
  font-weight: 700; }
  @media only screen and (max-width: 1024px) {
    .cart-header__title {
      text-align: center;
      font-size: 21px;
      margin-bottom: 8px; } }
  @media only screen and (min-width: 1025px) {
    .cart-header__title {
      font-size: 24px;
      float: left;
      display: inline-block;
      margin-bottom: 0;
      margin-top: 38px; } }
  @media only screen and (max-width: 1024px) {
    .empty-header .cart-header__title {
      margin-top: 25px; } }
  @media only screen and (min-width: 1025px) {
    .empty-header .cart-header__title {
      margin-top: 100px;
      float: none;
      display: block; } }

@media only screen and (max-width: 1024px) {
  .cart-header__count {
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1025px) {
  .cart-header__count {
    font-size: 20px;
    line-height: 20px;
    float: left;
    display: inline-block;
    margin-left: 20px;
    margin-top: 42px; } }

@media only screen and (max-width: 1024px) {
  .cart-header__subtotal {
    display: flex;
    align-items: center;
    border-top: 2px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px 5px; } }
@media only screen and (max-width: 1024px) {
  .cart-header__subtotal dt,
  .cart-header__subtotal dd {
    width: 50%;
    font-weight: 700; } }
@media only screen and (max-width: 1024px) {
  .cart-header__subtotal dt {
    font-size: 14px; } }
@media only screen and (max-width: 1024px) {
  .cart-header__subtotal dd {
    margin: 0;
    text-align: right;
    font-size: 16px; } }

.cart__item-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: #49b5e2;
  display: block;
  margin-bottom: 5px; }
  @media only screen and (min-width: 1025px) {
    .cart__item-link {
      font-size: 16px;
      margin-bottom: 5px; } }

a.cart__item-link:hover {
  text-decoration: none; }

.cart__item-variant {
  font-size: 12px;
  line-height: 1.25;
  margin: 0 0 5px 0; }
  @media only screen and (min-width: 1025px) {
    .cart__item-variant {
      margin-bottom: 8px; } }
  @media only screen and (max-width: 1024px) {
    .cart__item-variant[class*='--small'] {
      font-size: 10px;
      font-weight: 700; } }
  @media only screen and (min-width: 1025px) {
    .cart__item-variant[class*='--small'] {
      font-size: 12px; } }

@media only screen and (max-width: 767px) {
  .mobile-cart-actions {
    float: left;
    display: inline-block;
    width: 30%; } }
@media only screen and (min-width: 768px) {
  .mobile-cart-actions {
    display: none; } }

.cart-products__total {
  *zoom: 1; }
  .cart-products__total::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .cart-products__total {
      margin-top: 15px;
      display: flex;
      align-items: center; } }

.cart-products__total-item {
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .cart-products__total-item {
      float: left;
      display: inline-block;
      width: 70%;
      font-size: 18px;
      line-height: 25px;
      padding-left: 15px; } }
  @media only screen and (min-width: 768px) {
    .cart-products__total-item {
      font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .mobile-cart-qty-update {
    *zoom: 1;
    clear: both;
    margin-top: 15px; }
    .mobile-cart-qty-update::after {
      content: '';
      display: table;
      clear: both; } }
@media only screen and (min-width: 768px) {
  .mobile-cart-qty-update {
    display: none; } }

@media only screen and (max-width: 767px) {
  .stepperInput {
    display: flex; } }

@media only screen and (max-width: 767px) {
  .stepperInput__input {
    border-left: 0;
    border-right: 0;
    width: 40px;
    text-align: center;
    font-size: 13px;
    width: 40%; } }

@media only screen and (max-width: 767px) {
  .stepper-button {
    cursor: pointer;
    padding: 0 10px;
    color: #231f20;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    height: 30px;
    border: 1px solid #dedede;
    border-radius: 0;
    display: block;
    background: #F2F6F6;
    text-align: center;
    width: 30%; } }
@media only screen and (min-width: 768px) {
  .stepper-button {
    display: none; } }

@media only screen and (max-width: 767px) {
  .stepper-button--addOnLeft {
    border-right: 1px solid #dedede; }
    .stepper-button--addOnLeft.hide + .stepper-input {
      border-left: 1px solid #dedede;
      border-right: 1px solid #dedede; }
      .stepper-button--addOnLeft.hide + .stepper-input:focus {
        border-color: dimgrey; } }

@media only screen and (max-width: 767px) {
  .stepper-button--addOnRight {
    border-left: 1px solid #dedede; } }

@media only screen and (max-width: 767px) {
  .stepper-input {
    border: none;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 0 5px;
    border-radius: 0;
    box-shadow: none;
    border-radius: 0;
    height: 30px; } }
@media only screen and (min-width: 768px) {
  .stepper-input {
    font-size: 13px; } }

@media only screen and (min-width: 768px) {
  .cart__qty {
    max-width: 70px;
    margin-left: auto;
    margin-right: auto; } }

.cart__qty-update-btn {
  color: #49b5e2;
  font-size: 11px;
  font-weight: 700;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .cart__qty-update-btn {
      height: 30px;
      padding: 0;
      border: 1px solid #49b5e2;
      width: 100%;
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .cart__qty-update-btn {
      height: auto;
      background: transparent;
      margin-bottom: 0; } }
  .cart__qty-update-btn:focus {
    outline: none; }
    @media only screen and (min-width: 768px) {
      .cart__qty-update-btn:focus {
        border: none; } }

.cart__qty-label {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 700;
  margin-right: 22px;
  line-height: 38px;
  margin-bottom: 0; }
  @media only screen and (min-width: 1025px) {
    .cart__qty-label {
      display: none; } }

.cart__qty-update {
  color: #49b5e2; }
  @media only screen and (max-width: 767px) {
    .cart__qty-update {
      float: left;
      display: inline-block;
      padding-left: 12px;
      width: 45%; } }
  @media only screen and (min-width: 768px) {
    .cart__qty-update {
      display: block;
      margin-top: 0; } }
  .cart__qty-update svg {
    width: 12px;
    height: 11px;
    margin-right: 3px; }
    @media only screen and (max-width: 767px) {
      .cart__qty-update svg {
        display: none; } }

@media only screen and (max-width: 1024px) {
  .cart__qty-field {
    width: 55%;
    float: left;
    display: inline-block; } }

.cart__remove-link {
  font-size: 11px; }
  @media only screen and (min-width: 1025px) {
    .cart__remove-link {
      margin-top: 25px; } }

.desktop-remove-link {
  display: none; }
  @media only screen and (min-width: 768px) {
    .desktop-remove-link {
      display: block; } }

.cart-products__product-image img {
  max-height: 170px; }

.cart-products__product {
  *zoom: 1; }
  .cart-products__product::after {
    content: '';
    display: table;
    clear: both; }
  .cart-products__product .cart-products__product-image,
  .cart-products__product .cart-products__product-content {
    width: 50%;
    float: left;
    display: inline-block; }
  @media only screen and (max-width: 1024px) {
    .cart-products__product .cart-products__product-image {
      padding-right: 0;
      width: 30%; } }
  .cart-products__product .cart-products__product-content {
    padding-left: 20px; }
    @media only screen and (max-width: 1024px) {
      .cart-products__product .cart-products__product-content {
        width: 70%;
        padding-left: 15px; } }

@media only screen and (max-width: 767px) {
  .cart-products__products-item {
    border-top: 1px solid #dedede;
    padding-top: 15px;
    padding-bottom: 18px; } }
@media only screen and (max-width: 1024px) {
  .cart-products__products-item {
    *zoom: 1;
    margin-top: -2px; }
    .cart-products__products-item::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .cart-products__products-item {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
    .cart-products__products-item {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
    .cart-products__products-item {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1200px) {
    .cart-products__products-item {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cart-products__products-item {
    border-top: 1px solid #dedede;
    padding-top: 15px;
    padding-bottom: 15px; } }
@media only screen and (min-width: 1025px) {
  .cart-products__products-item {
    padding-top: 25px;
    padding-bottom: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cart-products__container {
    border-top: 2px solid #dedede; } }

.cart-products__header {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cart-products__header {
      *zoom: 1; }
      .cart-products__header::after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
      .cart-products__header {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
      .cart-products__header {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
      .cart-products__header {
        padding-left: 45px;
        padding-right: 45px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 1200px) {
      .cart-products__header {
        padding-left: 50px;
        padding-right: 50px; } }
  @media only screen and (min-width: 768px) {
    .cart-products__header {
      display: block;
      padding-bottom: 15px; } }

.cart-products__header-item h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .cart-products__header-item h4 {
      padding-top: 15px; } }
  .cart-products__header-item h4:after {
    display: none; }

@media only screen and (min-width: 768px) {
  .cart-products__header-item:not(:first-child) {
    text-align: center; } }

@media only screen and (min-width: 1025px) {
  .cart-products__products {
    border-bottom: 1px solid #dedede; } }

.cart-hr {
  margin: 0;
  display: none; }
  @media only screen and (min-width: 1025px) {
    .cart-hr {
      display: block;
      border-bottom: none; } }

@media only screen and (min-width: 1025px) {
  .cart-hr--header {
    display: block; } }

@media only screen and (min-width: 768px) {
  .cart-products__price {
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .cart-products__price,
  .cart-products__qty {
    display: none; } }

@media only screen and (min-width: 768px) {
  .cart-products__price,
  .cart-products__qty,
  .cart-products__total {
    text-align: center;
    line-height: 1; } }

@media only screen and (max-width: 1024px) {
  .cart-summary {
    order: 1; } }
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .cart-summary {
    margin-top: 30px; } }
.cart-summary dl {
  *zoom: 1;
  margin: 0; }
  .cart-summary dl::after {
    content: '';
    display: table;
    clear: both; }
.cart-summary dd,
.cart-summary dt {
  width: 50%;
  float: left;
  display: inline-block;
  margin: 0 0 12px;
  padding-top: 12px;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px solid #dedede; }
.cart-summary dd {
  font-weight: 700;
  text-align: right; }

.cart-summary__header {
  margin: 0 auto;
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 25px; }
  @media only screen and (min-width: 1025px) {
    .cart-summary__header {
      font-size: 21px; } }
  .cart-summary__header:after {
    display: none; }

dt.cart-summary__total,
dd.cart-summary__total {
  border-top: 2px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding-bottom: 12px;
  padding-top: 12px;
  font-weight: 700; }

dd.cart-summary__total {
  color: #49b5e2;
  font-size: 16px; }

.cart-summary__table {
  *zoom: 1;
  background: whitesmoke; }
  .cart-summary__table::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .cart-summary__table {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cart-summary__table {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .cart-summary__table {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .cart-summary__table {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .cart-summary__table {
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede;
      padding-top: 25px;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .cart-summary__table {
      padding: 25px 30px; } }
  @media only screen and (min-width: 1200px) {
    .cart-summary__table {
      padding: 25px 22px; } }

.shipping-at-checkout-msg {
  font-size: 12px;
  line-height: 1.25;
  clear: both;
  margin-top: 8px;
  margin-bottom: 18px; }

.policy__container {
  padding-top: 25px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 1024px) {
    .policy__container {
      *zoom: 1;
      border-bottom: 1px solid #dedede; }
      .policy__container::after {
        content: '';
        display: table;
        clear: both; } }
    @media only screen and (max-width: 1024px) and (max-width: 767px) {
      .policy__container {
        padding-left: 20px;
        padding-right: 20px; } }
    @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
      .policy__container {
        padding-left: 35px;
        padding-right: 35px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
      .policy__container {
        padding-left: 45px;
        padding-right: 45px; } }
    @media only screen and (max-width: 1024px) and (min-width: 1200px) {
      .policy__container {
        padding-left: 50px;
        padding-right: 50px; } }

.policy {
  overflow: hidden;
  height: 160px;
  text-align: center; }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .policy {
      height: 100px; } }
  .policy.open {
    height: 100%; }
  .policy p {
    font-size: 14px;
    line-height: 24px; }
    @media only screen and (max-width: 1199px) {
      .policy p {
        text-align: center; } }
    @media only screen and (min-width: 1200px) {
      .policy p {
        text-align: left; } }

.policy__header {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 auto 8px; }
  .policy__header:after {
    display: none; }

.contact__list {
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .contact__list {
      margin-top: 30px; } }
  @media only screen and (min-width: 768px) {
    .contact__list {
      margin-bottom: 35px; } }
  @media only screen and (min-width: 1025px) {
    .contact__list {
      margin-top: 75px; } }

@media only screen and (max-width: 1024px) {
  .love-note-section-1 {
    margin-top: 30px;
    margin-bottom: 30px; } }
@media only screen and (min-width: 768px) {
  .love-note-section-1 {
    margin-top: 35px;
    margin-bottom: 35px; } }
@media only screen and (min-width: 1025px) {
  .love-note-section-1 {
    margin-top: 75px;
    margin-bottom: 75px; } }

.contact-item {
  font-size: 14px;
  line-height: 23px;
  font-weight: 600; }
  @media only screen and (max-width: 767px) {
    .contact-item {
      padding-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .contact-item {
      border-right: 1px solid #dedede;
      padding-top: 35px;
      padding-bottom: 35px; } }
  .contact-item:last-child {
    border-color: white; }
    .contact-item:last-child a {
      border-color: white; }
  .contact-item a {
    display: block; }
    @media only screen and (max-width: 767px) {
      .contact-item a {
        border-bottom: 1px solid #dedede;
        padding-bottom: 25px; } }
  .contact-item h3 {
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    margin: 0;
    font-size: 14px;
    line-height: 23px; }
  .contact-item:before {
    content: '';
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 12px;
    height: 25px; }

.contact-item--phone:before {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-phone.png?v=129002412227500508271674861329);
  background-size: 25px;
  width: 25px; }

.contact-item--location:before {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-location.png?v=158059601249458118091674861328);
  background-size: 15px;
  width: 15px; }

.contact-item--call:before {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-call.png?v=92319131018835754141674861325);
  background-size: 18px;
  width: 18px; }

.contact-item--email:before {
  background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-email.png?v=67944548051770400581674861327);
  background-size: 25px;
  width: 25px; }

.page-header__container {
  background-size: cover;
  background-position: 50%; }
  @media only screen and (max-width: 1024px) {
    .page-header__container {
      background-image: none !important; } }
  @media only screen and (min-width: 1025px) {
    .page-header__container:after {
      content: '';
      background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-header-squiggle.svg?v=22906119467767320691674861327);
      background-position: 50%;
      width: 100%;
      height: 12px;
      display: block; } }

.page-header__grid {
  max-width: 1440px;
  margin: 0 auto;
  position: relative; }

.page-header__title {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .page-header__title {
      text-align: center;
      margin: 20px auto;
      font-size: 28px;
      line-height: 34px;
      color: #231f20; } }
  @media only screen and (min-width: 1025px) {
    .page-header__title {
      font-size: 48px;
      line-height: 58px;
      color: white;
      margin-bottom: 22px; } }
  .page-header__title:after {
    content: '';
    width: 34px;
    height: 1.5px;
    display: block; }
    @media only screen and (max-width: 1024px) {
      .page-header__title:after {
        background-color: #231f20;
        margin: 10px auto; } }
    @media only screen and (min-width: 1025px) {
      .page-header__title:after {
        background-color: white; } }

@media only screen and (max-width: 1024px) {
  .page-header__content {
    *zoom: 1;
    margin-bottom: 27px; }
    .page-header__content::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .page-header__content {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
    .page-header__content {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
    .page-header__content {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1200px) {
    .page-header__content {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 1025px) {
  .page-header__content {
    *zoom: 1;
    position: absolute !important;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    .page-header__content::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (min-width: 1025px) and (max-width: 767px) {
    .page-header__content {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 1025px) and (min-width: 768px) and (max-width: 1024px) {
    .page-header__content {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1199px) {
    .page-header__content {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1025px) and (min-width: 1200px) {
    .page-header__content {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 1025px) {
  .page-header__content .rte {
    color: white; } }
.page-header__content .rte p {
  font-weight: 500; }
  @media only screen and (max-width: 1024px) {
    .page-header__content .rte p {
      font-size: 13px;
      line-height: 20px;
      text-align: center; } }
  @media only screen and (min-width: 1025px) {
    .page-header__content .rte p {
      font-size: 18px;
      line-height: 25px; } }

@media only screen and (max-width: 1024px) {
  .page-header__image-container:after {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-header-squiggle.svg?v=22906119467767320691674861327);
    background-position: 50%;
    width: 100%;
    height: 12px;
    display: block;
    margin-top: -12px;
    position: relative; } }

@media only screen and (max-width: 1024px) {
  .page-header__image {
    width: 100%; } }
@media only screen and (min-width: 1025px) {
  .page-header__image {
    visibility: hidden;
    min-height: 420px; } }

@media only screen and (min-width: 768px) {
  .wysiwyg-grid {
    display: flex;
    flex-wrap: wrap; } }

.wysiwyg-grid-item {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .wysiwyg-grid-item {
      text-align: center; } }
  .wysiwyg-grid-item h4 {
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .wysiwyg-grid-item h4:after {
        margin-left: auto;
        margin-right: auto; } }

@media only screen and (max-width: 1024px) {
  .youtube-player__container {
    max-width: 500px;
    margin: 0 auto; } }

.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px; }

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent; }

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all; }

.youtube-player img:hover {
  -webkit-filter: brightness(75%); }

.youtube-player .play {
  height: 101px;
  width: 101px;
  left: 50%;
  top: 50%;
  margin-left: -50.5px;
  margin-top: -50.5px;
  position: absolute;
  background: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-play.svg?v=119712342534172691201674861330) no-repeat;
  cursor: pointer; }

@media only screen and (max-width: 1024px) {
  .blog-article__container {
    *zoom: 1;
    margin-bottom: 40px; }
    .blog-article__container::after {
      content: '';
      display: table;
      clear: both; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .blog-article__container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
    .blog-article__container {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1025px) and (max-width: 1199px) {
    .blog-article__container {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (max-width: 1024px) and (min-width: 1200px) {
    .blog-article__container {
      padding-left: 50px;
      padding-right: 50px; } }
@media only screen and (min-width: 1025px) {
  .blog-article__container {
    margin-top: 25px;
    margin-bottom: 60px; } }

.blog-article {
  margin-top: 15px; }

.blog-article__title {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .blog-article__title {
      text-align: center;
      margin: 15px auto 20px;
      font-size: 28px;
      line-height: 34px; } }
  @media only screen and (min-width: 1025px) {
    .blog-article__title {
      font-size: 48px;
      line-height: 58px;
      margin-top: 0;
      margin-bottom: 22px; } }

.blog-article__featured-image {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .blog-article__featured-image {
      margin: 0 auto; } }

.blog-list__container {
  *zoom: 1; }
  .blog-list__container::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .blog-list__container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .blog-list__container {
      padding-left: 35px;
      padding-right: 35px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .blog-list__container {
      padding-left: 45px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1200px) {
    .blog-list__container {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (max-width: 1024px) {
    .blog-list__container {
      margin-bottom: 45px; } }
  @media only screen and (min-width: 1025px) {
    .blog-list__container {
      display: flex;
      flex-wrap: wrap;
      margin-top: 70px;
      margin-bottom: 60px; } }
  @media only screen and (min-width: 1440px) {
    .blog-list__container {
      padding-left: 0;
      padding-right: 0; } }

.blog-list__item {
  transition: all ease-in-out 0.2s;
  display: block;
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .blog-list__item {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 1025px) {
    .blog-list__item {
      padding: 0 0 20px 0;
      border-radius: 4px;
      border: 1px solid transparent; } }
  @media only screen and (min-width: 1025px) {
    .blog-list__item:hover {
      border-color: #dedede;
      padding: 20px; } }
  @media only screen and (min-width: 1025px) {
    .blog-list__item:hover .btn {
      visibility: visible;
      opacity: 1; } }
  .blog-list__item img {
    display: block;
    margin: 0 auto; }
    @media only screen and (min-width: 1025px) {
      .blog-list__item img {
        width: 100%; } }
  .blog-list__item .btn {
    margin: 0; }
    @media only screen and (min-width: 1025px) {
      .blog-list__item .btn {
        visibility: hidden;
        opacity: 0; } }

.blog-list__title {
  color: #231f20;
  font-size: 24px;
  line-height: 33px;
  letter-spacing: 1.5px; }
  @media only screen and (max-width: 1024px) {
    .blog-list__title {
      margin-top: 12px;
      margin-bottom: 5px; } }
  @media only screen and (min-width: 1025px) {
    .blog-list__title {
      margin-top: 28px;
      margin-bottom: 15px; } }

.accordionButton {
  transition: all ease-in-out 0.2s;
  font-family: "FrenteH1", Arial, sans-serif;
  color: #49b5e2;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  position: relative;
  cursor: pointer;
  margin-top: -1px;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  letter-spacing: 1.5px; }
  @media only screen and (max-width: 1024px) {
    .accordionButton {
      padding: 15px;
      padding-right: 45px; } }
  @media only screen and (min-width: 1025px) {
    .accordionButton {
      padding: 22px;
      padding-right: 55px; } }
  .accordionButton:after {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/icon-arrow-down.svg?v=126535797831402391341674861323);
    display: block;
    height: 6px;
    width: 10px;
    position: absolute; }
    @media only screen and (max-width: 1024px) {
      .accordionButton:after {
        right: 15px;
        top: 25px; } }
    @media only screen and (min-width: 1025px) {
      .accordionButton:after {
        right: 25px;
        top: 35px; } }
  .accordionButton:hover {
    background-color: whitesmoke; }
  .accordionButton.is-open {
    border-bottom: 1px solid transparent; }
    .accordionButton.is-open:after {
      transform: rotate(180deg); }

.accordionContent {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .accordionContent {
      padding: 5px 15px 15px; } }
  @media only screen and (min-width: 1025px) {
    .accordionContent {
      padding: 5px 25px 25px; } }
  @media only screen and (max-width: 1024px) {
    .accordionContent p,
    .accordionContent ul,
    .accordionContent ol {
      margin-top: 5px;
      margin-bottom: 8px; } }
  @media only screen and (min-width: 1025px) {
    .accordionContent p,
    .accordionContent ul,
    .accordionContent ol {
      margin-top: 12px;
      margin-bottom: 15px; } }

.template-register main#MainContent,
.template-login main#MainContent,
.template-account main#MainContent,
.template-login main#MainContent,
.template-addresses main#MainContent {
  max-width: 500px;
  margin: 0 auto;
  padding: 100px 25px; }
  .template-register main#MainContent form input[type="text"],
  .template-register main#MainContent form input[type="tel"],
  .template-register main#MainContent form input[type="email"],
  .template-register main#MainContent form input[type="phone"],
  .template-register main#MainContent form input[type="number"],
  .template-register main#MainContent form input[type="password"],
  .template-register main#MainContent form input[type="submit"],
  .template-login main#MainContent form input[type="text"],
  .template-login main#MainContent form input[type="tel"],
  .template-login main#MainContent form input[type="email"],
  .template-login main#MainContent form input[type="phone"],
  .template-login main#MainContent form input[type="number"],
  .template-login main#MainContent form input[type="password"],
  .template-login main#MainContent form input[type="submit"],
  .template-account main#MainContent form input[type="text"],
  .template-account main#MainContent form input[type="tel"],
  .template-account main#MainContent form input[type="email"],
  .template-account main#MainContent form input[type="phone"],
  .template-account main#MainContent form input[type="number"],
  .template-account main#MainContent form input[type="password"],
  .template-account main#MainContent form input[type="submit"],
  .template-login main#MainContent form input[type="text"],
  .template-login main#MainContent form input[type="tel"],
  .template-login main#MainContent form input[type="email"],
  .template-login main#MainContent form input[type="phone"],
  .template-login main#MainContent form input[type="number"],
  .template-login main#MainContent form input[type="password"],
  .template-login main#MainContent form input[type="submit"],
  .template-addresses main#MainContent form input[type="text"],
  .template-addresses main#MainContent form input[type="tel"],
  .template-addresses main#MainContent form input[type="email"],
  .template-addresses main#MainContent form input[type="phone"],
  .template-addresses main#MainContent form input[type="number"],
  .template-addresses main#MainContent form input[type="password"],
  .template-addresses main#MainContent form input[type="submit"] {
    width: 100%; }
  .template-register main#MainContent form textarea,
  .template-login main#MainContent form textarea,
  .template-account main#MainContent form textarea,
  .template-login main#MainContent form textarea,
  .template-addresses main#MainContent form textarea {
    width: 100%; }
  .template-register main#MainContent .errors ul,
  .template-login main#MainContent .errors ul,
  .template-account main#MainContent .errors ul,
  .template-login main#MainContent .errors ul,
  .template-addresses main#MainContent .errors ul {
    padding-left: 0; }
  .template-register main#MainContent .errors ul li:before,
  .template-login main#MainContent .errors ul li:before,
  .template-account main#MainContent .errors ul li:before,
  .template-login main#MainContent .errors ul li:before,
  .template-addresses main#MainContent .errors ul li:before {
    content: '';
    background: url(https://cdn.shopify.com/s/files/1/0001/9500/files/icon-error.png?2298694027869361596);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 4px; }

.template-login main#MainContent h1, .template-register main#MainContent h1 {
  color: #231f20; }
.template-login main#MainContent form#create_customer input[type="submit"], .template-register main#MainContent form#create_customer input[type="submit"] {
  width: 100%;
  padding: 0;
  border: none;
  height: 60px; }
.template-login main#MainContent form#create_customer h1, .template-register main#MainContent form#create_customer h1 {
  color: #231f20; }
.template-login main#MainContent form#create_customer .account-login-links a, .template-register main#MainContent form#create_customer .account-login-links a {
  display: block;
  margin: 20px 0; }
  .template-login main#MainContent form#create_customer .account-login-links a span, .template-register main#MainContent form#create_customer .account-login-links a span {
    border-bottom: 1px solid #49b5e2; }
.template-login main#MainContent #CustomerLoginForm, .template-register main#MainContent #CustomerLoginForm {
  max-width: 500px;
  margin: 0 auto; }
  .template-login main#MainContent #CustomerLoginForm form input[type="submit"], .template-register main#MainContent #CustomerLoginForm form input[type="submit"] {
    width: 100%;
    padding: 0;
    border: none;
    height: 60px; }
  .template-login main#MainContent #CustomerLoginForm form h1, .template-register main#MainContent #CustomerLoginForm form h1 {
    color: #231f20; }
  .template-login main#MainContent #CustomerLoginForm form .account-login-links a, .template-register main#MainContent #CustomerLoginForm form .account-login-links a {
    display: block;
    margin: 20px 0; }
    .template-login main#MainContent #CustomerLoginForm form .account-login-links a span, .template-register main#MainContent #CustomerLoginForm form .account-login-links a span {
      border-bottom: 1px solid #49b5e2; }
.template-login main#MainContent #RecoverPasswordForm h2, .template-register main#MainContent #RecoverPasswordForm h2 {
  color: #231f20; }
.template-login main#MainContent #RecoverPasswordForm .account-login-links a, .template-register main#MainContent #RecoverPasswordForm .account-login-links a {
  display: block;
  margin: 20px 0; }
  .template-login main#MainContent #RecoverPasswordForm .account-login-links a span, .template-register main#MainContent #RecoverPasswordForm .account-login-links a span {
    border-bottom: 1px solid #49b5e2; }
.template-login main#MainContent #RecoverPasswordForm input[type="submit"], .template-register main#MainContent #RecoverPasswordForm input[type="submit"] {
  width: 100%;
  padding: 0;
  border: none;
  height: 60px; }

.template-account .page-nav, .template-addresses .page-nav, .bobos-recharge .page-nav {
  text-align: left;
  clear: left; }
  .template-account .page-nav ul.account-sidenav, .template-addresses .page-nav ul.account-sidenav, .bobos-recharge .page-nav ul.account-sidenav {
    list-style: none;
    padding-left: 80px; }
    .template-account .page-nav ul.account-sidenav li, .template-addresses .page-nav ul.account-sidenav li, .bobos-recharge .page-nav ul.account-sidenav li {
      margin: 15px 0; }
      .template-account .page-nav ul.account-sidenav li a, .template-addresses .page-nav ul.account-sidenav li a, .bobos-recharge .page-nav ul.account-sidenav li a {
        font-family: "FrenteH1",Arial,sans-serif;
        font-weight: 600;
        font-size: 36px; }
@media only screen and (max-width: 1024px) {
  .template-account .page-nav.page-nav--mobile.js-selectNav.grid__item, .template-addresses .page-nav.page-nav--mobile.js-selectNav.grid__item, .bobos-recharge .page-nav.page-nav--mobile.js-selectNav.grid__item {
    display: block;
    padding-left: 30px; } }
.template-account main#MainContent, .template-addresses main#MainContent, .bobos-recharge main#MainContent {
  max-width: none;
  padding-top: 50px; }
  @media only screen and (max-width: 1024px) {
    .template-account main#MainContent, .template-addresses main#MainContent, .bobos-recharge main#MainContent {
      padding: 50px 25px; } }
  .template-account main#MainContent .account-flex, .template-addresses main#MainContent .account-flex, .bobos-recharge main#MainContent .account-flex {
    display: flex;
    flex-wrap: wrap; }
    .template-account main#MainContent .account-flex .grid__item, .template-addresses main#MainContent .account-flex .grid__item, .bobos-recharge main#MainContent .account-flex .grid__item {
      margin-bottom: 30px; }
  .template-account main#MainContent input[type="checkbox"], .template-addresses main#MainContent input[type="checkbox"], .bobos-recharge main#MainContent input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    width: auto;
    height: auto; }
  .template-account main#MainContent input#address_default_address_new, .template-addresses main#MainContent input#address_default_address_new, .bobos-recharge main#MainContent input#address_default_address_new {
    width: auto;
    height: auto; }
  .template-account main#MainContent select, .template-addresses main#MainContent select, .bobos-recharge main#MainContent select {
    margin-bottom: 25px; }
  .template-account main#MainContent .form-actions__container .address-new-toggle,
  .template-account main#MainContent .form-actions__container .address-edit-toggle, .template-addresses main#MainContent .form-actions__container .address-new-toggle,
  .template-addresses main#MainContent .form-actions__container .address-edit-toggle, .bobos-recharge main#MainContent .form-actions__container .address-new-toggle,
  .bobos-recharge main#MainContent .form-actions__container .address-edit-toggle {
    display: block;
    margin: 30px auto;
    color: #49b5e2; }
  .template-account main#MainContent .add-new-grid-item .address-container, .template-addresses main#MainContent .add-new-grid-item .address-container, .bobos-recharge main#MainContent .add-new-grid-item .address-container {
    border: dashed 2px #49b5e2; }
  .template-account main#MainContent .btn--secondary, .template-addresses main#MainContent .btn--secondary, .bobos-recharge main#MainContent .btn--secondary {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/8/assets/button-background--blue.svg?8445360964990593501);
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-top: 25px; }
  .template-account main#MainContent .dashboard-section.account-saved-addresses-wrap a.btn.btn--secondary.btn--secondary-alt, .template-addresses main#MainContent .dashboard-section.account-saved-addresses-wrap a.btn.btn--secondary.btn--secondary-alt, .bobos-recharge main#MainContent .dashboard-section.account-saved-addresses-wrap a.btn.btn--secondary.btn--secondary-alt {
    margin-left: 0;
    display: block;
    max-width: 225px; }
  @media only screen and (max-width: 1024px) {
    .template-account main#MainContent .account-settings-wrap, .template-addresses main#MainContent .account-settings-wrap, .bobos-recharge main#MainContent .account-settings-wrap {
      padding-top: 75px; } }
  .template-account main#MainContent .dashboard-section.account-recent-orders-wrap, .template-addresses main#MainContent .dashboard-section.account-recent-orders-wrap, .bobos-recharge main#MainContent .dashboard-section.account-recent-orders-wrap {
    margin: 75px 0;
    padding: 75px 0;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc; }
  .template-account main#MainContent .dashboard-section.account-recent-orders-wrap.account-orders-page, .template-addresses main#MainContent .dashboard-section.account-recent-orders-wrap.account-orders-page, .bobos-recharge main#MainContent .dashboard-section.account-recent-orders-wrap.account-orders-page {
    border-top: none;
    padding-top: 0;
    margin-top: 0; }
  .template-account main#MainContent .dashboard-section.account-saved-addresses-wrap strong, .template-addresses main#MainContent .dashboard-section.account-saved-addresses-wrap strong, .bobos-recharge main#MainContent .dashboard-section.account-saved-addresses-wrap strong {
    color: #696969;
    margin-bottom: 0; }
  .template-account main#MainContent .dashboard-section.account-saved-addresses-wrap p, .template-addresses main#MainContent .dashboard-section.account-saved-addresses-wrap p, .bobos-recharge main#MainContent .dashboard-section.account-saved-addresses-wrap p {
    margin-top: 10px; }
  .template-account main#MainContent h1, .template-addresses main#MainContent h1, .bobos-recharge main#MainContent h1 {
    color: #231f20; }
  .template-account main#MainContent button.btn.address-new-toggle.btn.btn--secondary.btn--secondary-alt, .template-addresses main#MainContent button.btn.address-new-toggle.btn.btn--secondary.btn--secondary-alt, .bobos-recharge main#MainContent button.btn.address-new-toggle.btn.btn--secondary.btn--secondary-alt {
    float: right; }
  .template-account main#MainContent .address-container, .template-addresses main#MainContent .address-container, .bobos-recharge main#MainContent .address-container {
    border: solid 2px #D2D4D7;
    padding: 30px;
    height: 100%; }
    .template-account main#MainContent .address-container p.default-address, .template-addresses main#MainContent .address-container p.default-address, .bobos-recharge main#MainContent .address-container p.default-address {
      display: inline-block;
      border-left: 1px solid #979797;
      background-color: transparent;
      color: #529561;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0;
      margin-bottom: 1px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      padding: 0px 7px;
      height: 16px;
      line-height: 16px; }
    .template-account main#MainContent .address-container button.btn.btn--link.address-edit-toggle:first-of-type, .template-addresses main#MainContent .address-container button.btn.btn--link.address-edit-toggle:first-of-type, .bobos-recharge main#MainContent .address-container button.btn.btn--link.address-edit-toggle:first-of-type {
      padding-left: 0; }
    .template-account main#MainContent .address-container a.add-new-container.btn.address-new-toggle, .template-addresses main#MainContent .address-container a.add-new-container.btn.address-new-toggle, .bobos-recharge main#MainContent .address-container a.add-new-container.btn.address-new-toggle {
      padding: 44px;
      text-align: center;
      height: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
    .template-account main#MainContent .address-container .address-container__buttons button, .template-addresses main#MainContent .address-container .address-container__buttons button, .bobos-recharge main#MainContent .address-container .address-container__buttons button {
      border-radius: 0; }
    .template-account main#MainContent .address-container button.btn.btn--link.address-edit-toggle, .template-addresses main#MainContent .address-container button.btn.btn--link.address-edit-toggle, .bobos-recharge main#MainContent .address-container button.btn.btn--link.address-edit-toggle {
      border-right: 1px solid #979797; }
  .template-account main#MainContent table.responsive-table, .template-addresses main#MainContent table.responsive-table, .bobos-recharge main#MainContent table.responsive-table {
    width: 100%;
    border-spacing: 4px; }
    .template-account main#MainContent table.responsive-table th, .template-addresses main#MainContent table.responsive-table th, .bobos-recharge main#MainContent table.responsive-table th {
      font-size: 14px;
      text-align: left;
      text-transform: uppercase;
      font-weight: 600;
      padding: 20px 25px;
      background: #f1f8fb; }
    .template-account main#MainContent table.responsive-table td, .template-addresses main#MainContent table.responsive-table td, .bobos-recharge main#MainContent table.responsive-table td {
      font-size: 14px;
      position: relative;
      height: 50px;
      padding-left: 25px;
      padding-right: 25px; }
    .template-account main#MainContent table.responsive-table td.green-bold, .template-addresses main#MainContent table.responsive-table td.green-bold, .bobos-recharge main#MainContent table.responsive-table td.green-bold {
      color: #529561;
      font-weight: bold; }
    .template-account main#MainContent table.responsive-table a, .template-addresses main#MainContent table.responsive-table a, .bobos-recharge main#MainContent table.responsive-table a {
      display: inline-table;
      position: absolute;
      right: 0;
      top: 0;
      top: 15px;
      top: 13px;
      text-decoration: underline;
      font-size: 14px;
      padding-right: 25px;
      letter-spacing: 0.8px;
      font-weight: 600;
      text-transform: uppercase; }
    .template-account main#MainContent table.responsive-table button, .template-addresses main#MainContent table.responsive-table button, .bobos-recharge main#MainContent table.responsive-table button {
      display: table-cell;
      background: #49b5e2;
      color: white;
      padding: 10px 24px;
      font-size: 12px;
      line-height: 1.333;
      font-weight: 500;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.67px;
      border-radius: 3px;
      text-align: center;
      transition: background .15s, color .15s, border-color .15s; }
    .template-account main#MainContent table.responsive-table tr.responsive-table-row:nth-child(even), .template-addresses main#MainContent table.responsive-table tr.responsive-table-row:nth-child(even), .bobos-recharge main#MainContent table.responsive-table tr.responsive-table-row:nth-child(even) {
      background: #F9F9F9; }
    @media (max-width: 767px) {
      .template-account main#MainContent table.responsive-table tr.responsive-table-row:nth-child(odd), .template-addresses main#MainContent table.responsive-table tr.responsive-table-row:nth-child(odd), .bobos-recharge main#MainContent table.responsive-table tr.responsive-table-row:nth-child(odd) {
        background: #F5F5F5; }
      .template-account main#MainContent table.responsive-table td, .template-addresses main#MainContent table.responsive-table td, .bobos-recharge main#MainContent table.responsive-table td {
        height: 30px;
        text-align: left; }
      .template-account main#MainContent table.responsive-table tr.responsive-table-row, .template-addresses main#MainContent table.responsive-table tr.responsive-table-row, .bobos-recharge main#MainContent table.responsive-table tr.responsive-table-row {
        padding: 20px 0px;
        padding-bottom: 80px;
        margin-top: 30px; }
        .template-account main#MainContent table.responsive-table tr.responsive-table-row:first-of-type, .template-addresses main#MainContent table.responsive-table tr.responsive-table-row:first-of-type, .bobos-recharge main#MainContent table.responsive-table tr.responsive-table-row:first-of-type {
          margin-top: 0 !important; }
      .template-account main#MainContent table.responsive-table td::before, .template-addresses main#MainContent table.responsive-table td::before, .bobos-recharge main#MainContent table.responsive-table td::before {
        font-size: 14px;
        text-align: left;
        text-transform: uppercase;
        font-weight: 600;
        color: #49b5e2;
        letter-spacing: 1px; }
      .template-account main#MainContent table.responsive-table a, .template-addresses main#MainContent table.responsive-table a, .bobos-recharge main#MainContent table.responsive-table a {
        display: inline-table;
        position: inherit;
        right: 0;
        top: 0;
        text-decoration: underline;
        font-size: 14px;
        padding-right: 0;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        background: #49b5e2;
        color: #FFFFFF;
        padding: 15px 12px;
        text-decoration: none;
        border: 1px solid #C8C8C8;
        border-radius: 5px;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 600;
        max-width: 300px; } }

.page-width.bobos-recharge {
  max-width: none;
  padding-top: 50px;
  margin: 0 auto;
  padding: 100px 25px; }
  .page-width.bobos-recharge table.full {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px 10px; }
    .page-width.bobos-recharge table.full td {
      padding: 20px 25px;
      padding-right: 0; }
      .page-width.bobos-recharge table.full td:nth-of-type(2n), .page-width.bobos-recharge table.full td:nth-of-type(3n) {
        font-size: 14px; }
    .page-width.bobos-recharge table.full td:last-of-type {
      min-width: 120px;
      padding-left: 20px; }
    @media only screen and (max-width: 1024px) {
      .page-width.bobos-recharge table.full tr.responsive-table-row th, .page-width.bobos-recharge table.full tr.responsive-table-row td {
        text-align: left;
        padding-right: 0; }
        .page-width.bobos-recharge table.full tr.responsive-table-row th:before, .page-width.bobos-recharge table.full tr.responsive-table-row td:before {
          font-weight: bold; }
      .page-width.bobos-recharge table.full tr.responsive-table-row td:last-of-type {
        min-width: 120px; } }
    @media only screen and (max-width: 767px) {
      .page-width.bobos-recharge table.full tr.responsive-table-row td:last-of-type {
        padding-left: 0px;
        padding-left: 25px; } }
    @media only screen and (min-width: 1025px) {
      .page-width.bobos-recharge table.full .grid__item.medium-up--three-quarters {
        padding-left: 10px;
        padding-top: 15px;
        padding-right: 60px; } }
    @media only screen and (max-width: 1024px) {
      .page-width.bobos-recharge table.full .grid__item.medium-up--three-quarters {
        padding-right: 20px;
        padding-left: 10px; } }
    .page-width.bobos-recharge table.full th {
      font-size: 14px;
      text-align: left;
      text-transform: uppercase;
      font-weight: 600;
      padding: 20px 25px;
      background: #f1f8fb; }
  .page-width.bobos-recharge a.btn.btn--primary.sub-add-products, .page-width.bobos-recharge button#trigger_search.btn--primary {
    max-width: 450px;
    display: block; }
    @media only screen and (max-width: 1024px) {
      .page-width.bobos-recharge a.btn.btn--primary.sub-add-products, .page-width.bobos-recharge button#trigger_search.btn--primary {
        margin: 0 auto; } }
  @media only screen and (max-width: 1024px) {
    .page-width.bobos-recharge {
      padding: 50px 25px; }
      .page-width.bobos-recharge .grid {
        margin-left: 0; }
        .page-width.bobos-recharge .grid .grid__item {
          padding-left: 0; }
      .page-width.bobos-recharge .page-nav {
        display: block; }
      .page-width.bobos-recharge ul.account-sidenav.js-appendAroundContent {
        display: none; }
      .page-width.bobos-recharge select.page-nav__select.js-page-nav-select {
        display: block; } }
  .page-width.bobos-recharge h1.page-title.grid__item.page-header__title {
    color: #231f20;
    margin-top: 0; }
  .page-width.bobos-recharge fieldset {
    border: 1px solid #dedede;
    padding: 20px;
    border-radius: 4px; }
    .page-width.bobos-recharge fieldset:hover {
      box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.1); }
    .page-width.bobos-recharge fieldset button.btn.btn--primary {
      max-width: 450px;
      margin: 0 auto;
      display: block;
      height: 60px; }
    .page-width.bobos-recharge fieldset a.btn {
      margin: 0 auto;
      display: block;
      margin-top: 10px; }
      .page-width.bobos-recharge fieldset a.btn span {
        border-bottom: 1px solid #49b5e2; }
      .page-width.bobos-recharge fieldset a.btn svg.icon.icon--wide.icon-arrow-down {
        transform: rotate(-90deg);
        width: 9px;
        height: 6px; }
  .page-width.bobos-recharge form#ReChargeForm_schedule p,
  .page-width.bobos-recharge form#ReChargeForm_variant p,
  .page-width.bobos-recharge form#ReChargeForm_quantity p,
  .page-width.bobos-recharge form#ReChargeForm_date p,
  .page-width.bobos-recharge form#ReChargeForm_subscriptionNew p {
    margin-bottom: 0; }
  .page-width.bobos-recharge legend.h4 {
    font-weight: bold; }
  .page-width.bobos-recharge select#order_interval_frequency,
  .page-width.bobos-recharge .rc_form__group.form__control.input-row.form-group.input-wrapper {
    margin-bottom: 30px; }
  .page-width.bobos-recharge input#product_search {
    width: 70%;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .page-width.bobos-recharge input#product_search {
        width: 100%; } }
  .page-width.bobos-recharge button#trigger_search.btn--primary {
    max-width: 250px;
    width: 29%;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .page-width.bobos-recharge button#trigger_search.btn--primary {
        width: 100%; } }
  .page-width.bobos-recharge .grid.grid--uniform.grid--view-items.bobos-search-page .grid-view-item {
    text-align: center; }
  .page-width.bobos-recharge .grid.bobos-new-sub #product_options_container {
    margin-bottom: 25px; }
  .page-width.bobos-recharge .grid.bobos-new-sub #product_address_container {
    margin: 25px 0; }
  .page-width.bobos-recharge .grid.bobos-new-sub a.btn {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    text-align: left; }
    .page-width.bobos-recharge .grid.bobos-new-sub a.btn span {
      border-bottom: 1px solid #49b5e2; }
    .page-width.bobos-recharge .grid.bobos-new-sub a.btn svg.icon.icon--wide.icon-arrow-down {
      transform: rotate(-90deg);
      width: 9px;
      height: 6px; }
  .page-width.bobos-recharge .grid.bobos-new-sub h2.h3.grid-view-item__title {
    margin-top: 0; }
  .page-width.bobos-recharge .grid.bobos-new-sub h4#ProductPrice {
    margin-top: 20px; }
  .page-width.bobos-recharge form#ReChargeForm_address a.btn,
  .page-width.bobos-recharge form#ReChargeForm_subscriptionNew a.btn {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    text-align: left; }
    .page-width.bobos-recharge form#ReChargeForm_address a.btn span,
    .page-width.bobos-recharge form#ReChargeForm_subscriptionNew a.btn span {
      border-bottom: 1px solid #49b5e2; }
    .page-width.bobos-recharge form#ReChargeForm_address a.btn svg.icon.icon--wide.icon-arrow-down,
    .page-width.bobos-recharge form#ReChargeForm_subscriptionNew a.btn svg.icon.icon--wide.icon-arrow-down {
      transform: rotate(-90deg);
      width: 9px;
      height: 6px; }
  .page-width.bobos-recharge .bobos-billing-information a.btn.btn--primary {
    max-width: 250px; }
  .page-width.bobos-recharge #loyaltylion .lion-birthday-entry-form__select--month {
    background-image: none !important; }
  .page-width.bobos-recharge .rte.rte--header.retention-header {
    margin-bottom: 25px; }
  .page-width.bobos-recharge form#strategy-form fieldset {
    border: none;
    padding: 0; }
    .page-width.bobos-recharge form#strategy-form fieldset:hover {
      box-shadow: none; }

#bakeryLink .youtube-player img {
  height: 100%; }

@media only screen and (min-width: 1025px) {
  .collection-header[class*='--mini-header'].shop-header .collection-header__container[class*='--mini-header'] {
    background-position: 30% 0; } }
@media only screen and (min-width: 1025px) {
  .collection-header[class*='--mini-header'].shop-header .collection-header__title[class*='--mini-header'] {
    margin-top: 5%;
    color: #fff; } }
.collection-header[class*='--mini-header'].shop-header .collection-header__title[class*='--mini-header']::after {
  background-color: #fff; }
.collection-header[class*='--mini-header'].shop-header .collection-header__content[class*='--mini-header'] .rte p {
  font-size: 16px;
  margin-top: 10px; }
.collection-header[class*='--mini-header'].shop-header img {
  height: 188px; }

.pdp-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem 1rem 2rem; }
  .pdp-gallery .pdp-gallery-prev {
    margin-left: 3rem;
    height: 150px; }
    .pdp-gallery .pdp-gallery-prev > svg {
      height: 30px;
      width: 30px; }
  .pdp-gallery .pdp-gallery-next {
    margin-right: 3rem;
    height: 150px; }
    .pdp-gallery .pdp-gallery-next > svg {
      height: 30px;
      width: 30px; }
  .pdp-gallery .pdp-gallery-img {
    opacity: 0;
    transition: opacity 0.3s ease; }
    .pdp-gallery .pdp-gallery-img.hidden {
      display: none; }
    .pdp-gallery .pdp-gallery-img.visible {
      opacity: 1; }

.pdp-gallery-position {
  display: flex;
  width: fit-content;
  margin: auto; }

.pdp-gallery-bullet {
  height: 10px;
  width: 10px;
  background-color: black;
  border-radius: 100%;
  margin: 0 0.5rem; }
  .pdp-gallery-bullet.active {
    background-color: #49b5e2; }

/* OOS Email Notification Button */
.klaviyo-bis-trigger {
  background-color: #49b5e2;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding: 15px 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* PDP Nutritional Anchor */
.nutritional-anchor {
  transition: all ease-in-out 0.2s;
  color: #49b5e2;
  font-weight: 700;
  font-size: 10px;
  text-decoration: underline;
  vertical-align: text-top;
  display: inline-block;
  padding-top: 4px; }
  .nutritional-anchor:before {
    content: '|';
    color: #dedede;
    display: inline-block;
    padding-left: 3px;
    padding-right: 8px; }

/* Retail Store Locator */
.retail-logos {
  display: flex;
  justify-content: space-between; }

.retail-logo-wrapper {
  display: flex;
  height: 100px;
  width: 100px;
  align-items: center; }

/* Loyalty Points - PDP */
@media only screen and (max-width: 1024px) {
  label.rc_label {
    font-size: 10px !important; }

  .subscribe-benefits .benefits-list {
    font-size: 10px !important;
    white-space: initial; } }
div.loyalty-point-wrapper {
  /* PDP update - buy box and gallery */ }
  div.loyalty-point-wrapper span.loyalty-lion-data {
    display: none; }
  div.loyalty-point-wrapper div.loyalty-point-value:before {
    text-align: center;
    content: "?";
    position: absolute;
    right: 0px;
    transform: translate(50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4DAAE0;
    font-size: 13px;
    padding: 0px;
    margin: 0px; }
  div.loyalty-point-wrapper div.loyalty-point-value {
    /* margin-top: -28px;
    margin-bottom: 20px; */
    color: #49b5e2;
    font-size: 0.75rem;
    font-weight: 350;
    background: black;
    color: #fff !important;
    line-height: 1.34;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3px;
    padding-bottom: 4px;
    border-radius: 4px;
    cursor: pointer;
    position: relative; }
  @media only screen and (max-width: 1024px) {
    div.loyalty-point-wrapper div.loyalty-point-value {
      font-size: 0.6rem !important;
      font-weight: 350;
      background: black;
      color: #fff !important;
      padding-left: 0.5rem;
      padding-right: 0.2rem;
      border-radius: 4px;
      cursor: pointer;
      text-align: left; }
    div.loyalty-point-wrapper div.loyalty-point-value:before {
      text-align: center;
      content: "?";
      float: right;
      transform: translate(50%, -50%);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #4DAAE0;
      font-size: 13px;
      padding: 0px;
      margin: 0px;
      position: relative; } }

/* Volume Breaks - Buy Box */
div.hulkapps-volumes {
  display: none; }

/* Fullwidth Benefits section on PDP */
div.product-benefits {
  margin: 25px 0; }
  div.product-benefits section.three-cta__section {
    margin-bottom: 0px;
    padding-left: 50px;
    padding-right: 50px; }

/* TEMPORARY: Hide current product description image for fullwidth benefits section */
/* Mini Cart */
#mini-cart__container {
  display: none;
  position: absolute;
  z-index: 2;
  background-color: whitesmoke;
  border-radius: 3px;
  border: 2px solid #49b5e2; }
  #mini-cart__container.mini-cart__one-item > .mini-cart__body > .mini-cart__line-items {
    height: 100px; }
  #mini-cart__container .mini-cart__caret {
    position: absolute;
    top: -15px;
    right: 25px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #49b5e2; }
  #mini-cart__container .mini-cart__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 200px;
    width: 350px;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-size: 350px;
    position: relative; }
    #mini-cart__container .mini-cart__empty:before {
      background-color: #ffffff88;
      width: 100%;
      height: 100%;
      content: '';
      position: absolute;
      top: 0;
      left: 0; }
    #mini-cart__container .mini-cart__empty > h2 {
      font-size: 24px;
      z-index: 1;
      margin: 65px 0 0 0; }
    #mini-cart__container .mini-cart__empty .mini-cart__button {
      background-color: #49b5e2;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      font-weight: 700;
      width: 100%;
      padding: 15px 0;
      color: #fff;
      text-align: center;
      border-radius: 3px;
      justify-content: flex-end;
      margin: auto 0 10px 0;
      z-index: 1; }
  #mini-cart__container .mini-cart__body {
    display: flex;
    flex-direction: column;
    width: 350px;
    border-radius: 3px; }
    #mini-cart__container .mini-cart__body .mini-cart__line-items {
      height: 250px;
      overflow-y: auto; }
      #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item {
        display: flex;
        background-color: whitesmoke;
        max-height: 100px;
        min-height: 100px;
        padding: 10px; }
        #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item:nth-child(even) {
          background-color: white; }
        #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .line-item-image {
          display: flex;
          justify-content: center;
          min-width: 90px; }
          #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .line-item-image > img {
            max-height: 80px;
            max-width: 100%;
            align-self: center; }
        #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .mini-cart__line-item-details {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 10px;
          font-size: 11px; }
          #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .mini-cart__line-item-details .line-item-title {
            margin-bottom: 2px; }
          #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .mini-cart__line-item-details .line-item-quantity,
          #mini-cart__container .mini-cart__body .mini-cart__line-items .mini-cart__line-item .mini-cart__line-item-details .line-item-price {
            font-size: 10px;
            margin-top: 3px;
            margin-left: 5px; }
  #mini-cart__container .mini-cart__footer {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: #fff; }
    #mini-cart__container .mini-cart__footer .mini-cart__actions {
      display: flex; }
      #mini-cart__container .mini-cart__footer .mini-cart__actions .mini-cart__button {
        flex: 1;
        background-color: #49b5e2;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
        font-weight: 700;
        width: 100%;
        padding: 10px 0;
        color: #fff;
        text-align: center;
        border-radius: 3px; }
      #mini-cart__container .mini-cart__footer .mini-cart__actions .mini-cart__checkout {
        flex: 1;
        margin-left: 5px; }

/* Collections Sidebar */
div#collection-body-wrapper {
  display: flex;
  background-color: #fafafa; }
  div#collection-body-wrapper > div.collection-list__container {
    flex: 1; }
  div#collection-body-wrapper button#collection-sidebar-modal-open {
    display: none; }
  div#collection-body-wrapper button#collection-sidebar-modal-close {
    display: none; }
  div#collection-body-wrapper div#collection-sidebar {
    padding: 40px 25px; }
    div#collection-body-wrapper div#collection-sidebar > nav#collection-links > h4 {
      margin: 0px;
      margin-top: 10px; }
      div#collection-body-wrapper div#collection-sidebar > nav#collection-links > h4:first-child {
        margin-top: 0; }
      div#collection-body-wrapper div#collection-sidebar > nav#collection-links > h4:after {
        display: none; }
    div#collection-body-wrapper div#collection-sidebar > nav#collection-links > div.collection-link-group {
      padding: 10px 20px; }
      div#collection-body-wrapper div#collection-sidebar > nav#collection-links > div.collection-link-group div.collection-link-item {
        margin-bottom: 6px; }
        div#collection-body-wrapper div#collection-sidebar > nav#collection-links > div.collection-link-group div.collection-link-item > a {
          font-size: 12px;
          color: black; }
        div#collection-body-wrapper div#collection-sidebar > nav#collection-links > div.collection-link-group div.collection-link-item.active > a {
          color: #49b5e2;
          border-bottom: 1px solid #49b5e2; }
  @media only screen and (max-width: 1024px) {
    div#collection-body-wrapper {
      flex-direction: column;
      position: relative; }
      div#collection-body-wrapper div#collection-sidebar {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px; }
        div#collection-body-wrapper div#collection-sidebar nav#collection-links {
          display: none; }
        div#collection-body-wrapper div#collection-sidebar button#collection-sidebar-modal-open {
          display: flex; }
        div#collection-body-wrapper div#collection-sidebar.modal-on nav#collection-links {
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: 3;
          background-color: whitesmoke; }
          div#collection-body-wrapper div#collection-sidebar.modal-on nav#collection-links > h4 {
            margin: 6px auto; }
          div#collection-body-wrapper div#collection-sidebar.modal-on nav#collection-links > div.collection-link-group > div.collection-link-item {
            margin: 6px auto;
            width: 200px;
            text-align: center; }
          div#collection-body-wrapper div#collection-sidebar.modal-on nav#collection-links button#collection-sidebar-modal-close {
            display: block;
            position: absolute;
            right: 10px;
            font-size: 25px; } }

/* Collection Navigation */
li.sub-nav__item svg.icon.icon-made-by-hand {
  height: 40px; }

div.collection--coming-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 1100px;
  margin: 0 auto;
  padding-top: 50px;
  padding-left: 30px;
  font-family: "FrenteH1", Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #49b5e2;
  letter-spacing: 4px;
  line-height: 50px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    div.collection--coming-soon {
      font-size: 22px;
      text-align: left; } }
  div.collection--coming-soon > svg {
    width: 100px;
    height: 100px;
    margin-bottom: 40px; }

svg.icon.icon-protein-bar-packs {
  width: 15px;
  height: 37px;
  margin-top: 4px; }

/* Subscribe & Save Page */
.subscribe-page .page-width {
  margin-bottom: 0; }
.subscribe-page .subscribe-page__main-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 350px;
  z-index: 1; }
  .subscribe-page .subscribe-page__main-header .subscribe-page__main-header-img {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1; }
    .subscribe-page .subscribe-page__main-header .subscribe-page__main-header-img:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to bottom, #aaaaaa, #888888);
      opacity: 0.5;
      z-index: 2; }
    @media only screen and (min-width: 1440px) {
      .subscribe-page .subscribe-page__main-header .subscribe-page__main-header-img {
        background-position-y: -100px; } }
  .subscribe-page .subscribe-page__main-header h1.page-header {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 42px;
    text-shadow: 0 2px 0 #00000099; }
    @media only screen and (min-width: 1025px) {
      .subscribe-page .subscribe-page__main-header h1.page-header {
        font-size: 72px; } }
    @media only screen and (max-width: 1024px) {
      .subscribe-page .subscribe-page__main-header h1.page-header {
        text-align: center; } }
.subscribe-page .subscribe-page__benefits-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*     max-width: 1200px; */
  max-width: 1380px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 40px; }
  @media screen and (max-width: 1400px) {
    .subscribe-page .subscribe-page__benefits-container {
      max-width: 1200px; } }
  @media only screen and (max-width: 1024px) {
    .subscribe-page .subscribe-page__benefits-container {
      flex-direction: column; } }
  .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item {
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 320px;
    padding: 25px;
    border-radius: 5px; }
    @media only screen and (max-width: 1024px) {
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item {
        margin-bottom: 25px;
        width: 90%;
        margin-left: 15px;
        margin-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item {
        height: 280px;
        max-width: 240px; } }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item.blue {
      background-color: #40b4e5; }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item.green {
      background-color: #b5d463; }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item.gold {
      background-color: #dfa424; }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__title {
      align-self: center;
      margin-bottom: 0;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__title {
          font-size: 20px; } }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__body {
      padding: 0 25px;
      text-align: center;
      font-size: 18px; }
      @media only screen and (max-width: 767px) {
        .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__body {
          font-size: 12px; } }
    .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon {
      width: 100px;
      margin: 0 auto;
      position: relative; }
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon svg {
        width: 100px;
        height: 100px; }
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon svg.icon-our-team g {
        stroke: #333; }
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon.icon-save {
        width: 125px; }
        .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon.icon-save path {
          fill: #fff;
          stroke: #fff; }
        .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon.icon-save:after {
          content: "SAVE";
          position: absolute;
          top: 41px;
          left: 45px;
          color: #40b4e5;
          font-family: "FrenteH1", Arial, sans-serif;
          font-size: 30px;
          font-weight: 700; }
      .subscribe-page .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__icon.icon-control g g:nth-child(3n) path {
        fill: #eee; }
.subscribe-page .subscribe-page__subscription-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*     max-width: 1200px; */
  max-width: 1380px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .subscribe-page .subscribe-page__subscription-container {
      flex-direction: column;
      display: block;
      float: left;
      width: 100%; } }
  .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item {
    display: flex;
    flex-direction: column;
    /*       width: 250px; */
    width: 20vw;
    height: 350px;
    padding: 25px;
    border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item {
        /*         margin-bottom: 25px;
                width: 90%;
                margin-left: 15px;
                margin-right: 15px;*/
        height: 100%;
        display: block;
        float: left;
        width: 50%; } }
    .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item .subscription-icon {
      margin: 0 auto;
      text-align: center; }
      .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item .subscription-icon svg {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item .subscription-icon svg {
            max-width: 125px; } }
    .subscribe-page .subscribe-page__subscription-container .subscribe-page__subscription-item p {
      font-weight: bold;
      text-align: center; }
.subscribe-page .subscribe-page-title-wrapper {
  display: flex;
  justify-content: center; }
  .subscribe-page .subscribe-page-title-wrapper.primary-color {
    background-color: #40b4e5;
    /* margin-top: -9.4vw; */
    /* margin-top: 50px; */ }
    .subscribe-page .subscribe-page-title-wrapper.primary-color .page-title {
      color: white; }
  .subscribe-page .subscribe-page-title-wrapper.secondary-color {
    background-color: #b5d463; }
  .subscribe-page .subscribe-page-title-wrapper.tertiary-color {
    background-color: #dfa424; }
  .subscribe-page .subscribe-page-title-wrapper.white {
    background-color: white; }
  .subscribe-page .subscribe-page-title-wrapper > .page-title {
    margin-top: 50px;
    margin-bottom: 50px; }
    @media only screen and (max-width: 767px) {
      .subscribe-page .subscribe-page-title-wrapper > .page-title {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 32px; } }
.subscribe-page div.subscribe-info-wrapper--primary-color {
  display: flex;
  margin: 75px 0; }
  @media only screen and (max-width: 1024px) {
    .subscribe-page div.subscribe-info-wrapper--primary-color {
      margin: 35px 25px; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page div.subscribe-info-wrapper--primary-color {
      flex-direction: column;
      margin-top: 0px; } }
  .subscribe-page div.subscribe-info-wrapper--primary-color div.info-image-wrapper {
    flex: 1;
    position: relative;
    margin: auto 0;
    /*       > svg {
            position: absolute;
            top: -26px;
            left: -26px;
            width: 50px;
            height: 50px;
    
            @include media-query($small){
              width: 25px;
              height: 25px;
              top: -12px;
              left: -12px;
            }
    
          }
          > img {
            min-width: 300px;
            max-width: 350px
            border-radius: 5px; 
    
          @include media-query($small){
              min-width: 150px;
              max-width: 200px;
            }
    
            &.bordered {
              border: 2px solid $color-dark-bright-blue;
            }
          } */ }
    @media only screen and (max-width: 767px) {
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-image-wrapper {
        margin: 0 auto; } }
    .subscribe-page div.subscribe-info-wrapper--primary-color div.info-image-wrapper.border-shift {
      flex: 0.7; }
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-image-wrapper.border-shift:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: -10px;
        bottom: -10px;
        border: 2px solid #000;
        border-radius: 10px; }
        @media only screen and (max-width: 767px) {
          .subscribe-page div.subscribe-info-wrapper--primary-color div.info-image-wrapper.border-shift:after {
            top: 5px;
            left: 5px;
            right: -5px;
            bottom: -5px; } }
  .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper {
    flex: 1.25;
    /*       padding-left: 50px; */ }
    @media only screen and (max-width: 767px) {
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper {
        padding-left: 0;
        margin: 0 auto; } }
    .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper .info-body-text {
      margin: 25px 0;
      line-height: 25px;
      font-size: 14px; }
    .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul {
      font-weight: bold;
      margin: 25px 0; }
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers {
        /*           list-style-type: decimal; */
        list-style-type: none;
        padding: 0px; }
        @media only screen and (max-width: 767px) {
          .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers {
            margin-top: 0px; } }
        .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers .bullet {
          font-size: 40px;
          font-family: "FrenteH1",Arial,sans-serif;
          width: 60px;
          height: 60px;
          background: #fff;
          line-height: 60px;
          border: 1px solid;
          border-radius: 40px;
          text-align: center;
          margin-right: 20px;
          margin-bottom: 10px;
          display: table-cell; }
          @media only screen and (max-width: 767px) {
            .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers .bullet {
              display: block;
              margin: 0 auto;
              margin-top: 30px;
              margin-bottom: 20px; } }
        .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers .bullet-content {
          display: table-cell;
          vertical-align: middle;
          padding-left: 30px; }
          @media only screen and (max-width: 767px) {
            .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.numbers .bullet-content {
              padding-left: 0px;
              display: block;
              text-align: center; } }
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul.bullets {
        list-style-type: disc; }
      .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul li {
        margin-bottom: 15px;
        padding-left: 2px;
        display: table;
        table-layout: fixed;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .subscribe-page div.subscribe-info-wrapper--primary-color div.info-body-wrapper ul li {
            margin-bottom: 0px; } }
  .subscribe-page div.subscribe-info-wrapper--primary-color button.subscribe-info__button {
    margin: 0 0 0 25px;
    width: 95%; }

/* END: Subscribe & Save Page */
/* Full-width medium height */
.full-width__medium {
  background-size: 66% 500px;
  background-position-x: 100%;
  height: 500px; }
  @media only screen and (max-width: 1024px) {
    .full-width__medium {
      height: initial;
      margin-bottom: 0;
      background-size: cover; } }
  .full-width__medium div.grid {
    height: 500px; }
    @media only screen and (max-width: 1024px) {
      .full-width__medium div.grid {
        height: initial; } }

/* END: Full-width medium height */
/* Primary Dark Background */
.primary-dark-bg {
  background-color: #40b4e5; }

/* Product Variant Select */
select.buy-container__variant-select {
  margin-bottom: 20px;
  display: none; }
  select.buy-container__variant-select option {
    font-size: 14px; }
    select.buy-container__variant-select option:disabled {
      background-color: #c2c2c2; }

/* PDP Detail Icons */
div.pdp_details_icons {
  display: flex;
  justify-content: center; }
  div.pdp_details_icons div.pdp_details_icon {
    margin: 40px 40px 0 40px; }
    div.pdp_details_icons div.pdp_details_icon > img {
      height: 200px; }
  @media only screen and (max-width: 767px) {
    div.pdp_details_icons div.pdp_details_icon {
      margin: 20px 10px 0 10px; }
      div.pdp_details_icons div.pdp_details_icon > img {
        height: auto; } }

/* Ways to Enjoy Landing Page */
.ways-to-enjoy-row {
  display: flex;
  margin: 20px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .ways-to-enjoy-row {
      flex-direction: column; }
      .ways-to-enjoy-row:nth-child(even) {
        flex-direction: column-reverse; } }
  .ways-to-enjoy-row .ways-to-enjoy-image {
    flex: 1.2;
    height: 400px; }
    .ways-to-enjoy-row .ways-to-enjoy-image > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .ways-to-enjoy-row .ways-to-enjoy-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-family: "FrenteH1", Arial, sans-serif;
    font-size: 5vw;
    align-items: center;
    padding: 75px 0 0 0;
    font-weight: 600; }
    @media only screen and (max-width: 767px) {
      .ways-to-enjoy-row .ways-to-enjoy-text {
        padding: 25px 0 0 0; } }
    .ways-to-enjoy-row .ways-to-enjoy-text.bright-blue {
      background-color: #49b5e2; }
      .ways-to-enjoy-row .ways-to-enjoy-text.bright-blue a.ways-to-enjoy-link {
        color: #49b5e2; }
    .ways-to-enjoy-row .ways-to-enjoy-text.dark-green {
      background-color: #529561; }
      .ways-to-enjoy-row .ways-to-enjoy-text.dark-green a.ways-to-enjoy-link {
        color: #529561; }
    .ways-to-enjoy-row .ways-to-enjoy-text.gold {
      background-color: #dfa424; }
      .ways-to-enjoy-row .ways-to-enjoy-text.gold a.ways-to-enjoy-link {
        color: #dfa424; }
    .ways-to-enjoy-row .ways-to-enjoy-text.pink {
      background-color: #aa1b49; }
      .ways-to-enjoy-row .ways-to-enjoy-text.pink a.ways-to-enjoy-link {
        color: #aa1b49; }
    .ways-to-enjoy-row .ways-to-enjoy-text.brown {
      background-color: #b55a37; }
      .ways-to-enjoy-row .ways-to-enjoy-text.brown a.ways-to-enjoy-link {
        color: #b55a37; }
    .ways-to-enjoy-row .ways-to-enjoy-text a.ways-to-enjoy-link {
      width: 300px;
      font-size: 24px;
      display: flex;
      justify-content: center;
      background-color: white;
      padding: 15px 0;
      border-radius: 3px;
      margin-top: 50px;
      border: 2px solid white; }
      @media only screen and (max-width: 767px) {
        .ways-to-enjoy-row .ways-to-enjoy-text a.ways-to-enjoy-link {
          margin: 15px 0;
          padding: 10px 0;
          font-size: 18px; } }
      .ways-to-enjoy-row .ways-to-enjoy-text a.ways-to-enjoy-link:hover {
        color: dimgrey;
        border: 2px solid dimgrey; }

/* Empty Cart Page */
.cart-wrapper.empty-page {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 1025px) {
    .cart-wrapper.empty-page {
      background-position: 0 -100px; } }
  .cart-wrapper.empty-page .empty-page__background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #FFFFFF70; }
  .cart-wrapper.empty-page .grid__item {
    z-index: 2; }
    @media only screen and (min-width: 1025px) {
      .cart-wrapper.empty-page .grid__item {
        padding: 75px 0; }
        .cart-wrapper.empty-page .grid__item > h1 {
          font-size: 2.5em; }
        .cart-wrapper.empty-page .grid__item > p {
          font-size: 1em; } }

/* 404 Page */
.page-not-found__container {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 100px;
  height: 1000px; }
  @media only screen and (max-width: 767px) {
    .page-not-found__container {
      height: 500px; } }
  .page-not-found__container .page-not-found__content {
    width: 100%;
    max-width: 410px;
    padding: 20px 25px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    text-shadow: 5px 5px 5px #FFF;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.7); }
    .page-not-found__container .page-not-found__content .btn {
      text-shadow: none; }
    @media only screen and (max-width: 767px) {
      .page-not-found__container .page-not-found__content {
        top: 50%; } }
  .page-not-found__container .page-not-found__overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #FFFFFF4D; }

/* There with care / Our causes page */
.twc-header__container {
  height: 400px;
  display: flex;
  align-items: center;
  background-size: cover;
  padding: 0 50px; }
  @media only screen and (max-width: 1024px) {
    .twc-header__container {
      height: 300px; } }

.twc-header__text {
  flex: 1;
  max-width: 1440px;
  margin: 0 auto; }
  .twc-header__text .twc-header__title {
    margin: 0; }
    @media only screen and (max-width: 1024px) {
      .twc-header__text .twc-header__title {
        color: #FFF; }
        .twc-header__text .twc-header__title:after {
          background-color: #FFF; } }

.twc-header__text p {
  color: #fff;
  font-size: 18px;
  width: 40%; }
  @media only screen and (max-width: 1024px) {
    .twc-header__text p {
      margin: 0 auto;
      text-align: center;
      width: 100%; } }

.twc-row__container {
  display: flex; }
  @media only screen and (max-width: 1024px) {
    .twc-row__container {
      flex-direction: column; }
      .twc-row__container:nth-child(4n-1) {
        flex-direction: column-reverse; } }

@media only screen and (max-width: 1024px) {
  .twc-main__container:nth-child(odd) {
    flex-direction: column-reverse; } }

.twc-row__media {
  display: flex;
  flex: 1;
  height: 400px; }

.twc-row__media iframe {
  height: 100%;
  width: 100%; }

.twc-row__media img {
  object-fit: cover;
  margin: 0 auto; }

.twc-row__text {
  display: flex;
  flex-direction: column;
  flex: 1.2;
  font-family: "FrenteH1",Arial,sans-serif;
  font-size: 5vw;
  align-items: center;
  justify-content: center;
  font-weight: 600; }
  @media only screen and (max-width: 1024px) {
    .twc-row__text {
      padding: 50px; } }
  .twc-row__text h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px; }

.twc-row__text.bright-blue {
  background-color: #49b5e2; }

.twc-row__text.dark-green,
.twc-row__media.dark-green {
  background-color: #529561; }

.twc-row__text.gold,
.twc-row__media.gold {
  background-color: #dfa424; }

.twc-row__text.purple,
.twc-row__media.purple {
  background-color: #8e2045; }

.twc-row__text.pink,
.twc-row__media.pink {
  background-color: #aa1b49; }

.twc-row__text.brown {
  background-color: #b55a37; }

.twc-row__text img {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 25px;
  max-height: 115px; }

.twc-text__container {
  margin: 0 50px; }
  .twc-text__container:before, .twc-text__container:after {
    content: '';
    width: calc(100% - 8px);
    height: 2px;
    display: block;
    border-radius: 2px;
    background-color: #fff; }
  .twc-text__container:before {
    transform: rotate(-0.5deg); }
  .twc-text__container:after {
    transform: rotate(-0.5deg) translateX(10px); }
  .twc-text__container .twc-text__border {
    position: relative;
    padding: 50px; }
    .twc-text__container .twc-text__border:before, .twc-text__container .twc-text__border:after {
      content: '';
      width: 2px;
      height: 100%;
      display: block;
      position: absolute;
      border-radius: 2px;
      background-color: #fff; }
    .twc-text__container .twc-text__border:before {
      top: -10px;
      left: 8px;
      transform: rotate(0.5deg); }
    .twc-text__container .twc-text__border:after {
      bottom: -8px;
      right: 8px;
      transform: rotate(-0.5deg); }

.twc-story__container {
  display: flex;
  max-width: 1080px;
  margin: 50px auto; }
  @media only screen and (max-width: 767px) {
    .twc-story__container {
      flex-direction: column; } }

.twc-story__text {
  flex: 2;
  display: flex;
  flex-direction: column;
  margin: 50px; }

.twc-story__text p {
  margin: 0; }

.twc-story__text img {
  max-height: 300px;
  align-self: center;
  margin-bottom: 25px; }

.twc-story__media {
  display: flex;
  flex: 1;
  justify-content: center;
  align-self: center;
  margin: 0 0 0 25px; }

.twc-row__link {
  width: 300px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  background-color: white;
  padding: 15px 0;
  border-radius: 3px;
  margin-top: 25px;
  border: 2px solid white; }
  @media only screen and (max-width: 767px) {
    .twc-row__link {
      margin: 15px 0;
      padding: 10px 0;
      font-size: 18px; } }
  .twc-row__link:hover {
    color: dimgrey;
    border: 2px solid dimgrey; }

.twc-story__row {
  display: flex;
  margin-top: 25px;
  align-items: center; }
  @media only screen and (max-width: 1024px) {
    .twc-story__row {
      flex-direction: column-reverse; } }
  .twc-story__row .twc-story__col {
    flex: 1;
    margin-right: 50px; }
    @media only screen and (max-width: 1024px) {
      .twc-story__row .twc-story__col {
        margin-right: 0; } }
    .twc-story__row .twc-story__col:last-child {
      margin-right: 0; }
    .twc-story__row .twc-story__col > p {
      margin-bottom: 25px; }
      @media only screen and (max-width: 1024px) {
        .twc-story__row .twc-story__col > p {
          margin-top: 25px; } }
    .twc-story__row .twc-story__col > img {
      margin: 0; }

.twc-main__container.there-with-care__template .twc-row__container {
  margin-bottom: 50px; }
  .twc-main__container.there-with-care__template .twc-row__container:last-child {
    margin-bottom: 0; }
.twc-main__container.there-with-care__template .twc-story__text p {
  margin-bottom: 15px; }

.thomas-bar__video {
  display: block;
  margin: 0 auto 25px auto; }

.product-benefits__thomas-bar img {
  object-fit: cover;
  max-height: 230px;
  margin: 0 auto;
  display: block; }

.product-benefits__pride-bar .three-cta__section {
  background: #49b5e2; }
  .product-benefits__pride-bar .three-cta__section .three-cta__image {
    width: 100%; }

@media only screen and (max-width: 479px) {
  .lion-loyalty-widget {
    display: none !important; } }
span.saso-cart-item-price {
  color: red; }

.rte .mai-three {
  margin-left: 15px !important;
  margin-right: 20px !important; }

/* ========== landing new product css  =================--*/
.new-flag {
  position: absolute;
  top: -20px;
  right: 34%;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .new-flag {
      position: static;
      text-align: center;
      margin-top: 15px; } }

.new-flag img {
  width: 100%;
  max-width: 100px; }
  @media only screen and (max-width: 767px) {
    .new-flag img {
      max-width: 90px; } }

/* new flag  */
a.shop-nav__link.shop-nav__link--protein-bars:after {
  content: ' ';
  position: absolute;
  top: 40px;
  right: 0px;
  background: red;
  background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/11.png);
  height: 30px;
  width: 50px;
  background-repeat: no-repeat;
  z-index: 999;
  background-size: contain; }
  @media only screen and (max-width: 767px) {
    a.shop-nav__link.shop-nav__link--protein-bars:after {
      top: 38%;
      left: 80px; } }

@media only screen and (max-width: 767px) {
  li.shop-nav__item {
    position: relative; } }
img.subcol-newflg {
  position: absolute;
  top: 44%;
  left: 15%;
  width: 30px; }
  @media only screen and (max-width: 767px) {
    img.subcol-newflg {
      left: 10%; } }

/* new flag css end */
img.three-cta__image {
  width: 100%; }

#shopify-section-banner-with-logo {
  margin-bottom: 42px; }

.pageid--new-protein-bars-intro .full-width__container {
  margin-bottom: 20px; }
.pageid--new-protein-bars-intro .rte {
  text-align: center; }
  .pageid--new-protein-bars-intro .rte p {
    margin: 15px 0 15px; }
    .pageid--new-protein-bars-intro .rte p strong {
      font-size: 16px; }

.pageid--wholefoods-protein-bar .full-width__container .grid--no-gutters, .pageid--new-protein-bars-intro .full-width__container .grid--no-gutters {
  max-width: 100%; }
@media only screen and (min-width: 1200px) {
  .pageid--wholefoods-protein-bar .xlarge-up--one-third, .pageid--new-protein-bars-intro .xlarge-up--one-third {
    width: 35.5%; }
  .pageid--wholefoods-protein-bar .full-width__icon, .pageid--new-protein-bars-intro .full-width__icon {
    position: absolute;
    left: -12%;
    top: -20px; } }
@media only screen and (max-width: 767px) {
  .pageid--wholefoods-protein-bar .full-width__icon, .pageid--new-protein-bars-intro .full-width__icon {
    display: block;
    position: absolute;
    top: -33%;
    left: 0;
    right: 0; }
  .pageid--wholefoods-protein-bar .full-width__icon img, .pageid--new-protein-bars-intro .full-width__icon img {
    max-width: 80px; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .pageid--wholefoods-protein-bar .full-width__container, .pageid--new-protein-bars-intro .full-width__container {
    background-position: 50%;
    background: #fff !important; }
  .pageid--wholefoods-protein-bar .full-width__icon, .pageid--new-protein-bars-intro .full-width__icon {
    display: block;
    position: absolute;
    top: -86%;
    left: 0;
    right: 0; }
  .pageid--wholefoods-protein-bar .full-width__image, .pageid--new-protein-bars-intro .full-width__image {
    visibility: visible; } }
.pageid--wholefoods-protein-bar .bg-col-sec, .pageid--new-protein-bars-intro .bg-col-sec {
  padding: 35px 35px 55px; }
.pageid--wholefoods-protein-bar .proo-box, .pageid--new-protein-bars-intro .proo-box {
  text-align: center;
  background: #fff;
  padding: 15px 20px 0;
  margin-top: 75px;
  height: 90%; }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .pageid--wholefoods-protein-bar .proo-box, .pageid--new-protein-bars-intro .proo-box {
      height: 95%; } }
.pageid--wholefoods-protein-bar .full-width__title:after, .pageid--new-protein-bars-intro .full-width__title:after {
  content: '';
  background-color: #fff0;
  height: 2px;
  width: 34px;
  display: block; }
.pageid--wholefoods-protein-bar img.img-protein, .pageid--new-protein-bars-intro img.img-protein {
  margin-top: -75px; }
.pageid--wholefoods-protein-bar .protein-bar, .pageid--new-protein-bars-intro .protein-bar {
  display: flex;
  flex-wrap: wrap; }
  .pageid--wholefoods-protein-bar .protein-bar a, .pageid--new-protein-bars-intro .protein-bar a {
    color: #ffffff !important; }
.pageid--wholefoods-protein-bar .du-pr-dec p, .pageid--new-protein-bars-intro .du-pr-dec p {
  font-size: 12px;
  min-height: 205px; }
@media (min-width: 1200px) and (max-width: 1250px) {
  .pageid--wholefoods-protein-bar .box-btn-prot--1580387456093, .pageid--new-protein-bars-intro .box-btn-prot--1580387456093 {
    padding-top: 23.5%; }
  .pageid--wholefoods-protein-bar .box-btn-prot--1580387516591, .pageid--new-protein-bars-intro .box-btn-prot--1580387516591 {
    padding-top: 12%; }
  .pageid--wholefoods-protein-bar .box-btn-prot--1580387564270, .pageid--new-protein-bars-intro .box-btn-prot--1580387564270 {
    padding-top: 3px; } }
.pageid--wholefoods-protein-bar h2.cta-title,
.pageid--wholefoods-protein-bar h3.cta-title, .pageid--new-protein-bars-intro h2.cta-title,
.pageid--new-protein-bars-intro h3.cta-title {
  text-align: center;
  font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif;
  text-transform: uppercase;
  margin: 0; }
.pageid--wholefoods-protein-bar .box-btn-cts, .pageid--new-protein-bars-intro .box-btn-cts {
  margin: 0 auto;
  width: 100%;
  max-width: 250px; }
.pageid--wholefoods-protein-bar .protein-bar-variant, .pageid--new-protein-bars-intro .protein-bar-variant {
  margin-top: 130px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .pageid--wholefoods-protein-bar .protein-bar-variant, .pageid--new-protein-bars-intro .protein-bar-variant {
      margin-top: 100px; } }
.pageid--wholefoods-protein-bar img.img-protein-vari, .pageid--new-protein-bars-intro img.img-protein-vari {
  margin-top: -130px; }
  @media only screen and (max-width: 767px) {
    .pageid--wholefoods-protein-bar img.img-protein-vari, .pageid--new-protein-bars-intro img.img-protein-vari {
      margin-top: -100px; } }
.pageid--wholefoods-protein-bar .vprot-box, .pageid--new-protein-bars-intro .vprot-box {
  width: 100%;
  max-width: 500px;
  margin: 22px auto; }
  @media only screen and (max-width: 767px) {
    .pageid--wholefoods-protein-bar .vprot-box, .pageid--new-protein-bars-intro .vprot-box {
      padding-left: 10px;
      padding-right: 10px; } }
  .pageid--wholefoods-protein-bar .vprot-box p, .pageid--new-protein-bars-intro .vprot-box p {
    font-size: 14px;
    line-height: 35px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .pageid--wholefoods-protein-bar .vprot-box p, .pageid--new-protein-bars-intro .vprot-box p {
        font-size: 12px;
        line-height: 25px; } }

/* new product pages css */
.midd-g-block-two--4401330585635 {
  display: block !important; }

.midd-g-block-two--4401332322339 {
  display: block !important; }

.midd-g-block--4401318658083 {
  display: block !important; }

.midd-g-block--4401326850083 {
  display: block !important; }

.midd-g-block-two--4429898416163 {
  display: block !important; }

/* ========== landing new product end css  =================--*/
/*========== coupon-page CSs ==================================*/
div#shopify-section-Collection-list-Coupon-one {
  padding-bottom: 55px; }

div#shopify-section-Collection-list-Coupon-two {
  padding-top: 30px;
  padding-bottom: 50px; }

.pageid--48217391139 {
  /* one   */ }
  .pageid--48217391139 .full-width__container {
    margin-bottom: 0px; }
  .pageid--48217391139 .section__grid-newcoupen {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .pageid--48217391139 .full-width__content:after, .pageid--48217391139 .full-width__content:before {
    content: '';
    background-color: #fff0; }
  .pageid--48217391139 .full-width__title:after {
    content: '';
    background-color: #fff0; }
  .pageid--48217391139 .custome-center-txt {
    top: 0;
    left: 0;
    right: 0;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    width: 100%; }
    .pageid--48217391139 .custome-center-txt h2.full-width__title {
      font-size: 50px;
      line-height: 75px;
      color: #000;
      position: relative;
      top: 20%; }
      @media only screen and (max-width: 1200px) and (min-width: 1024px) {
        .pageid--48217391139 .custome-center-txt h2.full-width__title {
          font-size: 48px;
          line-height: 66px; } }
      @media only screen and (min-width: 1500px) {
        .pageid--48217391139 .custome-center-txt h2.full-width__title {
          font-size: 47px;
          line-height: 64px;
          top: 42%; } }
    .pageid--48217391139 .custome-center-txt p.full-width__description {
      color: #303030;
      width: 365px;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      padding-top: 20px; }
      @media only screen and (max-width: 1200px) and (min-width: 1024px) {
        .pageid--48217391139 .custome-center-txt p.full-width__description {
          font-size: 15px;
          line-height: 22px;
          padding-top: 0; } }
      @media only screen and (min-width: 1500px) {
        .pageid--48217391139 .custome-center-txt p.full-width__description {
          font-size: 12px;
          padding-top: 70px; } }
  .pageid--48217391139 .bg-section-titl {
    padding: 20px 0 0; }
    .pageid--48217391139 .bg-section-titl h2 {
      margin: 0; }
  .pageid--48217391139 .section-tit {
    padding-top: 30px; }
    .pageid--48217391139 .section-tit h2 {
      margin: 0;
      line-height: 30px; }
  .pageid--48217391139 .slider-box-pro-six {
    background: #f5f3f4;
    text-align: center;
    margin-bottom: 20px;
    padding: 25px;
    height: 330px; }
    @media only screen and (max-width: 767px) {
      .pageid--48217391139 .slider-box-pro-six {
        height: 440px;
        padding: 10px; } }
  .pageid--48217391139 a.btn.btn-red-ny {
    background: #eb3529;
    padding: 20px 30px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff; }
  .pageid--48217391139 .view-all-ny.text-center {
    margin-top: 55px;
    margin-bottom: 55px; }
    @media only screen and (max-width: 767px) {
      .pageid--48217391139 .view-all-ny.text-center {
        margin-top: 25px;
        margin-bottom: 25px; } }
  .pageid--48217391139 .rte {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .pageid--48217391139 .rte {
        padding-bottom: 0; } }
    .pageid--48217391139 .rte img {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .pageid--48217391139 .rte img {
          width: 65%; } }
  .pageid--48217391139 ul.slider-section-new {
    padding-left: 0; }
  .pageid--48217391139 .product-infowrap {
    padding: 15px; }
    .pageid--48217391139 .product-infowrap p.collection-product__title {
      font-size: 16px;
      font-weight: 500; }
    .pageid--48217391139 .product-infowrap span {
      font-size: 14px;
      padding-top: 15px;
      display: block; }
      @media only screen and (max-width: 767px) {
        .pageid--48217391139 .product-infowrap span {
          font-size: 15px;
          line-height: 18px; } }
    .pageid--48217391139 .product-infowrap p.collection-product__price {
      font-size: 22px;
      font-weight: 500;
      padding-top: 18px; }
    @media only screen and (max-width: 767px) {
      .pageid--48217391139 .product-infowrap {
        padding: 10px; } }
  @media only screen and (max-width: 767px) {
    .pageid--48217391139 .slider-box-pro-four {
      margin-bottom: 15px; }
    .pageid--48217391139 img.collection-image {
      width: 50%; }
    .pageid--48217391139 img.collecto-one {
      width: 60%; }
    .pageid--48217391139 ul.four-product-list {
      padding-left: 0; }
    .pageid--48217391139 ul.section-two-new-page {
      padding-left: 15px;
      padding-right: 15px; }
    .pageid--48217391139 ul.slider-section-new {
      padding-left: 15px;
      padding-right: 15px; }
    .pageid--48217391139 .full-width__description {
      margin-bottom: 0; }
    .pageid--48217391139 .full-width__content-border {
      padding: 0 20px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .pageid--48217391139 section.full-width__container {
      background: transparent; }
      .pageid--48217391139 section.full-width__container .medium-up--hide {
        display: block !important; }
      .pageid--48217391139 section.full-width__container .small--hide.custome-center-txt {
        display: none; }
    .pageid--48217391139 .full-width__image {
      visibility: visible; } }
  .pageid--48217391139 .full-width__content-border:after, .pageid--48217391139 .full-width__content-border:before {
    content: '';
    background-color: #000; }
  @media only screen and (min-width: 1500px) {
    .pageid--48217391139 .full-width__container {
      background-size: cover;
      height: 440px; } }

/* refer button css */
@media only screen and (max-width: 767px) {
  #talkable-offer {
    display: none !important; }

  iframe.nura-mob {
    width: 100%;
    height: 190px; } }
/*--=========== Try sampler packs landing page CSS  ==============--*/
#try-sampler-pack #talkable-offer {
  display: none !important; }

#try-sampler-pack #loyaltylion {
  display: none !important; }

.try-sampler-pack div#talkable-offer {
  display: none !important; }
.try-sampler-pack div#talkable-offer {
  display: none !important; }
.try-sampler-pack div#loyaltylion {
  display: none !important; }
.try-sampler-pack .full-width__content {
  padding: 25px 20px 0 !important; }
.try-sampler-pack .what-inside .full-width__container .grid--no-gutters {
  max-width: 100%; }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-inside picture {
    position: relative;
    z-index: 1; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-inside .full-width__content {
    background: #7dd3ed;
    margin-top: -8%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .try-sampler-pack .what-inside .full-width__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .try-sampler-pack .what-inside .full-width__content-border {
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-inside .full-width__content-border {
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-inside h2 {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-inside .full-width__container {
    margin-bottom: 0px; } }
.try-sampler-pack .section__container {
  margin-bottom: 0px; }
.try-sampler-pack .full-width__container {
  margin-bottom: 30px; }
.try-sampler-pack .page-width {
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .page-width {
      margin-bottom: 25px; } }
.try-sampler-pack .full-width__description {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 42px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .full-width__description {
      margin-bottom: 16px; } }
  .try-sampler-pack .full-width__description:after {
    background-color: transparent; }
.try-sampler-pack .pr-20 {
  padding-right: 20px !important; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .pr-20 {
      padding-right: 0px !important; } }
.try-sampler-pack .pl-20 {
  padding-left: 20px !important; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .pl-20 {
      padding-left: 0px !important; } }
.try-sampler-pack .full-width__content {
  color: #000; }
.try-sampler-pack .btn--secondary {
  background: #D12626;
  max-width: 190px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0px; }
  .try-sampler-pack .btn--secondary span {
    color: #fff; }
@media only screen and (min-width: 1025px) {
  .try-sampler-pack .btn.btn--secondary.btn_small {
    min-width: 190px;
    padding: 15px 0px; } }
.try-sampler-pack .pack-heading {
  font-family: "FrenteH1", Arial, sans-serif;
  text-transform: uppercase; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .pack-heading {
      font-size: 30px;
      line-height: 36px;
      letter-spacing: 1.5px; } }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .pack-heading {
      font-size: 25px;
      font-weight: bolder; } }
  @media only screen and (min-width: 1025px) {
    .try-sampler-pack .pack-heading {
      font-size: 55px;
      line-height: 1em;
      letter-spacing: 3px;
      margin-top: 26px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 1440px) {
    .try-sampler-pack .pack-heading {
      font-size: 65px; } }
.try-sampler-pack .none-gmo {
  color: #00ADE6; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .none-gmo {
      font-size: 28px;
      line-height: 28px;
      letter-spacing: 1.5px; } }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .none-gmo {
      font-size: 20px;
      line-height: 18px;
      font-weight: bolder; } }
  @media only screen and (min-width: 1025px) {
    .try-sampler-pack .none-gmo {
      font-size: 42px;
      /* line-height: 38px; */
      letter-spacing: 2px;
      font-weight: bold; } }
@media only screen and (min-width: 1025px) {
  .try-sampler-pack .full-width__content-border {
    padding: 0 0 0 30px; } }
.try-sampler-pack .full-width__content::before,
.try-sampler-pack .full-width__content::after,
.try-sampler-pack .full-width__content-border::before,
.try-sampler-pack .full-width__content-border::after {
  background: transparent; }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .prmo-section .page-width {
    background: linear-gradient(to bottom, #80d3ef 7em, white 7em);
    margin-top: -1px; } }
.try-sampler-pack .prmo-section h5 {
  margin: 20px 0;
  word-wrap: break-word;
  font-size: 12px; }
.try-sampler-pack .made-with .page-width {
  padding-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .made-with .page-width {
      padding-bottom: 20px; } }
.try-sampler-pack .made-with h1 {
  margin: 50px 0; }
.try-sampler-pack .made-with p {
  font-size: 14px;
  padding: 0 10px; }
.try-sampler-pack .made-with .btn.btn--secondary {
  margin-top: 30px; }
@media only screen and (min-width: 768px) {
  .try-sampler-pack .made-with .harm-free img {
    position: relative;
    top: 10.45em;
    width: 100%;
    max-width: 190px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .try-sampler-pack .made-with .harm-free img {
    top: 9.18em; } }
@media only screen and (min-width: 1500px) {
  .try-sampler-pack .made-with .harm-free img {
    top: 11em; } }
.try-sampler-pack .made-with .left-right-imh {
  display: flex; }
.try-sampler-pack .made-with .left-side, .try-sampler-pack .made-with .right-side {
  padding: 15px; }
.try-sampler-pack .made-width {
  position: relative;
  margin-top: 13%;
  margin-bottom: 5%; }
  .try-sampler-pack .made-width .top-boximg {
    position: absolute;
    width: 100%;
    bottom: 25px; }
.try-sampler-pack .logo-bar .page-width {
  margin-bottom: 0; }
.try-sampler-pack .logo-bar .grid {
  padding: 30px 10px; }
.try-sampler-pack .logo-bar .grid__item {
  padding-right: 24px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .logo-bar .grid__item {
      padding: 5px; } }
.try-sampler-pack .logo-bar .review-rating img {
  max-width: 250px;
  width: 100%; }
.try-sampler-pack .sampler-section .page-width {
  padding: 50px 0 10px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .sampler-section .page-width {
      padding: 20px 0; } }
.try-sampler-pack .sampler-section .grid__item {
  padding: 10px; }
  @media only screen and (min-width: 768px) {
    .try-sampler-pack .sampler-section .grid__item.custom_width {
      width: 23.75%; }
    .try-sampler-pack .sampler-section .grid__item.custom_width.third, .try-sampler-pack .sampler-section .grid__item.custom_width.fourth {
      position: relative;
      left: 5%; } }
.try-sampler-pack .sampler-section .custome-width {
  width: 60%;
  margin: 0 auto;
  position: relative;
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .sampler-section .custome-width {
      width: 80%;
      margin-top: 0; } }
  .try-sampler-pack .sampler-section .custome-width .pack-heading {
    margin: 0;
    padding-top: 6%; }
    @media only screen and (max-width: 767px) {
      .try-sampler-pack .sampler-section .custome-width .pack-heading {
        font-size: 20px;
        font-weight: bold; } }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .sampler-section .custome-width h2 {
      font-size: 14px; } }
.try-sampler-pack .sampler-section .custome-width:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Tic2.png?v=1580980109);
  left: -60px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .sampler-section .custome-width:before {
      left: -30px; } }
.try-sampler-pack .sampler-section .custome-width:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -60px;
  width: 50px;
  background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Tic.png?v=1580980109);
  background-size: contain;
  background-repeat: no-repeat; }
.try-sampler-pack .what-do-you-get .btn--secondary {
  background: #D12626;
  max-width: 190px;
  margin: auto 40% auto;
  width: 100%;
  padding: 20px 0px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .what-do-you-get .btn--secondary {
      margin: auto 0 auto; } }
.try-sampler-pack .what-do-you-get section {
  padding-top: 55px;
  padding-left: 70px;
  padding-right: 40px;
  padding-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .what-do-you-get section {
      padding-top: 15px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px; } }
.try-sampler-pack .what-do-you-get .image-content__image {
  width: 100%; }
.try-sampler-pack .what-do-you-get .image-content__content {
  margin-top: 10px; }
  @media only screen and (min-width: 1025px) {
    .try-sampler-pack .what-do-you-get .image-content__content {
      padding-top: 0px;
      padding-left: 0; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-do-you-get .image-content__image-container {
    margin-bottom: 0px; } }
@media only screen and (min-width: 768px) {
  .try-sampler-pack .what-do-you-get .certication-badge {
    text-align: right; } }
.try-sampler-pack .what-do-you-get .what_heading {
  margin-top: 0px; }
.try-sampler-pack .what-do-you-get .content_bg {
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1; }
  .try-sampler-pack .what-do-you-get .content_bg:before {
    position: absolute;
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Yellow.png?v=1580981563);
    top: 0;
    left: 0;
    width: 50%;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1; }
.try-sampler-pack .what-do-you-get ul {
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .what-do-you-get ul {
      padding: 0;
      margin-right: 60px; } }
.try-sampler-pack .what-do-you-get li {
  list-style-image: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Ellipse_2.png?v=1580997518);
  margin-bottom: 18px;
  font-size: 14px; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .what-do-you-get li {
      list-style-position: inside; } }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .what-do-you-get .mobile-position {
    width: 40%;
    float: right;
    margin-top: -70px;
    padding-left: 5px; } }
.try-sampler-pack .what-do-you-get .img-1 {
  position: relative;
  z-index: 2;
  width: 80%; }
.try-sampler-pack .what-do-you-get .img-2 {
  position: relative;
  z-index: 1;
  top: -50px;
  width: 100%;
  margin-bottom: -50px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .what-do-you-get .img-2 {
      top: -32px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .try-sampler-pack .what-do-you-get .img-2 {
      top: -2.5em; } }
.try-sampler-pack .what-do-you-get .mob-btn {
  position: relative;
  left: 11%;
  top: 2.5em; }
.try-sampler-pack .nutrition-facts .nutrition_image {
  position: relative;
  top: 15px; }
.try-sampler-pack .nutrition-facts .pack-heading {
  font-size: 48px;
  line-height: 45px;
  letter-spacing: 3px;
  margin-top: 26px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .nutrition-facts .pack-heading {
      font-size: 26px;
      line-height: 25px;
      letter-spacing: 2px;
      margin-bottom: 5px; } }
.try-sampler-pack .nutrition-facts .nutrition-content > div {
  border: 2.5px solid white;
  text-align: center;
  width: calc(45% - 24.5px);
  border-radius: 10px;
  padding: 12px 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #fff;
  font-family: "FrenteH1",Arial,sans-serif;
  font-size: 24px;
  position: relative;
  left: 25px;
  top: 10px; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .nutrition-facts .nutrition-content > div {
      width: calc(25% - 22.5px);
      margin-bottom: 20px;
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .try-sampler-pack .nutrition-facts .nutrition-content > div {
      width: calc(25% - 22.5px);
      margin-bottom: 20px;
      font-size: 18px;
      left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .try-sampler-pack .nutrition-facts .pack-heading {
    font-size: 26px;
    line-height: 26px; } }
.try-sampler-pack .nutrition-facts .daily-value {
  margin-bottom: 3px; }
.try-sampler-pack .nutrition-facts h5 {
  margin-top: 0px;
  font-size: 16px; }
@media only screen and (min-width: 1025px) {
  .try-sampler-pack .nutrition-facts .content {
    font-size: 13px;
    font-weight: bold; } }
@media only screen and (max-width: 1024px) {
  .try-sampler-pack .nutrition-facts .content {
    font-size: 12px; } }
@media only screen and (min-width: 1025px) {
  .try-sampler-pack .nutrition-facts .slick-slide {
    padding: 40px 30px 40px; } }
.try-sampler-pack .nutrition-facts .slick-arrow {
  width: 100px;
  height: 100px;
  z-index: 1; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .nutrition-facts .slick-arrow {
      width: 50px;
      height: 50px; } }
  .try-sampler-pack .nutrition-facts .slick-arrow.slick-prev {
    left: -20px; }
    .try-sampler-pack .nutrition-facts .slick-arrow.slick-prev:before {
      content: '';
      background: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/left_Arrow.png?v=14070229100676702651674861347) no-repeat scroll 0 0;
      background-size: contain;
      position: absolute;
      width: 70%;
      height: 70%;
      top: 0;
      left: 0;
      opacity: 1; }
  .try-sampler-pack .nutrition-facts .slick-arrow.slick-next {
    right: -20px; }
    .try-sampler-pack .nutrition-facts .slick-arrow.slick-next:before {
      content: '';
      background: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/right_Arrow.png?v=173926521643291920751674861383) no-repeat scroll 0 0;
      background-size: contain;
      position: absolute;
      width: 70%;
      height: 70%;
      top: 0;
      right: 0;
      background-position: right;
      opacity: 1; }
@media only screen and (max-width: 1024px) {
  .try-sampler-pack .nutrition-facts .slick-prev, .try-sampler-pack .nutrition-facts .slick-next {
    top: 40%; } }
.try-sampler-pack .nutrition-facts .accordionButton {
  padding: 0;
  border: none;
  margin-top: 30px;
  font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif;
  font-size: 14px;
  background: #fff;
  color: #982831;
  border-radius: 3px;
  margin-left: 11px;
  text-align: center;
  line-height: 1;
  width: calc(100% - 22px);
  padding: 12px; }
.try-sampler-pack .nutrition-facts .accordionButton::after {
  right: 5%;
  top: 27%;
  content: "▸";
  color: #982831;
  background-image: none;
  font-size: 20px;
  height: auto;
  width: auto; }
.try-sampler-pack .nutrition-facts .accordionButton.is-open::after {
  transform: rotate(90deg); }
.try-sampler-pack .nutrition-facts .accordionContent {
  padding: 2px 0px 0px;
  margin: 0px 11px; }
.try-sampler-pack .customer-review blockquote {
  font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif;
  font-weight: normal;
  padding-left: 0px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .try-sampler-pack .customer-review blockquote::before {
    content: '';
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/t/254/assets/Quote.png?v=161646771375155043651674861374);
    background-size: cover;
    width: 50px;
    height: 50px;
    position: relative;
    margin-bottom: 30px; }
.try-sampler-pack .page-footer .grid {
  padding: 0 10px; }
.try-sampler-pack .page-footer .footer-logo {
  margin: 40px 0 10px; }
  @media only screen and (max-width: 1024px) {
    .try-sampler-pack .page-footer .footer-logo img {
      max-width: 50%; } }
.try-sampler-pack .page-footer .footer-links {
  color: #000; }
  .try-sampler-pack .page-footer .footer-links ul {
    list-style: none; }
    .try-sampler-pack .page-footer .footer-links ul li {
      display: inline-block;
      text-transform: uppercase;
      padding-left: 6px;
      padding-right: 6px;
      border-right: 1px solid;
      line-height: 1; }
      .try-sampler-pack .page-footer .footer-links ul li a {
        font-size: 12px;
        color: #000;
        margin-bottom: 10px; }
  .try-sampler-pack .page-footer .footer-links.footer-supplement__container {
    padding-bottom: 0; }
    .try-sampler-pack .page-footer .footer-links.footer-supplement__container p {
      margin-bottom: 12px;
      font-size: 12px; }
      @media only screen and (max-width: 767px) {
        .try-sampler-pack .page-footer .footer-links.footer-supplement__container p {
          font-size: 9px; } }
      .try-sampler-pack .page-footer .footer-links.footer-supplement__container p a {
        font-size: 12px;
        color: #000; }
        @media only screen and (max-width: 767px) {
          .try-sampler-pack .page-footer .footer-links.footer-supplement__container p a {
            font-size: 9px; } }
.try-sampler-pack .page-footer .visible-hidden {
  visibility: hidden; }
.try-sampler-pack .page-footer .copyright {
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px; }
.try-sampler-pack .footer-supplement__container {
  background: transparent; }
@media only screen and (max-width: 767px) {
  .try-sampler-pack .made-with .small--one-quarter {
    padding-left: 1px;
    position: relative;
    left: 2%; }
  .try-sampler-pack .fourth img {
    margin-top: -80px;
    margin-left: 15px; }
  .try-sampler-pack .third img {
    margin-top: -80px;
    margin-left: 10px; }
  .try-sampler-pack .try-sampler-pack {
    overflow-x: hidden !important;
    width: 100% !important; }
  .try-sampler-pack .text-padd-imobile {
    padding-left: 0; }
  .try-sampler-pack .lozad-mobile {
    padding: 0 15px; }
  .try-sampler-pack .ilo-mobile {
    margin-left: 0; } }
@media only screen and (max-width: 320px) {
  .try-sampler-pack .try-sampler-pack .sampler-section .custome-width .pack-heading {
    font-size: 18px; } }
@media only screen and (min-width: 1500px) {
  .try-sampler-pack .nutrition-facts section {
    background: linear-gradient(to left, #80d3ef 80%, white 80%); }
  .try-sampler-pack .what-do-you-get {
    background: linear-gradient(to left, #7fd496 74%, #00a92e 74%); } }

/*--=========== TRY sampler packs landing page css end ===========--*/
.subscribe-page .main-heading {
  background-color: #fdee7f;
  position: relative; }
  @media only screen and (min-width: 1025px) {
    .subscribe-page .main-heading h1 {
      font-size: 62px; } }
  .subscribe-page .main-heading .page-title {
    position: relative; }
  .subscribe-page .main-heading .page-title:after {
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    content: '';
    background-image: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Boarder.png?v=1583301570);
    width: 100%;
    height: 13px;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .subscribe-page .main-heading .subscribe-page-main-heading {
    /* position: absolute;
    top: 20%;
    width: 100%;
    transform: translateY(-20%); */ }
    .subscribe-page .main-heading .subscribe-page-main-heading .btn-red {
      padding-bottom: 10px; }
  .subscribe-page .main-heading .subscribe-page__main-left-img {
    position: absolute;
    width: 22vw;
    left: -7.5%; }
    @media only screen and (max-width: 767px) {
      .subscribe-page .main-heading .subscribe-page__main-left-img {
        position: relative;
        width: 100%;
        left: 0px;
        padding: 0 30px; } }
  .subscribe-page .main-heading .subscribe-page__main-right-img {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 18vw;
    transform: translateY(-50%); }
    @media only screen and (max-width: 767px) {
      .subscribe-page .main-heading .subscribe-page__main-right-img {
        position: relative;
        bottom: 30%;
        margin-top: -20%;
        width: 100%;
        top: 0;
        right: 0;
        transform: translateY(30%); } }
.subscribe-page a.btn.btn--secondary {
  background: #D12626;
  max-width: 190px;
  margin: 0 auto;
  min-width: 190px;
  padding: 15px 0px;
  width: 100%; }
.subscribe-page .btn-red {
  padding-top: 20px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .subscribe-page .btn-red.mob-btn {
      padding-top: 50px;
      padding-bottom: 0; } }
.subscribe-page .subscribe-page-title-wrapper.third-color {
  background-color: #fdee7f; }
.subscribe-page .subscribe-page__benefits-item {
  position: relative; }
  .subscribe-page .subscribe-page__benefits-item:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    right: 10px;
    bottom: -10px;
    border: 2px solid #000;
    border-radius: 10px; }
    @media only screen and (min-width: 1025px) {
      .subscribe-page .subscribe-page__benefits-item:after {
        top: 20px;
        left: -20px;
        right: 20px;
        bottom: -20px; } }
.subscribe-page .how-subscriptions-work {
  background: #F4F3F3; }
.subscribe-page .subscribe-page-faq {
  background: #F4F3F3;
  clear: both; }
  .subscribe-page .subscribe-page-faq .subscribe-page-accordion {
    max-width: 1260px;
    padding: 50px 30px;
    margin: 0 auto; }
  .subscribe-page .subscribe-page-faq .accordionButton {
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    color: #000;
    font-size: 18px; }
  .subscribe-page .subscribe-page-faq .accordionButton:after {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/files/Add.png?v=1583326121);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover; }
    @media only screen and (min-width: 1025px) {
      .subscribe-page .subscribe-page-faq .accordionButton:after {
        top: 28px; } }
    @media only screen and (max-width: 1024px) {
      .subscribe-page .subscribe-page-faq .accordionButton:after {
        top: 20px; } }
  .subscribe-page .subscribe-page-faq .accordionButton.is-open:after {
    background-image: url(//cdn.shopify.com/s/files/1/0008/9260/0356/files/Minus_ac3a611f-a41b-4b28-b0e7-a25dfdad391c.png?v=1583326329);
    background-repeat: no-repeat;
    background-repeat: none; }
.subscribe-page .subscribe-page__bake-with .subscribe-info-wrapper--primary-color {
  align-items: center; }
  .subscribe-page .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-body-wrapper {
    font-weight: bold;
    flex: 0.50 !important; }
    @media only screen and (min-width: 1025px) {
      .subscribe-page .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-body-wrapper {
        padding-right: 70px; } }
.subscribe-page .subscribe-page__collection {
  max-width: 1200px;
  background: #F4F3F3;
  padding: 30px 30px 0px 30px;
  margin: 0 auto; }
  .subscribe-page .subscribe-page__collection .collection-list {
    padding-bottom: 0px; }

/* RC app custome css */
.product-btn input.rc_radio {
  display: none; }

.rc-add-to {
  background: #d12626 !important; }
  .rc-add-to:hover {
    background: #ff5555 !important; }

/* Rc app code end */
/* @media only screen and ( min-width: 1380px) {
  .collection-label {
    align-self: flex-end;
    width: 100% !important;
    margin: 0 150px !important;
  }
} */
/* ---------------  Custom Code  --------------- */
.template-product .recommendify-panel-body {
  display: flex; }
  .template-product .recommendify-panel-body .recommendify_col {
    margin: 0 5px !important;
    width: calc(25% - 10px);
    padding-top: 30px; }

@media only screen and (min-width: 1025px) {
  .template-article .large-up--eight-tenths {
    margin-left: 10%; } }
.template-article .blog-article__featured-image {
  width: 100%; }

/* pages remove blue header and side title  */
#subscribe-and-save-collection .announcement-bar, #subscribe-amp-save-15-online-at-bobo-39-s .announcement-bar {
  background: #ffffff;
  visibility: hidden;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    #subscribe-and-save-collection .announcement-bar, #subscribe-amp-save-15-online-at-bobo-39-s .announcement-bar {
      height: 5px; } }
#subscribe-and-save-collection #talkable-offer, #subscribe-amp-save-15-online-at-bobo-39-s #talkable-offer {
  display: none; }
#subscribe-and-save-collection .lion-loyalty-widget__body, #subscribe-amp-save-15-online-at-bobo-39-s .lion-loyalty-widget__body {
  display: none !important; }

img.icon-hear {
  position: relative;
  top: 5px; }

/* pages remove blue header and side title end css  */
/*-== best seller product css ===-*/
/*-== youtube responsive video on product css ===-*/
.w-h {
  width: 600px;
  height: 300px; }

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .w-h {
    width: 300px;
    height: 300px; } }
/* -------------- Custom ---------------- */
.announcement-bar img {
  margin-right: 10px;
  width: 15px;
  height: auto;
  vertical-align: middle; }

.announcement-bar a {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center; }

@media only screen and (max-width: 1024px) {
  .announcement-bar img {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%); } }
@media only screen and (min-width: 1025px) {
  .template-collection .collection-header__grid {
    display: flex;
    align-items: center;
    min-height: 188px;
    padding: 0 30px; }
    .template-collection .collection-header__grid .collection-header__content {
      position: static;
      transform: none; } }
.page-width__container.no-padding {
  margin-left: -25px;
  margin-right: -25px; }

.account-page--width {
  max-width: 1180px;
  padding: 0 30px;
  margin: 0 auto; }
  .account-page--width .page-header__title {
    margin: 0; }
  .account-page--width .page-block {
    position: relative;
    background: #fbfbfb;
    border: 1px solid #f2f2f2;
    display: block;
    margin: 40px auto;
    padding: 40px 5%;
    width: 100%; }

.account-nav {
  background-color: #49b5e2;
  border-bottom: 1px solid #dcdcdc; }
  .account-nav .section__container {
    margin-bottom: 0 !important; }
  .account-nav ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 20px 0 15px; }
    .account-nav ul a {
      color: #fff;
      font-family: "FrenteH1", Arial, sans-serif;
      font-size: 22px;
      font-weight: 600;
      letter-spacing: 2px; }

@media screen and (min-width: 600px) {
  .account-nav ul {
    align-items: flex-start;
    flex-direction: row; } }
.btn.btn-red-ny {
  background: #eb3529;
  padding: 20px 30px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff; }

.product-infowrap p.collection-product__title {
  font-weight: 500;
  font-size: 16px; }

.product-infowrap p.collection-product__price {
  font-size: 22px;
  font-weight: 500;
  padding-top: 18px; }

.page-block {
  display: block;
  text-decoration: none !important; }

.account-rewards .page-block {
  padding: 40px 0; }
.account-rewards #loyaltylion .lion-loyalty-panel-reward-item__title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px; }
.account-rewards #loyaltylion .lion-loyalty-panel-content--earn,
.account-rewards #loyaltylion .lion-loyalty-panel-content--rewards {
  background-color: transparent; }
.account-rewards #loyaltylion .lion-loyalty-panel-sidebar__menu {
  padding: 20px 10px 40px 10px; }
.account-rewards #loyaltylion .lion-loyalty-panel-sidebar__menu-item {
  margin-bottom: 12px; }
.account-rewards #loyaltylion .lion-loyalty-panel-sidebar__points {
  text-align: center; }
  .account-rewards #loyaltylion .lion-loyalty-panel-sidebar__points .lion-loyalty-panel-sidebar__points-value {
    display: block; }
.account-rewards #loyaltylion header.lion-loyalty-panel-sidebar__header,
.account-rewards #loyaltylion header.lion-loyalty-panel-content__header {
  padding-bottom: 30px; }
.account-rewards #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-panel-sidebar__tier-info-link {
  color: #49b5e2; }
.account-rewards #loyaltylion .lion-loyalty-panel-claimed-reward-item__left {
  padding: 10px; }
.account-rewards #loyaltylion .lion-loyalty-panel-claimed-reward-item__title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-weight: 600; }
.account-rewards .lion-action-button,
.account-rewards #loyaltylion .lion-action-button {
  background-color: #d12626;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding: 15px; }
  .account-rewards .lion-action-button span,
  .account-rewards #loyaltylion .lion-action-button span {
    text-transform: uppercase !important; }
.account-rewards #loyaltylion .lion-loyalty-panel-claimed-reward-item__date {
  font-size: 14px; }
.account-rewards #loyaltylion .lion-loyalty-panel-page-history,
.account-rewards #loyaltylion .lion-loyalty-panel-page-help {
  background-color: transparent; }
.account-rewards #loyaltylion .lion-loyalty-panel-tier-item__list-item {
  margin-bottom: 12px; }
.account-rewards #loyaltylion .lion-customer-history-table__row-cell {
  font-size: 14px;
  line-height: 28px; }
.account-rewards #loyaltylion .lion-customer-history-table__header-cell {
  font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase; }
@media only screen and (max-width: 767px) {
  .account-rewards #loyaltylion .lion-loyalty-panel-claimed-reward-item {
    flex-direction: column; } }

#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item__title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px; }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-action-button {
  font-size: 14px;
  text-transform: uppercase; }
  #loyaltylion .lion-loyalty-panel-content--rewards .lion-action-button * {
    text-transform: uppercase; }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='71591'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_6-bar-sampler.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76803'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_tote-bag.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76799'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_spatula.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='77191'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_special-water-bottle.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76798'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_mitt.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='77190'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_lunchbox.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='72182'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_grocery-bag.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76807'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_trucker-hat.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76800'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_dad-hat.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='76804'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_miir-water-bottle.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='71910'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_tin-mug.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='40750'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_percent_coconut.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='71911'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_percent-off.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='71484'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_money-off.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='69310'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_money-off.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }
#loyaltylion .lion-loyalty-panel-content--rewards .lion-loyalty-panel-reward-item[data-reward-id='71907'] .lion-loyalty-panel-reward-item__content:before {
  content: '';
  background-image: url("ll-reward_multipack.jpg");
  background-size: cover;
  height: 0;
  margin: -10px -10px 1em -10px;
  padding-top: 33%;
  width: calc(100% + 20px); }

.subscribe-page #loyaltylion {
  padding-top: 80px; }
.subscribe-page #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-panel-content__header {
  background: transparent;
  border-bottom: none;
  font-size: 30px;
  text-align: center; }
.subscribe-page #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-panel-sidebar__title {
  display: none; }
.subscribe-page.account-rewards #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-panel-sidebar__tier-info-link {
  display: block;
  text-align: center; }

.lowe-u {
  display: flex;
  padding-left: 0;
  flex-wrap: wrap;
  margin-bottom: 0; }
  .lowe-u .lovewins-coll-img {
    list-style-type: none;
    width: 33.33%;
    line-height: 1px;
  /*     img {
  width: 100%;
  height: 335px;
} */ }

.vot-box {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 30px; }
  .vot-box h2 {
    color: #ffff;
    font-size: 5rem;
    font-family: "Cactus Bold",sans-serif;
    text-transform: uppercase; }

.red {
  background: #ED2724; }

.pageid--Walgreens .vprot-box {
  width: 1;
  width: 100%;
  max-width: 650px;
  margin: 0 auto; }
  .pageid--Walgreens .vprot-box p:last-child {
    font-size: 12px; }
@media (min-width: 1025px) {
  .pageid--Walgreens .full-width__title {
    font-size: 34px; } }
.pageid--Walgreens .full-width__title:after {
  content: '';
  background-color: transparent;
  height: 2px;
  width: 34px;
  display: block; }
.pageid--Walgreens #shopify-section-banner-with-logo-two {
  padding-bottom: 28px; }
  .pageid--Walgreens #shopify-section-banner-with-logo-two .rte p {
    font-size: 15px; }
.pageid--Walgreens .protein-bar-variant {
  margin-top: 20%;
  margin-bottom: 45px;
  padding: 0 35px 35px; }
.pageid--Walgreens .img-protein-vari {
  margin-top: -23%; }

#shopify-section-section-text-left-right .image-with-text-center-w {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 4em 0 0; }
  #shopify-section-section-text-left-right .image-with-text-center-w .text-block {
    width: 450px;
    max-width: 100%;
    margin: 0 auto; }
    #shopify-section-section-text-left-right .image-with-text-center-w .text-block .image-content__title {
      font-size: 28px;
      margin: 0;
      line-height: 0;
      color: #000;
      font-weight: 600; }
#shopify-section-section-text-left-right .section__container {
  margin-bottom: 32px; }
#shopify-section-section-text-left-right .main-heading {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding-top: 30px; }

#scapl-geocode-btn {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700; }

#bh-sl-submit {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700; }

div#scasl-app-container {
  max-width: 1100px !important;
  width: 100% !important;
  margin: 0 auto; }

/**  Recommended Products section **/
#recommendify-similar-products {
  padding: 0 40px; }
  #recommendify-similar-products a {
    display: block;
    outline: none; }
  #recommendify-similar-products .recommendify_product_image {
    width: 100%;
    height: 240px;
    padding: 10px 30px;
    object-fit: contain; }
  #recommendify-similar-products .recommendify_product_title p {
    white-space: nowrap;
    text-overflow: ellipse;
    overflow: hidden; }

.globo-formbuilder {
  padding: 40px 0 30px; }
  .globo-formbuilder .submit {
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif !important;
    padding: 20px 0 !important; }
  .globo-formbuilder .globo-heading {
    font-family: "FrenteH1",Arial,sans-serif !important;
    text-align: center !important;
    font-size: 36px !important; }
  .globo-formbuilder .globo-label {
    font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif !important; }
  .globo-formbuilder .globo-form-control textarea {
    height: 48px !important;
    min-height: 40px !important; }
  .globo-formbuilder .message.success {
    background: transparent !important;
    color: #212b36;
    font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif !important; }

/* ======== landing $5 sampler page  ========== */
.try-sampler-pack-2 {
  margin-bottom: 0; }

.box-inner {
  width: 100%;
  max-width: 400px;
  margin: auto 0;
  text-align: left;
  position: relative;
  left: 7%; }
  @media only screen and (max-width: 767px) {
    .box-inner {
      left: 0;
      text-align: center;
      margin: 0 auto;
      max-width: 320px; } }
  .box-inner .box-inner .btn.btn--secondary.btn_small {
    margin: auto 15px; }
  .box-inner .btn--secondary.btn_small {
    max-width: 140px;
    margin: auto 3%;
    width: 100%;
    padding: 14px 0px !important;
    min-width: 150px !important; }
    @media only screen and (max-width: 767px) {
      .box-inner .btn--secondary.btn_small {
        margin: 0 auto; } }

.head-box {
  width: 100%; }
  .head-box .box-color {
    background: #002B63;
    padding: 8px 15px;
    font-size: 44px;
    font-weight: 500;
    color: #e82328;
    letter-spacing: 0;
    display: block;
    box-shadow: 6px 6px #008AEC;
    margin: 11px 0; }
    @media only screen and (max-width: 767px) {
      .head-box .box-color {
        font-size: 32px; } }
  .head-box .pack-heading {
    color: #fff;
    font-size: 44px !important;
    letter-spacing: 0 !important;
    font-weight: 500;
    text-shadow: 1.1px 2px #000;
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .head-box .pack-heading {
        text-align: center;
        font-size: 14px; } }
  .head-box .none-gmo-t {
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 5px 13px 10px; }
    @media only screen and (max-width: 767px) {
      .head-box .none-gmo-t {
        font-size: 13px;
        margin: 5px 5px 10px;
        text-align: center; } }
  .head-box .off-an {
    margin: 33px 0 8px;
    font-size: 38px;
    padding: 0 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: "FrenteH1",Arial,sans-serif;
    color: #fff;
    position: relative; }
    .head-box .off-an .color-yel {
      color: #FFCC00;
      position: relative; }
    @media only screen and (max-width: 767px) {
      .head-box .off-an {
        font-size: 29px;
        padding: 0 0; } }
  .head-box .color-yel::before {
    content: '';
    position: absolute;
    top: -8px;
    bottom: 0;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/banner_icon_1.svg?v=1604378817);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: repeat;
    background-size: auto;
    left: -8px;
    width: 12px;
    background-size: contain;
    background-repeat: no-repeat; }
  .head-box .color-yel::after {
    content: "";
    position: absolute;
    top: -8px;
    bottom: 0;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/banner_icon_2.svg?v=1604378817);
    background-repeat: repeat;
    background-size: auto;
    right: 0;
    width: 12px;
    background-size: contain;
    background-repeat: no-repeat; }
  .head-box .btn.btn--secondary.btn_small {
    padding: 15px 0px;
    margin: auto 4%; }

.char-sectio {
  position: relative; }
  .char-sectio .right-svg {
    position: absolute;
    right: 0;
    bottom: 6%;
    text-align: right; }
    .char-sectio .right-svg img {
      width: 50%; }
    @media only screen and (max-width: 767px) {
      .char-sectio .right-svg {
        display: none; } }
  .char-sectio .home-svg {
    position: absolute;
    text-align: right;
    right: 7%;
    top: 4%; }
    @media only screen and (max-width: 767px) {
      .char-sectio .home-svg {
        right: 0;
        top: 0%; } }
    .char-sectio .home-svg img {
      width: 70%; }
      @media only screen and (max-width: 767px) {
        .char-sectio .home-svg img {
          width: 28%; } }
  .char-sectio .left-svg {
    position: absolute;
    left: 0;
    top: 40%;
    text-align: left; }
    .char-sectio .left-svg img {
      width: 60%; }
    @media only screen and (max-width: 767px) {
      .char-sectio .left-svg {
        display: none; } }
  .char-sectio .chart-box {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .char-sectio .chart-box {
        max-width: 300px; } }
    .char-sectio .chart-box h3 {
      letter-spacing: 0;
      font-weight: 500;
      font-size: 44px; }
      .char-sectio .chart-box h3 span {
        color: #f7db01; }
      @media only screen and (max-width: 767px) {
        .char-sectio .chart-box h3 {
          letter-spacing: 0;
          font-size: 24px;
          margin-bottom: 0; } }
    .char-sectio .chart-box p {
      font-size: 16px;
      color: #404040; }
      @media only screen and (max-width: 767px) {
        .char-sectio .chart-box p {
          font-size: 11px;
          margin-top: 12px;
          line-height: 1.2; } }

#shopify-section-try-5sampler-protein-pack-comparison-chart-2 {
  padding-bottom: 35px; }

#shopify-section-try-5sampler-protein-pack-promo-bar-2 {
  background: #d12626; }

.bg-banner-box {
  background-size: cover !important;
  height: 46vw; }
  .bg-banner-box .my-flex {
    display: flex; }
  .bg-banner-box .my-auto {
    margin: auto; }
  @media only screen and (max-width: 767px) {
    .bg-banner-box {
      background-size: cover !important;
      height: auto; } }
  .bg-banner-box .custome-widthss {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .bg-banner-box .custome-widthss {
        max-width: 320px;
        text-align: center; } }
    .bg-banner-box .custome-widthss h2 {
      font-size: 40px !important;
      letter-spacing: 0 !important;
      text-align: center;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        .bg-banner-box .custome-widthss h2 {
          font-size: 27px !important;
          letter-spacing: 0 !important; } }
    .bg-banner-box .custome-widthss h3 {
      text-align: center;
      letter-spacing: 0;
      font-weight: 500;
      font-size: 54px;
      margin-bottom: 35px; }
      @media only screen and (max-width: 767px) {
        .bg-banner-box .custome-widthss h3 {
          font-size: 38px;
          margin-bottom: 20px; } }
  .bg-banner-box .btn--secondary {
    background: #D12626;
    max-width: 140px;
    margin: auto 8%;
    width: 100%;
    padding: 14px 0px;
    min-width: 150px; }
    @media only screen and (max-width: 767px) {
      .bg-banner-box .btn--secondary {
        margin: 0 auto; } }
  .bg-banner-box .custome-width-le {
    position: relative; }
    .bg-banner-box .custome-width-le span {
      color: #d12626; }
  .bg-banner-box .custome-width-le::before {
    content: "";
    position: absolute;
    top: -19px;
    bottom: 0;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Tic2.png?v=1580980109);
    background-repeat: repeat;
    background-size: auto;
    left: 12px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 65px; }
    @media only screen and (max-width: 767px) {
      .bg-banner-box .custome-width-le::before {
        left: -6px;
        width: 100%;
        height: 50px;
        top: -10px;
        bottom: 0; } }
  .bg-banner-box .custome-width-le::after {
    content: "";
    position: absolute;
    top: -20px;
    bottom: 0;
    right: 0;
    width: 50px;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/Tic.png?v=1580980109);
    background-repeat: repeat;
    background-size: auto;
    width: 7%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 65px; }
    @media only screen and (max-width: 767px) {
      .bg-banner-box .custome-width-le::after {
        top: -10px;
        bottom: 0;
        right: -7px;
        width: 5%;
        height: 50px; } }

.promo-sect {
  padding: 25px 10% 10px;
  margin-bottom: 0 !important; }
  .promo-sect .prom-text {
    font-weight: 55;
    font-size: 18px;
    font-family: "Gotham Rounded SSm A","Gotham Rounded SSm B",sans-serif;
    color: #fff;
    line-height: 1.4; }
  .promo-sect .yellow {
    color: #fcde00; }

.bg-info {
  height: 45vw;
  background-size: cover !important;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .bg-info {
      height: auto;
      padding: 2em 0 1px; } }
  .bg-info .nutrition_image {
    width: 100%;
    max-width: 430px;
    margin: 7% auto; }
    @media only screen and (max-width: 767px) {
      .bg-info .nutrition_image {
        max-width: 300px; } }

.pr-infolist {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 12%; }
  @media only screen and (max-width: 767px) {
    .pr-infolist {
      position: relative;
      top: 0; } }
  .pr-infolist .slick-next {
    left: 40% !important;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/arrow_right.svg?v=1604400417) !important;
    background-size: contain !important; }
    @media only screen and (max-width: 767px) {
      .pr-infolist .slick-next {
        top: 22% !important;
        right: 2% !important;
        left: auto !important; } }
  .pr-infolist .slick-prev {
    left: 55px !important;
    z-index: 999;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/arrow_left.svg?v=1604400417) !important;
    background-size: contain !important; }
    @media only screen and (max-width: 767px) {
      .pr-infolist .slick-prev {
        left: 10px !important;
        top: 22% !important; } }
  .pr-infolist .slick-prev::before {
    content: '' !important; }
  .pr-infolist .slick-next::before {
    content: '' !important; }
  .pr-infolist .bar-info {
    padding-left: 20px; }
    @media only screen and (max-width: 767px) {
      .pr-infolist .bar-info {
        padding-top: 25px;
        padding-left: 0; } }
    .pr-infolist .bar-info ul {
      list-style-image: url("https://cdn.shopify.com/s/files/1/0008/9260/0356/files/480px-Flat_tick_icon_5.svg");
      padding: 10px 6%; }
      @media only screen and (max-width: 767px) {
        .pr-infolist .bar-info ul {
          padding: 10px 15%; } }
      .pr-infolist .bar-info ul li {
        font-size: 12px; }
        .pr-infolist .bar-info ul li span {
          position: relative;
          top: -5px; }
    .pr-infolist .bar-info h3 {
      letter-spacing: 0;
      font-weight: 500;
      font-size: 41px;
      margin-bottom: 0;
      line-height: 10px; }
      @media only screen and (max-width: 767px) {
        .pr-infolist .bar-info h3 {
          font-size: 30px;
          margin-bottom: 0;
          line-height: 10px;
          text-align: center; } }
    .pr-infolist .bar-info p {
      font-size: 12px !important; }
      @media only screen and (max-width: 767px) {
        .pr-infolist .bar-info p {
          text-align: center; } }
  .pr-infolist .contents .btn--secondary {
    max-width: 140px;
    margin: auto 4%;
    width: 100%;
    padding: 14px 0px !important;
    min-width: 150px !important;
    margin-top: -15px; }
    @media only screen and (max-width: 767px) {
      .pr-infolist .contents .btn--secondary {
        margin: 0 auto; } }

.quotes-banner {
  background-size: 100% !important; }
  @media only screen and (max-width: 767px) {
    .quotes-banner {
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center center !important; } }
  .quotes-banner .quot-box {
    max-width: 1100px;
    margin: 0 auto; }
  .quotes-banner .quotes-slider__text {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
    .quotes-banner .quotes-slider__text cite {
      position: relative;
      top: -60px;
      font-size: 32px;
      font-family: "FrenteH1",Arial,sans-serif;
      font-style: normal; }
      @media only screen and (max-width: 767px) {
        .quotes-banner .quotes-slider__text cite {
          top: -50px;
          font-size: 18px; } }
  .quotes-banner .rte-setting {
    min-height: 470px;
    display: flex;
    margin: auto;
    width: 80%;
    align-items: center;
    justify-content: center;
    background: url(https://cdn.shopify.com/s/files/1/0008/9260/0356/files/reviews_1.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 55px; }
    @media only screen and (max-width: 767px) {
      .quotes-banner .rte-setting {
        min-height: 262px;
        width: 80%;
        padding: 20px;
        font-size: 13px; } }

#shopify-section-quotes-2 {
  padding-top: 45px; }
  @media only screen and (max-width: 767px) {
    #shopify-section-quotes-2 {
      padding-top: 0; } }
  #shopify-section-quotes-2 .pack-heading {
    font-size: 44px;
    line-height: 1em;
    letter-spacing: 1px;
    margin-top: 26px;
    margin-bottom: 30px;
    font-weight: 500; }
    @media only screen and (max-width: 767px) {
      #shopify-section-quotes-2 .pack-heading {
        font-size: 32px; } }

@media only screen and (max-width: 767px) {
  #shopify-section-try-5sampler-protein-pack-comparison-chart-2 {
    padding-bottom: 0; }

  .try-sampler-pack-2 .ilo-mobile {
    margin-left: 0;
    padding: 40px 2px; }
  .try-sampler-pack-2 .what-inside .full-width__content {
    background: #00ade6;
    margin-top: -2%; }
  .try-sampler-pack-2 .sampler-section .page-width {
    padding: 15px 0;
    margin-bottom: 0; }

  .quot-box .slick-arrow.slick-next {
    right: -29px; } }
@media screen and (max-width: 1200px) and (min-width: 999px) {
  .bg-info {
    height: 55vw; } }
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .try-sampler-pack-2 .what-inside .full-width__content {
    position: absolute;
    top: 15%;
    right: 0;
    width: 46%; } }
@media screen and (min-width: 1500px) {
  .bg-banner-box .my-flex {
    display: flex;
    position: relative;
    top: 5em; }

  .pr-infolist {
    top: 20%; } }
/* landing $5 sampler page  end  */
.quantity-form {
  display: flex;
  align-items: center;
  background-color: #F2F2F2 !important;
  /* PDP update buy box and gallery */
  height: 50px;
  border-radius: 4px !important;
  /* PDP update buy box and gallery */ }
  .quantity-form .quantity-selector {
    display: block;
    margin: 0 4px;
    max-width: 40px;
    padding: 0;
    text-align: center;
    width: 40px;
    font-size: 18px;
    border: none;
    background-color: #F2F2F2 !important; }
  .quantity-form span {
    /*  border: 1px solid #c2c2c2; */
    /*   border-radius: 50%; */
    display: block;
    font-size: 19px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    width: 160px;
    /* width: 40px; */
    height: 40px; }

.subscribe-benefits {
  position: relative; }
  .subscribe-benefits.hover .perks-pop {
    opacity: 1;
    visibility: visible; }
  .subscribe-benefits .benefits-list {
    position: relative;
    margin: 0px 25px;
    list-style: disc;
    padding-left: 15px;
    font-size: 13px;
    line-height: 1.5; }
    .subscribe-benefits .benefits-list li {
      position: relative; }
  .subscribe-benefits .show-perks {
    cursor: pointer;
    text-decoration: underline; }
  .subscribe-benefits .perks-pop {
    background-color: #49b5e2;
    bottom: 40px;
    color: #fff;
    left: 0;
    opacity: 0;
    padding: 18px;
    position: absolute;
    visibility: hidden; }
    .subscribe-benefits .perks-pop:after {
      content: " ";
      position: absolute;
      left: 30px;
      bottom: -10px;
      border-top: 15px solid #49b5e2;
      border-right: 15px solid transparent;
      border-left: 15px solid transparent;
      border-bottom: none; }
    .subscribe-benefits .perks-pop h3 {
      margin: 0 0 9px; }
    .subscribe-benefits .perks-pop ul {
      list-style: disc;
      margin: 0 0 0 18px; }

.template-blog .page-nav__item a {
  font-size: 14px; }
@media screen and (min-width: 1025px) {
  .template-blog .page-nav__container,
  .template-blog .blog-list__container {
    margin-top: 40px; } }

/* 21/04/21 */
#meet-the-bobo-39-s-brand-team-learn-about-our-company {
  /*
  
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .grid{
    
      .grid__item{
      	
        .rte{
        	
          .medium--one-third{
          	width:50%;
          }
        }
      }
    }
    
	}
  */ }
  @media (max-width: 1024px) {
    #meet-the-bobo-39-s-brand-team-learn-about-our-company .grid {
      margin-left: 0; } }
  #meet-the-bobo-39-s-brand-team-learn-about-our-company .grid .rte img {
    display: initial; }
  @media (max-width: 1024px) {
    #meet-the-bobo-39-s-brand-team-learn-about-our-company .grid .rte .wysiwyg-grid-item h4 {
      display: block; }
    #meet-the-bobo-39-s-brand-team-learn-about-our-company .grid .rte .wysiwyg-grid-item.grid__item {
      float: none;
      padding: 0;
      text-align: center !important; } }

@media only screen and (min-width: 1025px) {
  h2.collection-title {
    font-size: 22px;
    letter-spacing: 0;
    line-height: 33px;
    font-family: Gotham Medium,sans-serif; } }
@media only screen and (max-width: 1024px) {
  h2.collection-title {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    font-family: Gotham Medium,sans-serif; } }
/**************************** Some Bootstrap 4.4 components *************************/
.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

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

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }

  .d-sm-inline {
    display: inline !important; }

  .d-sm-inline-block {
    display: inline-block !important; }

  .d-sm-block {
    display: block !important; }

  .d-sm-table {
    display: table !important; }

  .d-sm-table-row {
    display: table-row !important; }

  .d-sm-table-cell {
    display: table-cell !important; }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }

  .d-md-inline {
    display: inline !important; }

  .d-md-inline-block {
    display: inline-block !important; }

  .d-md-block {
    display: block !important; }

  .d-md-table {
    display: table !important; }

  .d-md-table-row {
    display: table-row !important; }

  .d-md-table-cell {
    display: table-cell !important; }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }

  .d-lg-inline {
    display: inline !important; }

  .d-lg-inline-block {
    display: inline-block !important; }

  .d-lg-block {
    display: block !important; }

  .d-lg-table {
    display: table !important; }

  .d-lg-table-row {
    display: table-row !important; }

  .d-lg-table-cell {
    display: table-cell !important; }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }

  .d-xl-inline {
    display: inline !important; }

  .d-xl-inline-block {
    display: inline-block !important; }

  .d-xl-block {
    display: block !important; }

  .d-xl-table {
    display: table !important; }

  .d-xl-table-row {
    display: table-row !important; }

  .d-xl-table-cell {
    display: table-cell !important; }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important; }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

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

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }

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

  .text-sm-center {
    text-align: center !important; } }
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }

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

  .text-md-center {
    text-align: center !important; } }
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }

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

  .text-lg-center {
    text-align: center !important; } }
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }

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

  .text-xl-center {
    text-align: center !important; } }
.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }

  .float-sm-right {
    float: right !important; }

  .float-sm-none {
    float: none !important; } }
@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }

  .float-md-right {
    float: right !important; }

  .float-md-none {
    float: none !important; } }
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }

  .float-lg-right {
    float: right !important; }

  .float-lg-none {
    float: none !important; } }
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }

  .float-xl-right {
    float: right !important; }

  .float-xl-none {
    float: none !important; } }
.overflow-auto {
  overflow: auto !important; }

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

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

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

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

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

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

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

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

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }

  .m-sm-1 {
    margin: 0.25rem !important; }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }

  .m-sm-2 {
    margin: 0.5rem !important; }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }

  .m-sm-3 {
    margin: 1rem !important; }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }

  .m-sm-4 {
    margin: 1.5rem !important; }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }

  .m-sm-5 {
    margin: 3rem !important; }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }

  .p-sm-0 {
    padding: 0 !important; }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }

  .p-sm-1 {
    padding: 0.25rem !important; }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }

  .p-sm-2 {
    padding: 0.5rem !important; }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }

  .p-sm-3 {
    padding: 1rem !important; }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }

  .p-sm-4 {
    padding: 1.5rem !important; }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }

  .p-sm-5 {
    padding: 3rem !important; }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }

  .m-sm-n1 {
    margin: -0.25rem !important; }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }

  .m-sm-n2 {
    margin: -0.5rem !important; }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }

  .m-sm-n3 {
    margin: -1rem !important; }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }

  .m-sm-n4 {
    margin: -1.5rem !important; }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }

  .m-sm-n5 {
    margin: -3rem !important; }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }

  .m-sm-auto {
    margin: auto !important; }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }

  .m-md-1 {
    margin: 0.25rem !important; }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }

  .m-md-2 {
    margin: 0.5rem !important; }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }

  .m-md-3 {
    margin: 1rem !important; }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }

  .m-md-4 {
    margin: 1.5rem !important; }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }

  .m-md-5 {
    margin: 3rem !important; }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }

  .p-md-0 {
    padding: 0 !important; }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }

  .p-md-1 {
    padding: 0.25rem !important; }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }

  .p-md-2 {
    padding: 0.5rem !important; }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }

  .p-md-3 {
    padding: 1rem !important; }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }

  .p-md-4 {
    padding: 1.5rem !important; }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }

  .p-md-5 {
    padding: 3rem !important; }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }

  .m-md-n1 {
    margin: -0.25rem !important; }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }

  .m-md-n2 {
    margin: -0.5rem !important; }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }

  .m-md-n3 {
    margin: -1rem !important; }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }

  .m-md-n4 {
    margin: -1.5rem !important; }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }

  .m-md-n5 {
    margin: -3rem !important; }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }

  .m-md-auto {
    margin: auto !important; }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }

  .m-lg-1 {
    margin: 0.25rem !important; }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }

  .m-lg-2 {
    margin: 0.5rem !important; }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }

  .m-lg-3 {
    margin: 1rem !important; }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }

  .m-lg-4 {
    margin: 1.5rem !important; }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }

  .m-lg-5 {
    margin: 3rem !important; }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }

  .p-lg-0 {
    padding: 0 !important; }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }

  .p-lg-1 {
    padding: 0.25rem !important; }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }

  .p-lg-2 {
    padding: 0.5rem !important; }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }

  .p-lg-3 {
    padding: 1rem !important; }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }

  .p-lg-4 {
    padding: 1.5rem !important; }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }

  .p-lg-5 {
    padding: 3rem !important; }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }

  .m-lg-n1 {
    margin: -0.25rem !important; }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }

  .m-lg-n2 {
    margin: -0.5rem !important; }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }

  .m-lg-n3 {
    margin: -1rem !important; }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }

  .m-lg-n4 {
    margin: -1.5rem !important; }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }

  .m-lg-n5 {
    margin: -3rem !important; }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }

  .m-lg-auto {
    margin: auto !important; }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }

  .m-xl-1 {
    margin: 0.25rem !important; }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }

  .m-xl-2 {
    margin: 0.5rem !important; }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }

  .m-xl-3 {
    margin: 1rem !important; }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }

  .m-xl-4 {
    margin: 1.5rem !important; }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }

  .m-xl-5 {
    margin: 3rem !important; }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }

  .p-xl-0 {
    padding: 0 !important; }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }

  .p-xl-1 {
    padding: 0.25rem !important; }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }

  .p-xl-2 {
    padding: 0.5rem !important; }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }

  .p-xl-3 {
    padding: 1rem !important; }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }

  .p-xl-4 {
    padding: 1.5rem !important; }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }

  .p-xl-5 {
    padding: 3rem !important; }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }

  .m-xl-n1 {
    margin: -0.25rem !important; }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }

  .m-xl-n2 {
    margin: -0.5rem !important; }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }

  .m-xl-n3 {
    margin: -1rem !important; }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }

  .m-xl-n4 {
    margin: -1.5rem !important; }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }

  .m-xl-n5 {
    margin: -3rem !important; }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }

  .m-xl-auto {
    margin: auto !important; }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }
.gear-variant {
  margin-bottom: 15px; }

/* PDP update buy box and gallery */
.rc_block__type__onetime {
  background-color: #F2F2F2 !important;
  padding: 10px !important;
  margin-bottom: 20px !important; }

.rc_radio__onetime {
  color: #4DAAE0 !important; }

.rc_block__type__autodeliver {
  background-color: #F2F2F2 !important;
  padding: 10px !important; }

.rc_block__shipping {
  margin: 20px;
  text-align: center; }

.rc_block__shipping_text {
  font-size: 10px;
  font-weight: 700 !important;
  line-height: 17.9px; }

.rc_block__guarantee_text {
  font-size: 10px;
  font-weight: 350 !important;
  line-height: 17.9px; }

.rc_block__guarantee {
  margin-top: 20px; }

.rc_label__discount {
  color: #4DAAE0 !important; }

.rc_price__autodeliver {
  color: #4DAAE0 !important; }

.rc_block__link {
  font-size: 10px;
  text-decoration: underline;
  color: #000 !important; }

.pdp-nutrition-container-column {
  display: flex;
  flex-direction: row; }

@media only screen and (max-width: 1024px) {
  .pdp-nutrition-container-column {
    display: block !important; }

  .pdp-nutrition-table {
    width: 100% !important; }

  .tabs {
    margin-bottom: 30px !important; }

  .pdp-nutrition-image-container {
    width: 100% !important;
    text-align: center; } }
.pdp-nutrition-image-container {
  width: 50%;
  text-align: center; }

.pdp-ingredients-image-container {
  text-align: center;
  margin: 0 auto;
  margin-top: 50px !important;
  max-width: 53.25rem !important; }

div.rc_block__type--active {
  border: 1px solid #4DAAE0;
  box-sizing: border-box;
  border-radius: 4px; }

.rc_select__frequency {
  font-size: 0.75rem !important;
  font-weight: 350 !important; }

.pdp-benefit {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center !important; }
  .pdp-benefit .pdp-benefit-prev {
    margin-left: 3rem;
    height: 150px; }
    .pdp-benefit .pdp-benefit-prev > svg {
      height: 30px;
      width: 30px; }
  .pdp-benefit .pdp-benefit-next {
    margin-right: 3rem;
    height: 150px; }
    .pdp-benefit .pdp-benefit-next > svg {
      height: 30px;
      width: 30px; }
  .pdp-benefit .pdp-benefit-img {
    opacity: 0;
    transition: opacity 0.3s ease; }
    .pdp-benefit .pdp-benefit-img.hidden {
      display: none; }
    .pdp-benefit .pdp-benefit-img.visible {
      opacity: 1; }

.pdp-benefit-position {
  display: flex;
  width: fit-content;
  margin: auto; }

.pdp-benefit-bullet {
  height: 10px;
  width: 10px;
  background-color: #f2f2f2;
  border-radius: 100%;
  margin: 0 0.5rem; }
  .pdp-benefit-bullet.active {
    background-color: #fff; }

@media only screen and (max-width: 1024px) {
  .switch-desktop {
    display: none !important; }

  .switch-mobile {
    display: unset !important; }

  .pdp-benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: 0 2rem 1rem 2rem; */
    text-align: center !important; } }
@media only screen and (min-width: 1025px) {
  .pdp-benefit {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important; }

  .switch-desktop {
    display: unset !important; }

  .switch-mobile {
    display: none !important; } }
select.rc_select {
  background-size: auto 20% !important;
  background-position: 95% !important; }

div div.rc_block {
  white-space: normal; }

.filter_prop {
  filter: brightness(0) saturate(100%) invert(76%) sepia(40%) saturate(670%) hue-rotate(178deg) brightness(105%) contrast(101%); }

.recommendify_product_image {
  margin-top: -50px; }

.subscribe-page.sp-v2 .page-title {
  font-size: 36px;
  line-height: 1.17; }
  @media only screen and (min-width: 1025px) {
    .subscribe-page.sp-v2 .page-title {
      font-size: 42px;
      line-height: 1.71; } }
.subscribe-page.sp-v2 .main-heading {
  background-color: #faed8e; }
  .subscribe-page.sp-v2 .main-heading .subscribe-page-main-heading-inner {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  .subscribe-page.sp-v2 .main-heading .page-title {
    margin-top: 2.75rem;
    margin-bottom: 1.5rem;
    font-size: 42px;
    line-height: 1.14; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .main-heading .page-title {
        margin-top: 0;
        margin-bottom: .625rem; } }
    @media only screen and (min-width: 1025px) {
      .subscribe-page.sp-v2 .main-heading .page-title {
        font-size: 52px;
        line-height: 1.38; } }
  .subscribe-page.sp-v2 .main-heading .page-title:after {
    display: none; }
  .subscribe-page.sp-v2 .main-heading .subscribe-page-main-heading .btn-red {
    padding-bottom: 3.75rem; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .main-heading .subscribe-page-main-heading .btn-red {
        padding-bottom: 0; } }
  .subscribe-page.sp-v2 .main-heading .subscribe-page__main-left-img {
    width: calc(30200vw / 1440);
    left: calc(-2200vw / 1440);
    bottom: calc(-6000vw / 1440); }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .main-heading .subscribe-page__main-left-img {
        width: 100%;
        left: 0px;
        bottom: auto;
        padding: 1rem 3rem; } }
    @media only screen and (min-width: 1440px) {
      .subscribe-page.sp-v2 .main-heading .subscribe-page__main-left-img {
        width: 302px;
        left: -22px;
        bottom: -60px; } }
  .subscribe-page.sp-v2 .main-heading .subscribe-page__main-right-img {
    width: calc(41100vw / 1440);
    top: auto;
    right: 0;
    bottom: calc(-6100vw / 1440);
    transform: none; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .main-heading .subscribe-page__main-right-img {
        width: 100%;
        right: 0;
        padding: 1.5rem;
        top: auto;
        bottom: auto;
        margin-top: -90px;
        margin-bottom: 90px;
        transform: translateY(90px); } }
    @media only screen and (min-width: 1440px) {
      .subscribe-page.sp-v2 .main-heading .subscribe-page__main-right-img {
        width: 411px;
        bottom: -61pxx; } }
.subscribe-page.sp-v2 a.btn.btn--secondary {
  max-width: 177px;
  min-width: 177px;
  padding: 13px .5rem;
  border-radius: 0; }
.subscribe-page.sp-v2 .subscribe-page__benefits-container {
  max-width: 1180px;
  column-gap: 8%;
  align-items: stretch; }
  @media only screen and (max-width: 1024px) {
    .subscribe-page.sp-v2 .subscribe-page__benefits-container {
      align-items: center;
      margin-bottom: -20px; } }
  .subscribe-page.sp-v2 .subscribe-page__benefits-container .subscribe-page__benefits-item {
    height: auto;
    border-radius: 0; }
    @media only screen and (max-width: 1024px) {
      .subscribe-page.sp-v2 .subscribe-page__benefits-container .subscribe-page__benefits-item {
        max-width: 380px;
        margin-bottom: 2.5rem; } }
    @media only screen and (max-width: 1024px) {
      .subscribe-page.sp-v2 .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__title {
        font-size: 1.5rem;
        margin-top: .5rem;
        margin-bottom: .5rem; } }
    .subscribe-page.sp-v2 .subscribe-page__benefits-container .subscribe-page__benefits-item .benefits-item__body {
      flex-grow: 1;
      padding: 0 1rem 1rem; }
.subscribe-page.sp-v2 .benefits-item__title {
  font-size: 1.75rem; }
.subscribe-page.sp-v2 .how-subscriptions-work {
  padding-top: 3rem;
  padding-bottom: 1rem; }
  .subscribe-page.sp-v2 .how-subscriptions-work .subscribe-info-wrapper--primary-color {
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .how-subscriptions-work .subscribe-info-wrapper--primary-color {
        margin-left: -15px;
        margin-right: -15px; }
        .subscribe-page.sp-v2 .how-subscriptions-work .subscribe-info-wrapper--primary-color .info-body-wrapper .numbers {
          padding-left: 2.5rem;
          padding-right: 2.5rem; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .how-subscriptions-work .info-image-wrapper {
      margin-top: 2rem; } }
.subscribe-page.sp-v2 .subscribe-page-title-wrapper {
  display: block; }
  .subscribe-page.sp-v2 .subscribe-page-title-wrapper:before, .subscribe-page.sp-v2 .subscribe-page-title-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  .subscribe-page.sp-v2 .subscribe-page-title-wrapper .page-title {
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 1.25rem; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .subscribe-page-title-wrapper .page-title {
        margin-top: 3.75rem; } }
.subscribe-page.sp-v2 .subscribe-page__subscription-container {
  justify-content: space-evenly; }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page__subscription-container {
      display: flex;
      float: none;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 0;
      align-items: flex-start; } }
  .subscribe-page.sp-v2 .subscribe-page__subscription-container .subscribe-page__subscription-item {
    width: 25%;
    max-width: calc(168px + 2.5rem);
    padding: 1rem 1.25rem 0; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .subscribe-page__subscription-container .subscribe-page__subscription-item {
        width: 50%; } }
    .subscribe-page.sp-v2 .subscribe-page__subscription-container .subscribe-page__subscription-item p {
      font-size: 1rem;
      line-height: 1.79;
      letter-spacing: -.03em; }
    .subscribe-page.sp-v2 .subscribe-page__subscription-container .subscribe-page__subscription-item .subscription-icon svg {
      height: auto; }
.subscribe-page.sp-v2 .subscribe-page-faq {
  padding: 0 0 2rem; }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page-faq {
      padding-bottom: .625rem; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page-faq .subscribe-page-accordion {
      padding-top: 10px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (min-width: 768px) {
    .subscribe-page.sp-v2 .subscribe-page-faq .subscribe-page-accordion {
      padding-top: 30px;
      padding-bottom: 40px; } }
.subscribe-page.sp-v2 .info-image-wrapper img {
  display: block; }
.subscribe-page.sp-v2 .subscribe-page__bake-with {
  padding-bottom: 1.5rem;
  max-width: 1200px; }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page__bake-with {
      padding-left: 15px;
      padding-right: 15px; } }
  .subscribe-page.sp-v2 .subscribe-page__bake-with .btn-red.mob-btn {
    padding-top: .5rem; }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color {
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 768px) {
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-body-wrapper {
      flex-basis: 45% !important; } }
  .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-body-wrapper .info-body-text {
    font-size: 1rem;
    line-height: 1.79; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-body-wrapper .info-body-text {
        font-size: 15px;
        text-align: center; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-image-wrapper {
      order: -1; } }
  @media only screen and (min-width: 768px) {
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-image-wrapper {
      flex-basis: 55%; } }
  .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-image-wrapper img {
    margin: auto; }
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-image-wrapper img.desktop-only {
      max-width: 476px; }
    .subscribe-page.sp-v2 .subscribe-page__bake-with .subscribe-info-wrapper--primary-color .info-image-wrapper img.mobile-only {
      max-width: 286px; }
.subscribe-page.sp-v2 .pdp-value-prop-main-container {
  margin: 0 !important; }
.subscribe-page.sp-v2 .recommendify_product_image {
  margin-top: 0; }
.subscribe-page.sp-v2 .recommendify_panel_heading {
  font-size: 36px !important;
  line-height: 1.17 !important; }
  @media only screen and (min-width: 768px) {
    .subscribe-page.sp-v2 .recommendify_panel_heading {
      font-size: 42px !important;
      line-height: 1.71 !important; } }
.subscribe-page.sp-v2 .recommendify_product_title p {
  font-size: 1rem;
  margin-top: .5rem; }
.subscribe-page.sp-v2 .recommendify-panel-body {
  margin: 0 auto !important;
  padding: 0 20px; }

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important; } }

.subscribe-page.spar-v3 {
  padding-bottom: 0; }
  .subscribe-page.spar-v3 .page-title,
  .subscribe-page.spar-v3 .hp-collections-title {
    font-size: 36px;
    line-height: 1.17; }
    @media only screen and (min-width: 1025px) {
      .subscribe-page.spar-v3 .page-title,
      .subscribe-page.spar-v3 .hp-collections-title {
        font-size: 42px;
        line-height: 1.71; } }
  .subscribe-page.spar-v3 .subscribe-page__main-header {
    height: auto; }
    .subscribe-page.spar-v3 .subscribe-page__main-header .page-header {
      margin-top: 2.75rem;
      margin-bottom: 1.5rem;
      font-size: 42px;
      line-height: 1.14;
      position: absolute;
      top: 2%;
      text-shadow: none; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 .subscribe-page__main-header .page-header {
          top: 0;
          margin-bottom: .625rem; } }
      @media only screen and (min-width: 1025px) {
        .subscribe-page.spar-v3 .subscribe-page__main-header .page-header {
          font-size: 52px;
          line-height: 1.38; } }
    .subscribe-page.spar-v3 .subscribe-page__main-header .subscribe-page__main-header-img {
      position: static; }
      .subscribe-page.spar-v3 .subscribe-page__main-header .subscribe-page__main-header-img:after {
        display: none; }
      .subscribe-page.spar-v3 .subscribe-page__main-header .subscribe-page__main-header-img img {
        display: block; }
  .subscribe-page.spar-v3 .suli-wrapper {
    padding: 45px 15px;
    background: #f5f5f5; }
  .subscribe-page.spar-v3 a.btn {
    border-radius: 0;
    font-size: 18px;
    max-width: none;
    min-width: 0;
    display: inline-block;
    width: auto;
    padding: 19px 38px;
    line-height: normal;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
  .subscribe-page.spar-v3 .btn--suli {
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif;
    font-size: 18px;
    color: #ffffff;
    background-color: #289dce;
    display: inline-block;
    padding: 19px 38px;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: normal;
    font-weight: 700;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
  .subscribe-page.spar-v3 .subscribe-page__benefits-wrapper {
    margin: 50px auto 60px; }
    @media only screen and (min-width: 768px) {
      .subscribe-page.spar-v3 .subscribe-page__benefits-wrapper {
        margin-top: 100px;
        margin-bottom: 100px; } }
    .subscribe-page.spar-v3 .subscribe-page__benefits-wrapper .subscribe-page-title-wrapper {
      padding: 0 15px; }
  .subscribe-page.spar-v3 .subscribe-page__benefits-container {
    max-width: 1200px; }
    @media only screen and (min-width: 768px) {
      .subscribe-page.spar-v3 .subscribe-page__benefits-container {
        margin-bottom: 100px; } }
    @media only screen and (min-width: 1025px) {
      .subscribe-page.spar-v3 .subscribe-page__benefits-container {
        align-items: stretch; } }
    .subscribe-page.spar-v3 .subscribe-page__benefits-container .subscribe-page__benefits-item {
      height: auto;
      border-radius: 0; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 .subscribe-page__benefits-container .subscribe-page__benefits-item {
          max-width: none; } }
  .subscribe-page.spar-v3 .page-content-wrap {
    background-color: #f4f3f3; }
  .subscribe-page.spar-v3 #loyaltylion {
    padding-bottom: 4.5rem; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 #loyaltylion {
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__title {
      font-family: Questrian, sans-serif;
      font-size: 42px;
      line-height: 1.71;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__title {
          font-size: 36px;
          line-height: 1.17;
          display: block; }
          .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__title.lion-loyalty-splash__title--welcome {
            display: none; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__heading {
      height: auto;
      background: transparent;
      padding-bottom: 2rem;
      border-color: #ccc; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__heading {
          padding-bottom: 1rem; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__content {
      font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column:last-child {
      border-color: #ccc;
      border-style: solid; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column:last-child {
          border: 0; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__footer {
      border-color: #ccc;
      border-style: solid;
      font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__footer {
          padding-top: 0; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column__intro-text {
      font-size: 1.25rem;
      line-height: 1.3;
      letter-spacing: -.02em;
      display: block;
      padding: 0;
      width: 80%;
      margin: auto;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column__intro-text {
          text-align: center;
          width: 100%; } }
      .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column__intro-text strong {
        display: block; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-item {
      background: none;
      border: none; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-icon__rule--signup,
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-icon__rule--purchase,
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-icon__rule--referral,
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-icon__reward--cart-discount-voucher {
      background-color: transparent; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column {
      padding: 20px 15px 40px; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column {
          padding: 0;
          margin: 20px auto 20px;
          border-bottom: 1px solid #ccc; } }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column__intro {
      height: auto; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__get-started-text {
      color: #000000;
      font-size: 1.25rem;
      font-weight: bold;
      line-height: 1.3;
      max-width: 360px;
      margin: 40px auto 30px; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-action-button {
      font-size: 18px;
      display: inline-block;
      width: auto;
      padding: 19px 38px;
      line-height: normal;
      border-radius: 0;
      min-width: 250px; }
      .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-action-button[href="/account/register"] {
        border: 2px solid #d12626;
        background-color: transparent;
        color: #d12626;
        padding: 17px 38px; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__actions {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 30px; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash__button-spacer {
      display: none; }
    .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-item__title {
      font-size: 18px; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-column__items {
        background: none;
        border: 0;
        align-self: center;
        align-items: flex-start; } }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 #loyaltylion #lion-loyalty-panel-custom-css .lion-loyalty-splash-item {
        width: auto; } }
  .subscribe-page.spar-v3 .green-apple-sep,
  .subscribe-page.spar-v3 .strawberry-sep {
    position: relative;
    z-index: 1; }
    .subscribe-page.spar-v3 .green-apple-sep .img-wrap,
    .subscribe-page.spar-v3 .strawberry-sep .img-wrap {
      position: absolute;
      width: 17vw;
      max-width: 246px; }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 .green-apple-sep .img-wrap,
        .subscribe-page.spar-v3 .strawberry-sep .img-wrap {
          width: 36vw;
          max-width: 150px; } }
      .subscribe-page.spar-v3 .green-apple-sep .img-wrap img,
      .subscribe-page.spar-v3 .strawberry-sep .img-wrap img {
        display: block; }
  .subscribe-page.spar-v3 .green-apple-sep .img-wrap {
    left: 0;
    transform: translateY(-65%); }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 .green-apple-sep .img-wrap {
        transform: translateY(-33%); } }
  .subscribe-page.spar-v3 .strawberry-sep .img-wrap {
    right: 0;
    transform: translateY(calc(-40% + 6.31rem)); }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 .strawberry-sep .img-wrap {
        transform: translateY(calc(-40% + 2.5rem)); } }
  @media only screen and (max-width: 767px) {
    .subscribe-page.spar-v3 .hp-collections-title {
      max-width: 66vw;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 767px) {
    .subscribe-page.spar-v3 .rewards-faq-wrapper {
      padding-bottom: 30px; } }
  .subscribe-page.spar-v3 .rewards-faq-wrapper .page-title {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem; }
    @media only screen and (min-width: 768px) {
      .subscribe-page.spar-v3 .rewards-faq-wrapper .page-title {
        margin-top: 5rem;
        margin-bottom: 5rem; } }
  .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton {
    color: #4cc1f6 !important;
    font-size: 28px !important;
    line-height: normal;
    padding: 18px 55px 18px 0; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton {
        font-size: 20px !important;
        line-height: 1.2;
        padding-right: 30px; } }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:not(.is-open) {
      color: #000 !important; }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:before, .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:after {
      content: '';
      display: block;
      background: currentColor;
      height: 20px;
      width: 4px;
      position: absolute;
      top: 50%;
      right: 25px;
      transition: all .2s ease-in;
      transform: translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:before, .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:after {
          width: 2px;
          height: 10px;
          right: 15px; } }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:before {
      transform: translateY(-50%) rotate(90deg); }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton.is-open:before {
      transform: translateY(-50%) rotate(135deg); }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton.is-open:after {
      transform: translateY(-50%) rotate(45deg); }
    .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionButton:hover {
      background: transparent; }
  .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionContent {
    padding: 5px 55px 15px 0px;
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 300;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", sans-serif; }
    @media only screen and (max-width: 767px) {
      .subscribe-page.spar-v3 .rewards-faq-wrapper .accordionContent {
        font-size: 1rem;
        padding-right: 30px; } }

body section#sidecart .sidecart-wrap td a.remove-item-icon {
  font-size: 0;
  line-height: 0; }
body section#sidecart .sidecart-wrap td a.remove-item-icon svg {
  display: block;
  width: 1rem;
  height: 1rem; }
body section#sidecart .sidecart-product-item-title {
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  color: #4daae0 !important; }
body section#sidecart .sidecart-wrap .remove-item-icon svg rect {
  fill: #4daae0; }
body section#sidecart .sidecart-wrap .sidecart-size span {
  color: #000;
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.79; }
body section#sidecart .sidecart-wrap td span.cart-item-price {
  font-weight: 700;
  line-height: 1.79; }
body section#sidecart .sidecart-wrap .sidecart-quantity a {
  color: #000; }
body section#sidecart .sidecart-wrap .sidecart-quantity span {
  color: #000;
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.79;
  padding: 6px;
  border: 1px solid #ddd;
  width: 40px;
  height: 40px; }
body section#sidecart .sidecart-wrap #incart_upsell {
  background-color: #fafbfa; }
body section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-text {
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.79;
  color: #000;
  padding: 0 0 20px; }
body section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  margin: 0;
  gap: 20px; }
body section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .product-image-wrapper {
  width: 80px; }
body section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .product-image-wrapper img.product-image.medium {
  max-width: 100%; }
body section#sidecart .sidecart-wrap #incart_upsell .product-title-wrapper {
  text-align: left;
  margin: 0; }
body section#sidecart .sidecart-wrap #incart_upsell .product-title {
  font-size: 20px !important;
  line-height: normal !important; }
body section#sidecart .sidecart-wrap #incart_upsell #nudge-offer .offer-collection .nudge-wrapper .product-price-wrapper {
  color: #4ea9e1;
  text-align: left;
  font-size: 12px;
  line-height: 1.79; }
body .cart__item-variant:empty {
  display: none; }
body .sidecart__footer .sidecart__subtotal {
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px; }
body .sidecart__footer .-sidecart-note p {
  font-family: Gotham Rounded SSm A,Gotham Rounded SSm B,sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 20px; }
body .sidecart__footer {
  padding: 20px; }
body .sidecart__footer .sidecart__actions {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 20px; }
body .sidecart__footer .sidecart__actions .sidecart__button {
  color: #4ea9e1 !important;
  padding: 0;
  border: 0 !important;
  font-size: 12px !important;
  line-height: 1.79;
  font-weight: 700; }
body .sidecart__footer .sidecart__actions .sidecart__checkout {
  margin: 0;
  border-radius: 0 !important;
  background-color: #4ea9e1 !important;
  padding: 18px;
  font-size: 20px !important;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: #fff !important; }
body .sidecart__footer .sidecart__actions .sidecart__checkout svg {
  margin: 0;
  width: 17px;
  height: 23px; }

section#sidecart .sidecart-header #close-sidecart svg {
  width: 40px !important; }

.sidecart-open div#attentive_overlay {
  display: none; }

@media only screen and (min-width: 768px) {
  body .hp-collections-item-shopnow {
    display: none; } }
@media only screen and (max-width: 767px) {
  body .hp-collections-items-container {
    padding: 0 20px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem; }
  body .hp-collections-item-container {
    width: calc((100% / 2) - (1.25rem / 2));
    max-width: 288px;
    min-width: 0; }
  body .hp-collection-link-container {
    height: 100%;
    padding: 10px 20px 20px; }
  body .hp-collections-item-title {
    flex-grow: 1;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 1.1875rem;
    line-height: 1.26;
    text-align: center; }
  body .hp-collections-item-shopnow {
    display: block;
    width: 100%;
    padding: .25rem;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 1rem;
    line-height: 1.79;
    font-weight: bold;
    text-transform: uppercase; } }
/* Mobile add to cart re position */
@media (max-width: 1024px) {
  .responsive-prod-positioning-wrapper {
    display: flex;
    flex-direction: column-reverse; }

  .addCartz-wrapper {
    margin-bottom: 35px; }

  .addCartz-wrapper .buy-container__actions {
    margin-top: 0; } }
@media (min-width: 820px) {
  .sub-nav__container {
    display: none; } }
.slick-track, .slick-list {
  /*width:100% !important;*/ }

.small-text {
  font-size: 12px; }