@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 90%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

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

td,
th {
  padding: 0;
}

/*
@font-face {
    font-family: 'Helvetica Neue';
    src: url('https://www.smoothieking.com/fonts/HelveticaNeue.woff2') format('woff2'),
         url('https://www.smoothieking.com/fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@mixin helvetica-neue {
    font-family: 'Helvetica Neue';
    font-weight: normal;
    font-style: normal;
}
*/
.tk-acumin-variable {
  font-family: "acumin-variable",sans-serif;
}

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.svg-icon {
  /* Place the icon on the text baseline. */
  position: relative;
  top: .125em;
  /* Prevent the icon from shrinking inside a flex container. */
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* Scale the icon to match the font-size of the parent element. */
  height: 1em;
  width: 1em;
  /* Let the icon take whatever color the parent has. */
  fill: currentColor;
  /*
     * If the icon is used on a link, which has a color transition,
     * we can also use a transition on the fill value.
    */
}

.svg-icon.reversed {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}

/* Helper Class to hide text visually but keep it accessible for screen reader or other assistive software. */
.visually-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  background: #000;
  color: #fff;
}

a.skip-link {
  left: -100000px;
}

.video-container .video-acc-control {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 54px;
  width: 54px;
  background-image: url(../accessibility-play-button.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
}

.video-container .video-acc-control.playing {
  background-image: url(../accessibility-pause-button.svg);
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
}

[v-cloak] {
  display: none !important;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* the line below is a hack to get Chrome to render fonts decently on Windows */
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
  overflow-x: hidden;
}

body.no-scroll {
  overflow-y: hidden;
  height: 100%;
  -webkit-overflow-scrolling: auto;
}

a {
  outline: 0;
}

a:focus {
  outline: #3b99fc auto 5px;
}

.hidden {
  display: none;
}

/* Add debug class to <html> in _base.twig */
.debug * {
  border: 1px solid red;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

[data-aos="fade-up-short"] {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos="fade-up-short"].aos-animate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

[data-aos="fade-down-short"] {
  opacity: 0;
  -webkit-transform: translate3d(0, -30px, 0);
          transform: translate3d(0, -30px, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos="fade-down-short"].aos-animate {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mt-1 {
  margin-top: 1em;
}

sub, sup {
  font-size: 60%;
  padding-left: 0.1em;
}

.button {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  height: 40px;
  width: auto;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .button {
    border-radius: 24px;
    height: 48px;
  }
}

.button:focus {
  outline: #3b99fc auto 5px;
}

.button span {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin: 0;
  z-index: 1;
  font-size: 0.875rem;
  line-height: 40px;
  padding: 0 20px 0 20px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .button span {
    font-size: 1rem;
    line-height: 48px;
    padding: 0 24px 0 24px;
  }
}

.button .svg-icon {
  position: relative;
  top: 0;
  width: 18px;
  height: 12px;
  fill: #000000;
  margin: 0 16px 0 0;
  z-index: 2;
  -webkit-transition: fill 0.2s linear 0.1s;
  transition: fill 0.2s linear 0.1s;
  display: inline-block;
  vertical-align: middle;
}

.button .add-icon {
  position: relative;
  top: 0;
  width: 18px;
  height: 18px;
  fill: #000000;
  margin: 0 0 0 16px;
  z-index: 2;
  -webkit-transition: fill 0.2s linear 0.1s;
  transition: fill 0.2s linear 0.1s;
  display: inline-block;
  vertical-align: middle;
}

.button .remove-icon {
  position: relative;
  top: 0;
  width: 18px;
  height: 18px;
  fill: #000000;
  margin: 0 0 0 16px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 2;
  -webkit-transition: fill 0.2s linear 0.1s;
  transition: fill 0.2s linear 0.1s;
  display: inline-block;
  vertical-align: middle;
}

.button:after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #e31b23;
  -webkit-animation: buttonOut 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: buttonOut 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  visibility: hidden;
}

.button.with-border {
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.button.button-default.disabled, .button.button-default:disabled {
  opacity: 0.35;
  background-color: #dadfe1;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.button.button-reversed .svg-icon {
  margin: 0 0 0 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.button.button-reversed:after {
  -webkit-animation: buttonOutReversed 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: buttonOutReversed 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
}

.button.button-reversed.disabled, .button.button-reversed:disabled {
  opacity: 0.35;
  background-color: #dadfe1;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.button.button-video:after {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: calc(100% - 48px);
  height: 100%;
  width: 100%;
  background-color: #e31b23;
  -webkit-animation: videoOut 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: videoOut 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  visibility: visible;
}

.button.button-video .svg-icon {
  width: 29px;
  height: 29px;
  margin: 0 11px 0 0;
}

.button.button-video .svg-icon path {
  fill: #ffffff;
  -webkit-animation: videoIcon 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: videoIcon 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
}

.button.button-video .svg-icon .video-ring {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}

.button.button-video span {
  -webkit-transition: color 0.2s linear 0.1s;
  transition: color 0.2s linear 0.1s;
}

.button.button-submit .svg-icon {
  width: 18px;
  height: 12px;
  margin: 0 16px 0 0;
}

.button.button-add:after {
  width: 48px;
  -webkit-animation: addOut 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: addOut 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  visibility: visible;
}

.button.button-remove {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f3f4f5;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.button.button-remove span {
  -webkit-animation: none;
          animation: none;
}

.button.button-remove:after {
  content: none;
}

.button.energized-blend-coffee {
  background: #583224;
}

.button.energized-blend-coffee:after {
  background-color: #341d15;
}

.button.energized-blend-coffee span {
  color: #ffffff;
}

.button.energized-blend-coffee .svg-icon {
  fill: #ffffff;
}

.button.refreshers-blend-hot-pink {
  background: #E30071;
}

.button.refreshers-blend-hot-pink:after {
  background-color: #b00058;
}

.button.refreshers-blend-hot-pink span {
  color: #ffffff;
}

.button.refreshers-blend-hot-pink .svg-icon {
  fill: #ffffff;
}

.button.fitness-blend-red {
  background: #d02c30;
}

.button.fitness-blend-red:after {
  background-color: #a62326;
}

.button.fitness-blend-red span {
  color: #ffffff;
}

.button.fitness-blend-red .svg-icon {
  fill: #ffffff;
}

.button.slim-blend-blue {
  background: #54648C;
}

.button.slim-blend-blue:after {
  background-color: #414d6c;
}

.button.slim-blend-blue span {
  color: #ffffff;
}

.button.slim-blend-blue .svg-icon {
  fill: #ffffff;
}

.button.wellness-blend-green {
  background: #607D2F;
}

.button.wellness-blend-green:after {
  background-color: #445821;
}

.button.wellness-blend-green span {
  color: #ffffff;
}

.button.wellness-blend-green .svg-icon {
  fill: #ffffff;
}

.button.break-blend-gold {
  background: #C6531E;
}

.button.break-blend-gold:after {
  background-color: #9a4017;
}

.button.break-blend-gold span {
  color: #ffffff;
}

.button.break-blend-gold .svg-icon {
  fill: #ffffff;
}

.button.kids-blend-pink {
  background: #C14D63;
}

.button.kids-blend-pink:after {
  background-color: #a2394d;
}

.button.kids-blend-pink span {
  color: #ffffff;
}

.button.kids-blend-pink .svg-icon {
  fill: #ffffff;
}

.close-button {
  position: relative;
  background: transparent;
  border-radius: 0;
  display: inline;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
}

.close-button:focus {
  outline: #3b99fc auto 5px;
}

.close-button .svg-icon {
  top: 0.0625rem;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .close-button .svg-icon {
    width: 33px;
    height: 33px;
  }
}

@media screen and (min-width: 1280px) {
  .close-button .svg-icon {
    width: 36px;
    height: 36px;
  }
}

.close-button span {
  display: block;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
  text-align: center;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .close-button span {
    font-size: 0.8125rem;
    line-height: 0.8125rem;
  }
}

@media screen and (min-width: 1280px) {
  .close-button span {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

.simple-button {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 24px;
  height: 48px;
  width: 140px;
  display: inherit;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  text-decoration: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.simple-button:focus {
  outline: #3b99fc auto 5px;
}

@media screen and (min-width: 1024px) {
  .simple-button {
    border-radius: 27px;
    height: 54px;
    width: 180px;
  }
}

@media screen and (min-width: 1280px) {
  .simple-button {
    border-radius: 30px;
    height: 60px;
    width: 220px;
  }
}

.simple-button span {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #000000;
  text-align: center;
  margin: -3px 0 0 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  width: 100%;
  padding: 0 11px;
}

@media screen and (min-width: 1024px) {
  .simple-button span {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .simple-button span {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}

.simple-button.active {
  background-color: #e31b23;
}

.simple-button.active.energized-blend-coffee {
  background: #583224;
}

.simple-button.active.refreshers-blend-hot-pink {
  background: #E30071;
}

.simple-button.active.fitness-blend-red {
  background: #d02c30;
}

.simple-button.active.slim-blend-blue {
  background: #54648C;
}

.simple-button.active.wellness-blend-green {
  background: #607D2F;
}

.simple-button.active.break-blend-gold {
  background: #C6531E;
}

.simple-button.active.kids-blend-pink {
  background: #C14D63;
}

.simple-button.active span {
  color: #ffffff;
}

.check-button {
  position: relative;
  background: transparent;
  border-radius: 0;
  display: inline;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
}

.check-button .svg-icon {
  top: 0.0625rem;
  width: 16.8px;
  height: 12.6px;
  margin: 0 auto 4px auto;
  display: block;
}

.check-button .svg-icon path {
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  fill: #CFD6D9;
}

@media screen and (min-width: 480px) {
  .check-button .svg-icon {
    width: 19.2px;
    height: 14.4px;
    margin: 0 auto 6px auto;
  }
}

@media screen and (min-width: 768px) {
  .check-button .svg-icon {
    width: 21.6px;
    height: 16.2px;
    margin: 0 auto 8px auto;
  }
}

@media screen and (min-width: 1280px) {
  .check-button .svg-icon {
    width: 24px;
    height: 18px;
    margin: 0 auto 10px auto;
  }
}

.check-button span {
  display: block;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 900, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.625rem;
  line-height: 0.625rem;
  color: #757575;
  text-align: center;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .check-button span {
    font-size: 0.6875rem;
    line-height: 0.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .check-button span {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .check-button span {
    font-size: 0.8125rem;
    line-height: 0.8125rem;
  }
}

.check-button.active .svg-icon path {
  fill: #e31b23;
}

.text-button {
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  width: auto;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  display: block;
  overflow: hidden;
  text-decoration: underline;
}

html.no-touchevents .button:hover:after {
  -webkit-animation: buttonIn 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: buttonIn 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  visibility: visible;
}

html.no-touchevents .button:hover span {
  -webkit-animation: buttonSpan 0.6s linear 0s 1 forwards;
          animation: buttonSpan 0.6s linear 0s 1 forwards;
}

html.no-touchevents .button:hover .svg-icon {
  fill: #ffffff;
}

html.no-touchevents .button.button-reversed:hover:after {
  -webkit-animation: buttonInReversed 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: buttonInReversed 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  visibility: visible;
}

html.no-touchevents .button.button-reversed:hover .svg-icon {
  fill: #ffffff;
}

html.no-touchevents .button.button-video:hover:after {
  -webkit-animation: videoIn 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: videoIn 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  visibility: visible;
}

html.no-touchevents .button.button-video:hover span {
  color: #ffffff;
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.button-video:hover .svg-icon path {
  fill: #ffffff;
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.button-video:hover .svg-icon .video-ring {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

html.no-touchevents .button.button-add:hover:after {
  -webkit-animation: addIn 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: addIn 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  visibility: visible;
}

html.no-touchevents .button.button-add:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.button-remove:hover {
  background-color: #dadfe1;
}

html.no-touchevents .button.button-remove:hover .svg-icon {
  fill: #000000;
}

html.no-touchevents .button.button-remove:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.energized-blend-coffee:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.refreshers-blend-hot-pink:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.fitness-blend-red:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.slim-blend-blue:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.wellness-blend-green:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.break-blend-gold:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .button.kids-blend-pink:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .close-button:hover .svg-icon {
  -webkit-transform: rotate(45deg) scale(0.8);
          transform: rotate(45deg) scale(0.8);
}

html.no-touchevents .simple-button:hover {
  background-color: #e31b23;
}

html.no-touchevents .simple-button:hover.energized-blend-coffee {
  background: #583224;
}

html.no-touchevents .simple-button:hover.refreshers-blend-hot-pink {
  background: #E30071;
}

html.no-touchevents .simple-button:hover.fitness-blend-red {
  background: #d02c30;
}

html.no-touchevents .simple-button:hover.slim-blend-blue {
  background: #54648C;
}

html.no-touchevents .simple-button:hover.wellness-blend-green {
  background: #607D2F;
}

html.no-touchevents .simple-button:hover.break-blend-gold {
  background: #C6531E;
}

html.no-touchevents .simple-button:hover.kids-blend-pink {
  background: #C14D63;
}

html.no-touchevents .simple-button:hover span {
  color: #ffffff;
}

.link {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .link {
    border-radius: 24px;
    height: 48px;
  }
}

.link span {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin: 0;
  z-index: 1;
  font-size: 0.9375rem;
  line-height: 40px;
  padding: 0 20px 0 20px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .link span {
    font-size: 1.125rem;
    line-height: 48px;
    padding: 0 24px 0 24px;
  }
}

.link .svg-icon {
  position: relative;
  top: 0;
  width: 18px;
  height: 12px;
  fill: #000000;
  margin: 0 16px 0 0;
  z-index: 2;
  -webkit-transition: fill 0.2s linear 0.1s;
  transition: fill 0.2s linear 0.1s;
  display: inline-block;
  vertical-align: middle;
}

.link:after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: #e31b23;
  -webkit-animation: linkOut 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: linkOut 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
  visibility: hidden;
}

.link.energized-blend-coffee {
  background: #583224;
}

.link.energized-blend-coffee:after {
  background-color: #341d15;
}

.link.energized-blend-coffee span {
  color: #ffffff;
}

.link.energized-blend-coffee .svg-icon {
  fill: #ffffff;
}

.link.refreshers-blend-hot-pink {
  background: #E30071;
}

.link.refreshers-blend-hot-pink:after {
  background-color: #b00058;
}

.link.refreshers-blend-hot-pink span {
  color: #ffffff;
}

.link.refreshers-blend-hot-pink .svg-icon {
  fill: #ffffff;
}

.link.fitness-blend-red {
  background: #d02c30;
}

.link.fitness-blend-red:after {
  background-color: #a62326;
}

.link.fitness-blend-red span {
  color: #ffffff;
}

.link.fitness-blend-red .svg-icon {
  fill: #ffffff;
}

.link.slim-blend-blue {
  background: #54648C;
}

.link.slim-blend-blue:after {
  background-color: #414d6c;
}

.link.slim-blend-blue span {
  color: #ffffff;
}

.link.slim-blend-blue .svg-icon {
  fill: #ffffff;
}

.link.wellness-blend-green {
  background: #607D2F;
}

.link.wellness-blend-green:after {
  background-color: #445821;
}

.link.wellness-blend-green span {
  color: #ffffff;
}

.link.wellness-blend-green .svg-icon {
  fill: #ffffff;
}

.link.break-blend-gold {
  background: #C6531E;
}

.link.break-blend-gold:after {
  background-color: #9a4017;
}

.link.break-blend-gold span {
  color: #ffffff;
}

.link.break-blend-gold .svg-icon {
  fill: #ffffff;
}

.link.kids-blend-pink {
  background: #C14D63;
}

.link.kids-blend-pink:after {
  background-color: #a2394d;
}

.link.kids-blend-pink span {
  color: #ffffff;
}

.link.kids-blend-pink .svg-icon {
  fill: #ffffff;
}

.arrow-link {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-decoration: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.arrow-link .svg-icon {
  top: 0;
  width: 18px;
  height: 12px;
  fill: #ffffff;
  margin: 0 4px 0 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.arrow-link .svg-icon.reversed {
  -webkit-transform: translateX(0) scale(-1);
          transform: translateX(0) scale(-1);
}

.arrow-link.alt {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  white-space: nowrap;
}

.arrow-link.alt span {
  margin-right: 0.6rem;
}

.arrow-link.alt.red {
  color: #e31b23;
}

.arrow-link.alt.red .svg-icon {
  fill: #e31b23;
}

.arrow-link.alt.red:hover {
  color: #000000;
}

.arrow-link.alt.red:hover .svg-icon {
  fill: #000000;
}

.text-link {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.125rem;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .text-link {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .text-link {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.text-link.red {
  color: #e31b23;
}

.text-link.black {
  color: #000000;
}

.text-link.energized-blend-coffee {
  color: #583224;
}

.text-link.refreshers-blend-hot-pink {
  color: #E30071;
}

.text-link.fitness-blend-red {
  color: #d02c30;
}

.text-link.slim-blend-blue {
  color: #54648C;
}

.text-link.wellness-blend-green {
  color: #607D2F;
}

.text-link.break-blend-gold {
  color: #C6531E;
}

.text-link.kids-blend-pink {
  color: #C14D63;
}

.icon-link {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.375rem;
  text-decoration: none;
}

.icon-link svg,
.icon-link span {
  display: inline-block;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.icon-link.red {
  color: #e31b23;
}

html.no-touchevents .link:hover:after {
  -webkit-animation: linkIn 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
          animation: linkIn 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 forwards;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
  visibility: visible;
}

html.no-touchevents .link:hover span {
  -webkit-animation: linkSpan 0.6s linear 0s 1 forwards;
          animation: linkSpan 0.6s linear 0s 1 forwards;
}

html.no-touchevents .link:hover .svg-icon {
  fill: #ffffff;
}

html.no-touchevents .link.energized-blend-coffee:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.refreshers-blend-hot-pink:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.fitness-blend-red:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.slim-blend-blue:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.wellness-blend-green:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.break-blend-gold:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .link.kids-blend-pink:hover span {
  -webkit-animation: none;
          animation: none;
}

html.no-touchevents .arrow-link:hover {
  color: #dadfe1;
  text-decoration: none;
}

html.no-touchevents .arrow-link:hover .svg-icon {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

html.no-touchevents .arrow-link:hover .svg-icon.reversed {
  -webkit-transform: translateX(-4px) scale(-1);
          transform: translateX(-4px) scale(-1);
}

html.no-touchevents .text-link:hover {
  color: #dadfe1;
  text-decoration: none;
}

html.no-touchevents .text-link.red:hover, html.no-touchevents .text-link.black:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.energized-blend-coffee:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.refreshers-blend-hot-pink:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.fitness-blend-red:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.slim-blend-blue:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.wellness-blend-green:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.break-blend-gold:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .text-link.kids-blend-pink:hover {
  color: #000000;
  text-decoration: none;
}

html.no-touchevents .icon-link:hover {
  color: #dadfe1;
}

html.no-touchevents .icon-link.red:hover {
  color: #000000;
}

@-webkit-keyframes linkIn {
  0% {
    width: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  51% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@keyframes linkIn {
  0% {
    width: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  51% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@-webkit-keyframes linkOut {
  0% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes linkOut {
  0% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes linkSpan {
  0% {
    color: #000000;
  }
  30% {
    color: #ffffff;
  }
  70% {
    color: #ffffff;
  }
  100% {
    color: #000000;
  }
}

@keyframes linkSpan {
  0% {
    color: #000000;
  }
  30% {
    color: #ffffff;
  }
  70% {
    color: #ffffff;
  }
  100% {
    color: #000000;
  }
}

@-webkit-keyframes buttonIn {
  0% {
    width: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  51% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@keyframes buttonIn {
  0% {
    width: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  51% {
    width: 100%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@-webkit-keyframes buttonOut {
  0% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes buttonOut {
  0% {
    width: 100%;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    width: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes buttonSpan {
  0% {
    color: #000000;
  }
  30% {
    color: #ffffff;
  }
  70% {
    color: #ffffff;
  }
  100% {
    color: #000000;
  }
}

@keyframes buttonSpan {
  0% {
    color: #000000;
  }
  30% {
    color: #ffffff;
  }
  70% {
    color: #ffffff;
  }
  100% {
    color: #000000;
  }
}

@-webkit-keyframes buttonInReversed {
  0% {
    width: 0;
    left: 100%;
  }
  50% {
    width: 100%;
    left: 0;
  }
  51% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 48px;
    left: 0;
  }
}

@keyframes buttonInReversed {
  0% {
    width: 0;
    left: 100%;
  }
  50% {
    width: 100%;
    left: 0;
  }
  51% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 48px;
    left: 0;
  }
}

@-webkit-keyframes buttonOutReversed {
  0% {
    width: 48px;
    left: 0;
  }
  100% {
    width: 0;
    left: 0;
  }
}

@keyframes buttonOutReversed {
  0% {
    width: 48px;
    left: 0;
  }
  100% {
    width: 0;
    left: 0;
  }
}

@-webkit-keyframes addIn {
  0% {
    left: 0;
    width: 48px;
  }
  100% {
    left: 0;
    width: 100%;
  }
}

@keyframes addIn {
  0% {
    left: 0;
    width: 48px;
  }
  100% {
    left: 0;
    width: 100%;
  }
}

@-webkit-keyframes addOut {
  0% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
  50% {
    left: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 100%;
  }
  51% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 0;
  }
  100% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 48px;
  }
}

@keyframes addOut {
  0% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
  50% {
    left: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 100%;
  }
  51% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 0;
  }
  100% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 48px;
  }
}

@-webkit-keyframes videoIn {
  0% {
    left: 0;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes videoIn {
  0% {
    left: 0;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes videoOut {
  0% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
  50% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 0;
  }
  51% {
    left: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 100%;
  }
  100% {
    left: 0;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@keyframes videoOut {
  0% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
  }
  50% {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 0;
  }
  51% {
    left: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    width: 100%;
  }
  100% {
    left: 0;
    -webkit-transform: translateX(100%) translateX(-48px);
            transform: translateX(100%) translateX(-48px);
  }
}

@-webkit-keyframes videoIcon {
  15% {
    fill: #ffffff;
  }
  30% {
    fill: #000000;
  }
  70% {
    fill: #000000;
  }
  100% {
    fill: #ffffff;
  }
}

@keyframes videoIcon {
  15% {
    fill: #ffffff;
  }
  30% {
    fill: #000000;
  }
  70% {
    fill: #000000;
  }
  100% {
    fill: #ffffff;
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    @-webkit-keyframes linkIn {
      0% {
        width: 0;
        left: 0;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 100%;
        left: calc(100% - 48px);
      }
    }
    @keyframes linkIn {
      0% {
        width: 0;
        left: 0;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 100%;
        left: calc(100% - 48px);
      }
    }
    @-webkit-keyframes linkOut {
      0% {
        width: 100%;
        left: calc(100% - 48px);
      }
      100% {
        width: 100%;
        left: 100%;
      }
    }
    @keyframes linkOut {
      0% {
        width: 100%;
        left: calc(100% - 48px);
      }
      100% {
        width: 100%;
        left: 100%;
      }
    }
    @-webkit-keyframes buttonIn {
      0% {
        width: 0;
        left: 0;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 100%;
        left: calc(100% - 48px);
      }
    }
    @keyframes buttonIn {
      0% {
        width: 0;
        left: 0;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 100%;
        left: calc(100% - 48px);
      }
    }
    @-webkit-keyframes buttonOut {
      0% {
        width: 100%;
        left: calc(100% - 48px);
      }
      100% {
        width: 100%;
        left: 100%;
      }
    }
    @keyframes buttonOut {
      0% {
        width: 100%;
        left: calc(100% - 48px);
      }
      100% {
        width: 100%;
        left: 100%;
      }
    }
    @-webkit-keyframes buttonSpan {
      0% {
        color: #000000;
      }
      30% {
        color: #ffffff;
      }
      70% {
        color: #ffffff;
      }
      100% {
        color: #000000;
      }
    }
    @keyframes buttonSpan {
      0% {
        color: #000000;
      }
      30% {
        color: #ffffff;
      }
      70% {
        color: #ffffff;
      }
      100% {
        color: #000000;
      }
    }
    @-webkit-keyframes buttonInReversed {
      0% {
        width: 0;
        left: 100%;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 48px;
        left: 0;
      }
    }
    @keyframes buttonInReversed {
      0% {
        width: 0;
        left: 100%;
      }
      50% {
        width: 100%;
        left: 0;
      }
      51% {
        width: 100%;
        left: 0;
      }
      100% {
        width: 48px;
        left: 0;
      }
    }
    @-webkit-keyframes buttonOutReversed {
      0% {
        width: 48px;
        left: 0;
      }
      100% {
        width: 0;
        left: 0;
      }
    }
    @keyframes buttonOutReversed {
      0% {
        width: 48px;
        left: 0;
      }
      100% {
        width: 0;
        left: 0;
      }
    }
    @-webkit-keyframes addIn {
      0% {
        width: 48px;
      }
      100% {
        width: 100%;
      }
    }
    @keyframes addIn {
      0% {
        width: 48px;
      }
      100% {
        width: 100%;
      }
    }
    @-webkit-keyframes addOut {
      0% {
        left: 0;
        width: 100%;
      }
      50% {
        left: 100%;
        width: 100%;
      }
      51% {
        left: 0;
        width: 0;
      }
      100% {
        left: 0;
        width: 48px;
      }
    }
    @keyframes addOut {
      0% {
        left: 0;
        width: 100%;
      }
      50% {
        left: 100%;
        width: 100%;
      }
      51% {
        left: 0;
        width: 0;
      }
      100% {
        left: 0;
        width: 48px;
      }
    }
    @-webkit-keyframes videoIn {
      0% {
        left: calc(100% - 48px);
      }
      100% {
        left: 0;
      }
    }
    @keyframes videoIn {
      0% {
        left: calc(100% - 48px);
      }
      100% {
        left: 0;
      }
    }
    @-webkit-keyframes videoOut {
      0% {
        left: 0;
        width: 100%;
      }
      50% {
        left: 0;
        width: 0;
      }
      51% {
        left: 100%;
        width: 100%;
      }
      100% {
        left: calc(100% - 48px);
      }
    }
    @keyframes videoOut {
      0% {
        left: 0;
        width: 100%;
      }
      50% {
        left: 0;
        width: 0;
      }
      51% {
        left: 100%;
        width: 100%;
      }
      100% {
        left: calc(100% - 48px);
      }
    }
    @-webkit-keyframes videoIcon {
      15% {
        fill: #ffffff;
      }
      30% {
        fill: #000000;
      }
      70% {
        fill: #000000;
      }
      100% {
        fill: #ffffff;
      }
    }
    @keyframes videoIcon {
      15% {
        fill: #ffffff;
      }
      30% {
        fill: #000000;
      }
      70% {
        fill: #000000;
      }
      100% {
        fill: #ffffff;
      }
    }
  }
}

form {
  display: inline-block;
  margin-top: 30px;
}

form .entry-email-signup {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #000000;
  /*Outer box of the fake checkbox*/
  /* Checkmark of the fake checkbox*/
  /*Hide the checkmark by default*/
  /*Unhide on the checked state*/
  /*Adding focus styles on the outer-box of the fake checkbox*/
}

.content-intro form .entry-email-signup {
  margin: 1rem 0 2rem;
}

@media screen and (min-width: 768px) {
  form .entry-email-signup {
    font-size: 1rem;
  }
}

form .entry-email-signup:focus {
  background: #f3f4f5;
}

form .entry-email-signup * + * {
  margin: 0.75rem 0;
}

form .entry-email-signup p.error {
  margin: 0;
  color: #b5121b;
  font-size: 0.875rem;
  padding-left: 26px;
}

form .entry-email-signup input[type="text"] {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  width: 90%;
  height: 40px;
  line-height: 48px;
}

@media screen and (min-width: 768px) {
  form .entry-email-signup input[type="text"] {
    line-height: 48px;
    border-radius: 24px;
    height: 48px;
  }
}

form .entry-email-signup .checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  margin-left: -1em;
}

form .entry-email-signup .checkbox label {
  position: relative;
  display: inline-block;
  /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
  padding-left: 26px;
}

form .entry-email-signup .checkbox label p {
  margin: 0;
  font-size: 0.875rem;
}

form .entry-email-signup .checkbox label::before,
form .entry-email-signup .checkbox label::after {
  position: absolute;
  content: "";
  border-color: #e31b23;
  /*Needed for the line-height to take effect*/
  display: inline-block;
}

form .entry-email-signup .checkbox label::before {
  height: 16px;
  width: 16px;
  background: white;
  border: 2px solid #e31b23;
  left: 0px;
  top: 0;
}

form .entry-email-signup .checkbox label::after {
  height: 8px;
  width: 8px;
  background-color: #e31b23;
  border-radius: 100px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 6px;
  top: 6px;
}

form .entry-email-signup .checkbox input[type="checkbox"] + label::after {
  content: none;
}

form .entry-email-signup .checkbox input[type="checkbox"]:checked + label::after {
  content: "";
}

form .entry-email-signup .checkbox input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}

form .entry-input-label {
  display: inline-block;
  font-weight: normal;
  margin: 0 -2rem 0.3rem 2rem;
}

form .entry-input-text {
  border: 0;
  padding: 0;
  background: #ffffff;
  height: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #000000;
  line-height: 40px;
  margin: 0;
  padding: 0 20px 0 20px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  form .entry-input-text {
    font-size: 1rem;
    line-height: 48px;
    height: 48px;
    padding: 0 24px 0 24px;
  }
}

form .entry-input-text:focus {
  background: #f3f4f5;
}

form .entry-input-label.phone-label {
  margin-top: 20px;
}

form .entry-input {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  height: 40px;
  width: auto;
  display: inherit;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  form .entry-input {
    border-radius: 24px;
    height: 48px;
  }
}

form .entry-input button {
  position: relative;
  background: #e31b23;
  height: 40px;
  width: auto;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

form .entry-input button:focus {
  outline: #3b99fc auto 5px;
}

@media screen and (min-width: 768px) {
  form .entry-input button {
    height: 48px;
  }
}

form .entry-input button .svg-icon {
  top: 0rem;
  width: 18px;
  height: 12px;
  fill: #ffffff;
  margin: 0 18px 0 14px;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

form .entry-input button.energized-blend-coffee {
  background: #583224;
}

form .entry-input button.refreshers-blend-hot-pink {
  background: #E30071;
}

form .entry-input button.fitness-blend-red {
  background: #d02c30;
}

form .entry-input button.slim-blend-blue {
  background: #54648C;
}

form .entry-input button.wellness-blend-green {
  background: #607D2F;
}

form .entry-input button.break-blend-gold {
  background: #C6531E;
}

form .entry-input button.kids-blend-pink {
  background: #C14D63;
}

.contact-us form {
  display: block;
  margin: 0 auto;
  width: 75%;
}

.contact-us .section-title {
  text-align: center;
  font-size: 1.2rem;
  margin: 2.6rem 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.contact-us input[type="text"], .contact-us input[type="email"], .contact-us input[type="tel"], .contact-us textarea, .contact-us select {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  border: 0;
  height: 40px;
  width: 100%;
  padding: .6em 1.4em .5em 1em;
  margin: 0 0 1.5em;
  background-color: #f3f4f5;
}

@media screen and (min-width: 768px) {
  .contact-us input[type="text"], .contact-us input[type="email"], .contact-us input[type="tel"], .contact-us textarea, .contact-us select {
    border-radius: 24px;
    height: 48px;
  }
}

.contact-us input[type="text"], .contact-us input[type="email"], .contact-us input[type="tel"], .contact-us textarea {
  line-height: 48px;
}

@media screen and (min-width: 768px) {
  .contact-us input[type="text"], .contact-us input[type="email"], .contact-us input[type="tel"], .contact-us textarea {
    line-height: 48px;
  }
}

.contact-us textarea {
  height: 15em;
}

.contact-us label {
  display: block;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  margin: 0 0 0.5em 1em;
}

.contact-us select {
  line-height: 1;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B5121B%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 1em top 50%, 0 0;
  background-size: .8em auto, 100%;
}

.contact-us select::-ms-expand {
  display: none;
}

.contact-us select:hover {
  border-color: #888;
}

.contact-us select:focus, .contact-us input:focus, .contact-us textarea:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.contact-us select option {
  font-weight: normal;
}

::-webkit-input-placeholder {
  color: #000000;
  opacity: 0.25;
}

::-ms-input-placeholder {
  color: #000000;
  opacity: 0.25;
}

::placeholder {
  color: #000000;
  opacity: 0.25;
}

:-ms-input-placeholder {
  color: #000000;
  opacity: 0.25;
}

::-ms-input-placeholder {
  color: #000000;
  opacity: 0.25;
}

html.no-touchevents form .entry-input button:hover .svg-icon {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: -webkit-transform 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

html.no-touchevents form .entry-input button.energized-blend-coffee:hover {
  background-color: #341d15;
}

html.no-touchevents form .entry-input button.refreshers-blend-hot-pink:hover {
  background-color: #b00058;
}

html.no-touchevents form .entry-input button.fitness-blend-red:hover {
  background-color: #a62326;
}

html.no-touchevents form .entry-input button.slim-blend-blue:hover {
  background-color: #414d6c;
}

html.no-touchevents form .entry-input button.wellness-blend-green:hover {
  background-color: #445821;
}

html.no-touchevents form .entry-input button.break-blend-gold:hover {
  background-color: #9a4017;
}

html.no-touchevents form .entry-input button.kids-blend-pink:hover {
  background-color: #a2394d;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3000;
}

.modal.vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 998px;
  margin: 0 auto;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #ffffff;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-height: 100%;
}

.modal .modal-container .close-button {
  display: block;
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 2;
}

.modal .modal-container .close-button .svg-icon path {
  fill: #000000;
}

.modal .modal-container .close-button span {
  color: #000000;
}

.modal .modal-content {
  position: relative;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 22px;
  margin: 0;
}

.modal .modal-content .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin: 66px auto 0 auto;
}

.modal .modal-content .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal .modal-overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
}

.modal-promo {
  margin: 2rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal-promo .promo-image {
  width: 75%;
  margin-bottom: 1rem;
}

.modal-promo .promo-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  padding: 0 6% 0 1rem;
}

@media screen and (min-width: 480px) {
  .modal-promo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 4rem 0;
  }
  .modal-promo.two-col {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
  }
  .modal-promo.two-col .promo-image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
            flex: 1 0 40%;
    width: auto;
    margin-bottom: 0;
  }
  .modal-promo.two-col .promo-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 60%;
            flex: 1 0 60%;
  }
}

.mailing-list-signup p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 20px 0;
}

@media screen and (min-width: 768px) {
  .mailing-list-signup p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    margin: 0 0 25px 0;
  }
}

@media screen and (min-width: 1280px) {
  .mailing-list-signup p {
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 0 0 30px 0;
  }
}

.social-follow-buttons p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 768px) {
  .social-follow-buttons p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .social-follow-buttons p {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

.social-follow-buttons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.social-follow-buttons li {
  display: inline-block;
  margin: 0 0 0 10px;
}

.social-follow-buttons li:first-child {
  margin-left: 0;
}

.social-follow-buttons li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.social-follow-buttons li a .svg-icon {
  top: 0rem;
  width: 20px;
  height: 20px;
  fill: #000000;
  margin: 0;
}

.social-follow-buttons li a .svg-icon path {
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.social-follow-buttons.sticky {
  position: fixed;
  z-index: 1000;
  top: 50vh;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-right: 9px solid #c7ccd0;
  display: none;
}

@media screen and (min-width: 768px) {
  .social-follow-buttons.sticky {
    display: block;
  }
}

.social-follow-buttons.sticky li {
  display: block;
  margin: 0 -9px 0 0;
}

.social-follow-buttons.sticky li a {
  position: relative;
  padding: 5px 15px;
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent;
}

.social-follow-buttons.sticky li a .hover-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.social-follow-buttons.sticky li a .icon-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background-color: #c7ccd0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.social-follow-buttons.sticky li a .svg-icon {
  fill: #ffffff;
}

.social-follow-buttons.sticky li a.facebook .hover-background {
  background-color: #3b5998;
}

.social-follow-buttons.sticky li a.twitter .hover-background {
  background-color: #0084b4;
}

.social-follow-buttons.sticky li a.pinterest .hover-background {
  background-color: #c8232c;
}

html.no-touchevents .social-follow-buttons li a:hover .svg-icon path {
  fill: rgba(0, 0, 0, 0.4);
}

html.no-touchevents .social-follow-buttons.sticky li a:hover .hover-background {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

html.no-touchevents .social-follow-buttons.sticky li a:hover .icon-wrapper {
  background-color: #ffffff;
}

html.no-touchevents .social-follow-buttons.sticky li a.facebook:hover .svg-icon path {
  fill: #3b5998;
}

html.no-touchevents .social-follow-buttons.sticky li a.twitter:hover .svg-icon path {
  fill: #0084b4;
}

html.no-touchevents .social-follow-buttons.sticky li a.pinterest:hover .svg-icon path {
  fill: #c8232c;
}

.content-intro {
  width: 100%;
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .content-intro {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-intro {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-intro {
    margin: 0 auto 80px auto;
  }
}

.content-intro .content-row {
  margin: 0 auto 10px auto;
  max-width: 554px;
  padding: 0 22px;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .content-intro .content-row {
    margin: 0 auto 15px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-intro .content-row {
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-intro .content-row {
    margin: 0 auto 25px auto;
  }
}

.content-intro .content-row:last-child {
  margin: 0 auto;
}

.content-intro .content-row .eyebrow {
  margin: 0 !important;
  width: 100%;
}

.content-intro .content-row .headline {
  margin: 0 !important;
  max-width: 510px;
}

.content-intro .content-row .button,
.content-intro .content-row .link {
  display: inline-block;
  text-align: left;
  margin: 0;
}

.content-intro .content-row.with-gradient {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.content-intro .content-row.with-gradient .headline:before, .content-intro .content-row.with-gradient .headline:after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 10px;
}

.content-intro .content-row .content-column {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  margin: 0 auto;
  text-align: center;
  color: #000000;
  padding: 0 22px;
}

.content-intro .content-row .content-column:first-child, .content-intro .content-row .content-column:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  height: 10px;
  padding: 0;
}

.content-intro .content-row .content-column:first-child {
  background: -webkit-gradient(linear, left top, right top, from(#dadfe1), to(#ffffff));
  background: linear-gradient(90deg, #dadfe1 0%, #ffffff 100%);
}

.content-intro .content-row .content-column:last-child {
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#dadfe1));
  background: linear-gradient(90deg, #ffffff 0%, #dadfe1 100%);
}

.content-intro.no-gradient .content-column:first-child {
  background-image: none;
}

.content-intro.no-gradient .content-column:last-child {
  background-image: none;
}

.content-intro.alternate .content-column .headline {
  color: #b5121b;
}

.location-block {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1442px;
  padding: 0;
  margin: 0 auto 40px auto;
  display: block;
  border: transparent 1px solid;
}

.location-block .error {
  color: #b5121b;
}

@media screen and (min-width: 480px) {
  .location-block {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .location-block {
    max-width: 1486px;
    padding: 0 22px;
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .location-block {
    margin: 0 auto 80px auto;
  }
}

.location-block .location-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 35%;
}

@media screen and (min-width: 768px) {
  .location-block .location-background {
    height: 100%;
    top: 0;
    left: 22px;
    right: 22px;
    bottom: 0;
  }
}

.location-block .location-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.location-block .location-container {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1198px;
  margin: 60px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .location-block .location-container {
    margin: 90px auto;
  }
}

@media screen and (min-width: 1024px) {
  .location-block .location-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container {
    margin: 120px auto;
  }
}

.location-block .location-container .location-info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .location-block .location-container .location-info-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 42.5%;
            flex: 0 1 42.5%;
    width: 42.5%;
  }
}

.location-block .location-container .location-info-column .max-wrapper {
  width: 100%;
  padding: 22px 0;
  color: #000000;
  max-width: 640px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#dadfe1));
    background: linear-gradient(90deg, #ffffff 0%, #dadfe1 100%);
    padding: 33px 0;
  }
}

@media screen and (min-width: 1024px) {
  .location-block .location-container .location-info-column .max-wrapper {
    max-width: inherit;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper {
    padding: 44px 0;
  }
}

.location-block .location-container .location-info-column .max-wrapper .eyebrow {
  margin: 0 22px 10px 22px;
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper .eyebrow {
    margin: 0 33px 10px 33px;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper .eyebrow {
    margin: 0 44px 10px 44px;
  }
}

.location-block .location-container .location-info-column .max-wrapper .headline {
  padding: 0 22px;
  margin: 0 0 10px 0 !important;
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper .headline {
    background-color: #ffffff;
    padding: 22px 33px;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper .headline {
    padding: 22px 44px;
  }
}

.location-block .location-container .location-info-column .max-wrapper .description {
  margin: 0 22px 15px 22px;
}

@media screen and (min-width: 480px) {
  .location-block .location-container .location-info-column .max-wrapper .description {
    margin: 0 22px 20px 22px;
  }
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper .description {
    margin: 0 33px 25px 33px;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper .description {
    margin: 0 44px 25px 44px;
  }
}

.location-block .location-container .location-info-column .max-wrapper form {
  margin: 0 22px;
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper form {
    margin: 0 33px;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper form {
    margin: 0 44px;
  }
}

.location-block .location-container .location-info-column .max-wrapper .button,
.location-block .location-container .location-info-column .max-wrapper .link {
  margin: 0 22px;
}

@media screen and (min-width: 768px) {
  .location-block .location-container .location-info-column .max-wrapper .button,
  .location-block .location-container .location-info-column .max-wrapper .link {
    margin: 0 33px;
  }
}

@media screen and (min-width: 1280px) {
  .location-block .location-container .location-info-column .max-wrapper .button,
  .location-block .location-container .location-info-column .max-wrapper .link {
    margin: 0 44px;
  }
}

.location-block .location-container .location-image-column {
  width: 100%;
  padding: 0 22px;
}

@media screen and (min-width: 1024px) {
  .location-block .location-container .location-image-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 57.5%;
            flex: 0 1 57.5%;
    width: 57.5%;
    padding: 0;
  }
}

.location-block .location-container .location-image-column .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  max-width: 680px;
  margin: 0 auto;
}

.location-block .location-container .location-image-column .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 55.88235294%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.location-block .location-container .location-image-column .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 1024px) {
  .location-block .location-container .location-image-column .image-wrapper {
    max-width: inherit;
  }
}

.location-block .location-container .location-image-column .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.location-block.store-id .button-wrapper {
  margin: 40px auto 0 auto;
  text-align: center;
}

.location-block.store-id .button-wrapper .link {
  text-align: left;
  margin: 0 auto;
}

.location-block.store-id .location-background {
  height: 70%;
}

@media screen and (min-width: 1024px) {
  .location-block.store-id .location-background {
    height: 100%;
  }
}

.location-block.store-id .location-container .location-info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 22px;
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .location-block.store-id .location-container .location-info-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 42.5%;
            flex: 0 1 42.5%;
    width: 42.5%;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper {
  width: 100%;
  padding: 22px 33px;
  color: #000000;
  max-width: 640px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper {
    padding: 33px 44px;
  }
}

@media screen and (min-width: 1024px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper {
    max-width: inherit;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper {
    padding: 44px 55px;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper .eyebrow {
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .eyebrow {
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .eyebrow {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .eyebrow {
    margin: 0 0 25px 0;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper .headline {
  padding: 0;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .headline {
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .headline {
    background-color: none;
    padding: 0;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .headline {
    padding: 0;
    margin: 0 0 25px 0;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper .phone {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.0625rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .phone {
    font-size: 1.25rem;
    line-height: 1.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .phone {
    font-size: 1.375rem;
    line-height: 1.25rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .phone {
    font-size: 1.5rem;
    line-height: 1.375rem;
    margin: 0 0 25px 0;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper .description {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .description {
    background-color: none;
    padding: 0;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.store-id .location-container .location-info-column .max-wrapper .description {
    padding: 0;
  }
}

.location-block.store-id .location-container .location-info-column .max-wrapper .button,
.location-block.store-id .location-container .location-info-column .max-wrapper .link {
  display: inline-block;
  padding: 0;
  margin: 0 10px 10px 0;
}

.location-block.store-id .location-container .location-info-column .max-wrapper .button:last-child,
.location-block.store-id .location-container .location-info-column .max-wrapper .link:last-child {
  margin: 0 0 10px 0;
}

.location-block.store-id .location-container .location-image-column .image-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (min-width: 1024px) {
  .location-block.solo-view .location-background {
    height: 80%;
  }
}

.location-block.solo-view .location-container {
  margin: 60px auto 0 auto;
}

@media screen and (min-width: 768px) {
  .location-block.solo-view .location-container {
    margin: 90px auto 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .location-block.solo-view .location-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media screen and (min-width: 1280px) {
  .location-block.solo-view .location-container {
    margin: 120px auto 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .location-block.solo-view .location-container .location-info-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 52.5%;
            flex: 0 1 52.5%;
    width: 52.5%;
  }
}

.html-block {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  max-width: 798px;
  padding: 0 22px;
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .html-block {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .html-block {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .html-block {
    margin: 0 auto 80px auto;
  }
}

.html-block.two-column {
  max-width: 1042px;
}

.html-block.two-column .contact-wrapper .story-contact {
  margin: 30px 0 0 0;
}

.html-block.two-column .contact-wrapper h4 {
  color: #b5121b;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.html-block.two-column .contact-wrapper p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin: 0 0 5px 0;
}

@media screen and (min-width: 768px) {
  .html-block.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .html-block.two-column .contact-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 300px;
            flex: 0 1 300px;
    width: 300px;
    padding: 0 22px 0 0;
  }
  .html-block.two-column .contact-wrapper .story-contact {
    margin: 0 0 30px 0;
  }
  .html-block.two-column .block-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
            flex: 0 1 600px;
    width: 600px;
  }
}

.html-block div {
  position: relative;
}

.html-block div.embed-responsive-21by9:before {
  content: '';
  float: left;
  padding-bottom: 42.85714286%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.html-block div.embed-responsive-21by9:after {
  content: '';
  display: table;
  clear: both;
}

.html-block div.embed-responsive-16by9:before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.html-block div.embed-responsive-16by9:after {
  content: '';
  display: table;
  clear: both;
}

.html-block div.embed-responsive-4by3:before {
  content: '';
  float: left;
  padding-bottom: 75%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.html-block div.embed-responsive-4by3:after {
  content: '';
  display: table;
  clear: both;
}

.html-block div.embed-responsive-1by1:before {
  content: '';
  float: left;
  padding-bottom: 100%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.html-block div.embed-responsive-1by1:after {
  content: '';
  display: table;
  clear: both;
}

.html-block div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
}

.html-block iframe {
  position: relative;
  display: block;
  width: 100%;
}

.html-block .component iframe {
  position: relative;
  top: inherit;
  left: inherit;
  width: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  border: 0;
}

.html-block p,
.html-block ul,
.html-block ol {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 15px 0;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .html-block p,
  .html-block ul,
  .html-block ol {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block p,
  .html-block ul,
  .html-block ol {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 25px 0;
  }
}

.html-block strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 768px) {
  .html-block strong {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block strong {
    margin: 0 0 25px 0;
  }
}

.html-block em {
  font-style: italic;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 768px) {
  .html-block em {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block em {
    margin: 0 0 25px 0;
  }
}

.html-block blockquote {
  position: relative;
  background-image: linear-gradient(-229deg, #f3f4f5 0%, #ffffff 100%);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #000000;
  max-width: 510px;
  width: 100%;
  margin: 70px auto;
  padding: 22px 33px;
}

@media screen and (min-width: 768px) {
  .html-block blockquote {
    font-size: 0.9375rem;
    line-height: 1.625rem;
    padding: 22px 44px;
  }
}

@media screen and (min-width: 1280px) {
  .html-block blockquote {
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 33px 55px;
  }
}

.html-block blockquote strong,
.html-block blockquote em {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  color: #b5121b;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin: 0 0 5px 0;
}

@media screen and (min-width: 480px) {
  .html-block blockquote strong,
  .html-block blockquote em {
    font-size: 1.6875rem;
    line-height: 2rem;
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 768px) {
  .html-block blockquote strong,
  .html-block blockquote em {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block blockquote strong,
  .html-block blockquote em {
    font-size: 2rem;
    line-height: 2.375rem;
    margin: 0 0 20px 0;
  }
}

.html-block blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2.375rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 9.375rem;
  line-height: 6.25rem;
  color: #dadfe1;
}

.html-block figure {
  margin: 33px auto;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .html-block figure {
    margin: 44px auto;
  }
}

@media screen and (min-width: 768px) {
  .html-block figure {
    width: 90%;
    margin: 55px auto;
  }
}

@media screen and (min-width: 1280px) {
  .html-block figure {
    margin: 66px auto;
  }
}

.html-block figure figcaption {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  color: #000000;
  text-align: right;
  line-height: 1.3125rem;
  margin: 7px 0 0 0;
}

@media screen and (min-width: 480px) {
  .html-block figure figcaption {
    font-size: 0.75rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 768px) {
  .html-block figure figcaption {
    font-size: 0.8125rem;
    line-height: 1.4375rem;
  }
}

@media screen and (min-width: 1280px) {
  .html-block figure figcaption {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

.html-block figure .responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.html-block figure .responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.html-block img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.html-block a {
  color: #b5121b;
  text-decoration: underline;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.html-block h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  color: #000000;
}

@media screen and (min-width: 480px) {
  .html-block h2 {
    font-size: 1.6875rem;
    line-height: 1.8125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .html-block h2 {
    font-size: 1.875rem;
    line-height: 2rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block h2 {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 25px 0;
  }
}

.html-block h3 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #000000;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .html-block h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .html-block h3 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 0 0 25px 0;
  }
}

.html-block h4 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #000000;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .html-block h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .html-block h4 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block h4 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 0 0 25px 0;
  }
}

.html-block h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  color: #000000;
  margin: 0 0 25px 0;
}

@media screen and (min-width: 480px) {
  .html-block h5 {
    font-size: 0.875rem;
    line-height: 1.625rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .html-block h5 {
    font-size: 0.9375rem;
    line-height: 1.6875rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .html-block h5 {
    font-size: 1rem;
    line-height: 1.75rem;
    margin: 0 0 25px 0;
  }
}

html.no-touchevents .html-block a:hover {
  color: #000000;
  text-decoration: none;
}

.eyebrow {
  font-family: “acumin-variable”,sans-serif;
  font-variation-settings: 'wght' 800, 'wdth' 115, 'slnt' 0;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 0.9375rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .eyebrow {
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .eyebrow {
    font-size: 1rem;
    line-height: 1.0625rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .eyebrow {
    font-size: 1rem;
    line-height: 1.125rem;
    margin: 0 0 25px 0;
  }
}

.eyebrow em {
  font-style: italic;
}

.eyebrow strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.headline {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .headline {
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .headline {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .headline {
    font-size: 2.25rem;
    line-height: 2.375rem;
    margin: 0 0 25px 0;
  }
}

.headline.small {
  margin: 0 0 5px 0;
}

@media screen and (min-width: 480px) {
  .headline.small {
    font-size: 1.6875rem;
    line-height: 1.8125rem;
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 768px) {
  .headline.small {
    font-size: 1.875rem;
    line-height: 2rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .headline.small {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 20px 0;
  }
}

.headline.large {
  font-size: 2rem;
  line-height: 2.125rem;
}

@media screen and (min-width: 480px) {
  .headline.large {
    font-size: 2.375rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .headline.large {
    font-size: 2.75rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .headline.large {
    font-size: 3.125rem;
    line-height: 3.25rem;
  }
}

.description {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .description {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .description {
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .description {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0 0 25px 0;
  }
}

.description em {
  font-style: italic;
}

.description strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.results-pagination {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.results-pagination .pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: auto;
}

.results-pagination .pagination-wrapper .label-wrapper {
  border: 3px solid #b5121b;
  display: block;
  padding: 3px 4px;
  border-radius: 25px;
  margin: 0 20px;
}

.results-pagination .pagination-wrapper .label-wrapper span {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #000000;
  display: inline-block;
  text-align: center;
  padding: 10px 5px;
}

.results-pagination .pagination-wrapper .label-wrapper span.current-page, .results-pagination .pagination-wrapper .label-wrapper span.total-pages {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 10px 12px;
  min-width: 48px;
}

.results-pagination .pagination-wrapper .label-wrapper span.total-pages {
  min-width: 40px;
  padding: 10px 12px 10px 6px;
}

.results-pagination .pagination-wrapper .label-wrapper span.current-page {
  color: #ffffff;
  background-color: #b5121b;
  border-radius: 19px;
}

.results-pagination .pagination-wrapper .pagination-button {
  position: relative;
  display: block;
  padding: 0;
  width: auto;
  height: 30px;
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.results-pagination .pagination-wrapper .pagination-button span {
  display: none;
}

.results-pagination .pagination-wrapper .pagination-button .svg-icon {
  top: 0.0625rem;
  width: 18px;
  height: 12px;
  fill: #000000;
  margin: 0;
}

.results-pagination .pagination-wrapper .pagination-button:first-child .svg-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.modal-blend-filter {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 710px;
  margin: 0 auto;
  padding: 0;
}

.modal-blend-filter h3 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.125rem;
  line-height: 1rem;
  color: #000000;
  text-align: center;
  margin: 22px auto 11px auto;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter h3 {
    font-size: 1.375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter h3 {
    font-size: 1.625rem;
    line-height: 1.4375rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter h3 {
    font-size: 1.875rem;
    line-height: 1.6875rem;
  }
}

.modal-blend-filter h2 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.625rem;
  color: #e31b23;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto 11px auto;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter h2 {
    font-size: 1.8125rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter h2 {
    font-size: 2.0625rem;
    line-height: 2.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter h2 {
    font-size: 2.375rem;
    line-height: 2.625rem;
  }
}

.modal-blend-filter p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 auto 11px auto;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter p {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter p {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.modal-blend-filter .update-button {
  margin: 22px auto;
}

.modal-blend-filter .update-button:last-child {
  margin: 0 auto 44px auto;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .update-button:last-child {
    margin: 0 auto 66px auto;
  }
}

.modal-blend-filter .ingredient-wrapper {
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper {
    margin: 0 auto 44px auto;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter .ingredient-wrapper {
    margin: 0 auto 66px auto;
  }
}

.modal-blend-filter .ingredient-wrapper h4 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.125rem;
  line-height: 1rem;
  color: #000000;
  margin: 0 auto 10px auto;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter .ingredient-wrapper h4 {
    font-size: 1.375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper h4 {
    margin: 0 auto 20px auto;
    font-size: 1.625rem;
    line-height: 1.4375rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter .ingredient-wrapper h4 {
    font-size: 1.875rem;
    line-height: 1.6875rem;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row {
  width: 100%;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 11px auto;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row {
    margin: 0 auto 22px auto;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column {
  padding: 0 11px;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column {
    padding: 0 22px;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column p {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  color: #000000;
  font-size: 0.875rem;
  line-height: 0.875rem;
  text-align: center;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column p {
    font-size: 1rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column p {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-column p {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-toggle {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 10%;
          flex: 0 1 10%;
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 14%;
          flex: 0 1 14%;
  width: 14%;
  padding: 0;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 76%;
          flex: 0 1 76%;
  width: 76%;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title p {
  text-align: left;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title .disclaimer {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

@media screen and (min-width: 480px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title .disclaimer {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title .disclaimer {
    font-size: 1rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title .disclaimer {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 39%;
            flex: 0 1 39%;
    width: 39%;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-measure {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18.5%;
          flex: 0 1 18.5%;
  width: 18.3%;
  display: none;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-measure p {
  font-size: 1.125rem;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-measure {
    display: block;
  }
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-nutrition {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18.5%;
          flex: 0 1 18.5%;
  width: 18.3%;
  display: none;
}

.modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-nutrition p {
  font-size: 1.125rem;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .modal-blend-filter .ingredient-wrapper .ingredient-row .ingredient-nutrition {
    display: block;
  }
}

.modal-ingredient-detail {
  position: relative;
  width: 100%;
  height: auto;
  margin: 80px auto 70px auto;
  max-width: 754px;
  color: black;
}

@media screen and (min-width: 768px) {
  .modal-ingredient-detail {
    margin: 150px auto 70px auto;
  }
}

.modal-ingredient-detail .ingredient-detail {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.modal-ingredient-detail .ingredient-detail .row-header .arrow-icon {
  display: none;
}

.modal-ingredient-detail .ingredient-detail .row-header .close-button {
  top: 4px;
}

.modal-ingredient-detail .ingredient-detail .row-header .close-button .svg-icon {
  width: 25px;
}

.modal-ingredient-detail .ingredient-detail .row-body {
  display: block;
}

.modal-results {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 710px;
  margin: 0 auto;
  text-align: center;
}

.modal-results h3 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.875rem;
  color: #000000;
  text-align: center;
  line-height: 1.6875rem;
  margin: 15px auto 80px auto;
}

.modal-results form {
  margin: 0 auto 70px auto;
}

.header {
  position: relative;
  z-index: 2000;
}

.skip-nav:focus {
  position: initial;
  clip: auto;
}

#elc-cookie-consent {
  display: none;
}

.notification-bar {
  position: relative;
  width: 100%;
  height: 46px;
  background-color: #E4E4E4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 3%;
}

@media screen and (min-width: 768px) {
  .notification-bar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.notification-bar .max-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  width: 100%;
  max-width: 1600px;
  padding: 0 22px;
  text-align: left;
}

.notification-bar .login-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 22px;
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: black;
  white-space: nowrap;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
}

@media screen and (min-width: 768px) {
  .notification-bar .login-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.notification-bar .login-wrapper img, .notification-bar .login-wrapper svg {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.notification-bar .login-wrapper span.divider {
  margin: 0 2px;
  color: #e31b23;
}

.notification-bar .login-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e31b23;
  text-decoration: none;
}

.notification-bar p {
  color: #000000;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .notification-bar p {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .notification-bar p {
    font-size: 1rem;
  }
}

.notification-bar p a {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #b5121b;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

html.no-touchevents .notification-bar p a:hover {
  color: #b5121b;
  text-decoration: none;
}

.nav-bar {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  padding: 0 3%;
}

.nav-bar .max-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 1600px;
  padding: 10px 22px;
}

.nav-bar .logo {
  display: block;
  width: 70px;
  height: auto;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .nav-bar .logo {
    width: 82px;
  }
}

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

.nav-bar .logo img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}

.nav-bar .button-back {
  position: absolute;
  top: 17px;
  left: 22px;
  z-index: 10;
  display: block;
  padding: 0;
  width: auto;
  height: 30px;
  background: transparent;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.nav-bar .button-back span {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.875rem;
  color: #000000;
  margin: 0;
  text-transform: uppercase;
}

.nav-bar .button-back .svg-icon {
  top: 0.0625rem;
  width: 18px;
  height: 12px;
  fill: #000000;
  margin: 0 8px 0 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.nav-bar .button-back.show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .nav-bar .button-back {
    display: none;
  }
}

.nav-bar a.menu {
  pointer-events: auto;
  position: relative;
  text-decoration: none;
  top: 0;
  width: 30px;
  height: 30px;
  display: block;
  -webkit-transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: top 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  padding: 0 4px;
  display: block;
}

@media screen and (min-width: 768px) {
  .nav-bar a.menu {
    display: none;
  }
}

.nav-bar a.menu .lines {
  display: inline-block;
  background: #e31b23;
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  width: 100%;
  top: 0px;
  height: 3px;
  /*create the upper and lower lines as pseudo-elements of the middle line*/
}

.nav-bar a.menu .lines:before, .nav-bar a.menu .lines:after {
  display: inline-block;
  height: 3px;
  background: #e31b23;
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 0;
  content: "";
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  width: 100%;
  border-radius: 1px;
}

.nav-bar a.menu .lines:before {
  top: 7px;
  width: 50%;
}

.nav-bar a.menu .lines:after {
  top: -7px;
  width: 75%;
}

.nav-bar a.menu.open {
  top: 0px;
}

.nav-bar a.menu.open .lines {
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/
}

.nav-bar a.menu.open .lines:before, .nav-bar a.menu.open .lines:after {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  top: 0;
  left: 0;
  width: 100%;
}

.nav-bar a.menu.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  background: #000000;
}

.nav-bar a.menu.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  background: #000000;
}

.nav {
  position: fixed;
  top: 46px;
  left: 0;
  width: 100%;
  height: calc(100vh - 46px);
  padding-bottom: 145px;
  background-color: #ffffff;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.nav.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .nav {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    padding-bottom: 0;
    background-color: initial;
  }
}

.nav a {
  display: block;
  margin: 0;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  height: auto;
  line-height: 2.875rem;
  padding: 0 0 0 22px;
}

.nav a svg.bi {
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .nav a svg.bi {
    margin-right: -21px;
  }
}

@media screen and (min-width: 768px) {
  .nav a {
    font-size: 0.875rem;
    padding: 0 11px;
    line-height: 1rem;
  }
  .nav a.energized-blend-coffee.active {
    background-color: #583224;
  }
  .nav a.refreshers-blend-hot-pink.active {
    background-color: #E30071;
  }
  .nav a.fitness-blend-red.active {
    background-color: #d02c30;
  }
  .nav a.slim-blend-blue.active {
    background-color: #54648C;
  }
  .nav a.wellness-blend-green.active {
    background-color: #607D2F;
  }
  .nav a.break-blend-gold.active {
    background-color: #C6531E;
  }
  .nav a.kids-blend-pink.active {
    background-color: #C14D63;
  }
}

@media screen and (min-width: 1280px) {
  .nav a {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .nav .primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 14px;
  }
  .nav .primary-menu > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 5px;
  }
  .nav .primary-menu > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .nav .primary-menu > li > a {
    white-space: nowrap;
  }
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 110px 0 0 0;
  display: block;
}

@media screen and (min-width: 768px) {
  .nav ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.nav ul li > span {
  display: block;
  margin: 0;
  color: #9b9b9b;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 2rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  line-height: 3.125rem;
  padding: 0 0 0 22px;
}

@media screen and (min-width: 768px) {
  .nav ul li > span {
    display: none;
  }
}

.nav li {
  display: block;
  margin: 0;
}

.nav li ul {
  display: block;
  position: absolute;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.25);
}

.nav li ul.open {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .nav li ul {
    padding: 22px 0;
    width: 235px;
  }
}

.nav li > ul {
  background-color: #f3f4f5;
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  height: 100%;
  -webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}

.nav li > ul.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

@media screen and (min-width: 768px) {
  .nav li > ul {
    background-color: #ffffff;
    z-index: -1;
    height: auto;
    top: 45px;
    -webkit-transform: translate3d(-15px, -25px, 0);
            transform: translate3d(-15px, -25px, 0);
  }
  .nav li > ul.open {
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
    -webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  }
}

.nav li > ul li {
  width: 100%;
}

.nav li > ul a {
  width: 100%;
  height: auto;
  padding: 0 0 0 44px;
}

@media screen and (min-width: 768px) {
  .nav li > ul a {
    width: 235px;
    height: 40px;
    padding: 0 0 0 40px;
    line-height: 2.375rem;
  }
  .nav li > ul a.active {
    color: #000000;
    background-color: #f3f4f5;
  }
}

.nav li > ul li > ul {
  background-color: #dadfe1;
  top: 0;
  height: 100%;
  -webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}

@media screen and (min-width: 768px) {
  .nav li > ul li > ul {
    background-color: #f3f4f5;
    top: 0;
    left: 235px;
    padding: 22px 0;
    height: auto;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
    -webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s;
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  }
  .nav li > ul li > ul.open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  }
  .nav li > ul li > ul a.active {
    color: #ffffff;
    background-color: #e31b23;
  }
}

nav.nav ul li a.active > span,
nav.nav ul li a:hover > span {
  position: relative;
}

nav.nav ul li a.active > span:after,
nav.nav ul li a:hover > span:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 4px;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (max-width: 767px) {
  nav.nav ul li a {
    margin-bottom: 10px;
  }
  nav.nav ul li a.active > span:after,
  nav.nav ul li a:hover > span:after {
    background-color: #e31b23;
  }
}

nav.nav > ul > li > a {
  border-bottom: 4px solid transparent;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 45px;
}

@media screen and (min-width: 768px) {
  nav.nav > ul > li > a.active, nav.nav > ul > li > a:hover {
    background-color: #FFFFFF !important;
    border-bottom-color: #e31b23;
    color: black !important;
  }
}

@media screen and (min-width: 768px) {
  html.no-touchevents .nav a:hover {
    color: #ffffff;
    background-color: #e31b23;
  }
  html.no-touchevents .nav a.energized-blend-coffee:hover {
    background-color: #583224;
  }
  html.no-touchevents .nav a.refreshers-blend-hot-pink:hover {
    background-color: #E30071;
  }
  html.no-touchevents .nav a.fitness-blend-red:hover {
    background-color: #d02c30;
  }
  html.no-touchevents .nav a.slim-blend-blue:hover {
    background-color: #54648C;
  }
  html.no-touchevents .nav a.wellness-blend-green:hover {
    background-color: #607D2F;
  }
  html.no-touchevents .nav a.break-blend-gold:hover {
    background-color: #C6531E;
  }
  html.no-touchevents .nav a.kids-blend-pink:hover {
    background-color: #C14D63;
  }
}

@media screen and (min-width: 768px) {
  html.no-touchevents .nav li > ul a:hover {
    color: #000000;
    background-color: #f3f4f5;
  }
}

@media screen and (min-width: 768px) {
  html.no-touchevents .nav li > ul li > ul a:hover {
    color: #ffffff;
    background-color: #e31b23;
  }
}

.nav-content-wrapper {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-content-wrapper nav ul {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 769px) {
  .nav-content-wrapper nav ul {
    position: absolute !important;
    top: 0 !important;
    height: calc(100vh - 46px - 145px) !important;
    overflow: hidden auto;
  }
  .nav-content-wrapper nav ul[data-children-open="true"] {
    overflow: hidden hidden;
  }
}

.nav-content-wrapper nav ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav-content-wrapper .additional-menu-items {
  --additional-button-font-size: 14px;
  margin-bottom: -20px;
}

@media screen and (min-width: 768px) {
  .nav-content-wrapper .additional-menu-items {
    --additional-button-font-size: 16px;
  }
}

@media screen and (min-width: 1280px) {
  .nav-content-wrapper .additional-menu-items {
    --additional-button-font-size: 18px;
  }
}

.nav-content-wrapper .additional-menu-items ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-content-wrapper .additional-menu-items ul li {
  margin: 0 10px;
}

.nav-content-wrapper .additional-menu-items ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: var(--additional-button-font-size);
  text-decoration: none;
  text-transform: uppercase;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.nav-content-wrapper .additional-menu-items ul a img, .nav-content-wrapper .additional-menu-items ul a svg {
  width: 20px;
  height: 28px;
}

.nav-content-wrapper .additional-menu-items ul a span {
  margin-left: 5px;
}

.nav-content-wrapper .additional-menu-items .button-downloadourapp {
  background-color: white;
  color: #e31b23;
  display: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .nav-content-wrapper .additional-menu-items .button-downloadourapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 769px) {
  body.no-scroll .nav-content-wrapper .additional-menu-items .button-downloadourapp {
    position: fixed;
    z-index: 6;
    bottom: 105px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.nav-content-wrapper .additional-menu-items .button-downloadourapp + ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
  position: absolute;
  top: 60px;
  z-index: 5;
  background-color: white;
}

@media screen and (min-width: 768px) {
  .nav-content-wrapper .additional-menu-items .button-downloadourapp + ul {
    opacity: 0;
    position: absolute;
    -webkit-transform: translate3d(-15px, -25px, 0);
            transform: translate3d(-15px, -25px, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    visibility: hidden;
    z-index: -1;
  }
  .nav-content-wrapper .additional-menu-items .button-downloadourapp + ul.open {
    opacity: 1;
    -webkit-transform: translate3d(-15px, 0, 0);
            transform: translate3d(-15px, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    visibility: visible;
    z-index: 2;
  }
  .nav-content-wrapper .additional-menu-items .button-downloadourapp + ul:not(.open) {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}

@media screen and (max-width: 769px) {
  body:not(.no-scroll) .nav-content-wrapper .additional-menu-items .button-downloadourapp + ul {
    display: none;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  body.no-scroll .nav-content-wrapper .additional-menu-items .button-downloadourapp + ul {
    position: fixed;
    top: unset;
    bottom: 35px;
    left: 0;
    right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.nav-content-wrapper .additional-menu-items .button-downloadourapp + ul a {
  height: auto;
  width: auto;
  margin: 5px 0;
  border-radius: 0;
}

.nav-content-wrapper .additional-menu-items .button-downloadourapp + ul img {
  width: 140px;
  height: auto;
}

.nav-content-wrapper .additional-menu-items .button-findastore {
  background-color: white;
  color: #e31b23;
}

.nav-content-wrapper .additional-menu-items .button-ordernow {
  background-color: #e31b23;
  color: white;
  padding: 5px 20px;
  border-radius: 30px;
}

.logo-wrapper {
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  ul li.show-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 769px) {
  .nav-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .logo-wrapper .menu {
    z-index: 10;
  }
  .nav-content-wrapper {
    width: 100%;
  }
  .nav-bar .nav-content-wrapper .additional-menu-items {
    margin-bottom: -15px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  ul.primary-menu,
  ul.primary-menu ul {
    left: 0;
    right: 0;
    background-color: white !important;
    padding-left: 50px;
    padding-right: 50px;
  }
  ul.primary-menu li:first-child,
  ul.primary-menu ul li:first-child {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: calc(100vh - 96px - 145px);
    padding-right: 80px;
    -webkit-transform: rotateZ(-90deg);
            transform: rotateZ(-90deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  ul.primary-menu li:first-child span,
  ul.primary-menu ul li:first-child span {
    color: #e31b23;
  }
  ul.primary-menu a, ul.primary-menu span,
  ul.primary-menu ul a,
  ul.primary-menu ul span {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
}

.nav-bar .search {
  --search-back-color: #F3F4F5;
  --search-icon-transform: scale(1.0);
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: auto;
  margin-bottom: 4px;
  padding: 10px;
  background-color: var(--search-back-color);
  border: none;
  color: black;
  text-transform: none;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  body.no-scroll .nav-bar .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

body.no-scroll .nav-bar .search:after {
  content: 'Search';
}

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

.nav-bar .search:hover {
  --search-back-color: #DADFE1;
  --search-icon-transform: scale(0.85);
}

.nav-bar .search .svg-icon {
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transform: var(--search-icon-transform);
          transform: var(--search-icon-transform);
}

.search-bar .search-wrapper {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.search-bar .search-wrapper .search-flyout {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-bar .search-wrapper .search-flyout .search {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 64px;
          flex: 0 1 64px;
  width: 64px;
  background-color: #f3f4f5;
  border: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  outline: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 64px;
}

@media screen and (min-width: 768px) {
  .search-bar .search-wrapper .search-flyout .search {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 80px;
            flex: 0 1 80px;
    width: 80px;
    height: 80px;
  }
}

@media screen and (min-width: 1280px) {
  .search-bar .search-wrapper .search-flyout .search {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 90px;
            flex: 0 1 90px;
    width: 90px;
    height: 96px;
  }
}

.search-bar .search-wrapper .search-flyout .search .svg-icon {
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.search-bar .search-wrapper .search-flyout .search .close-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 26px;
  height: 26px;
}

.search-bar .search-wrapper .search-flyout .search-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 204px);
          flex: 0 1 calc(100% - 204px);
  width: calc(100% - 204px);
}

@media screen and (min-width: 768px) {
  .search-bar .search-wrapper .search-flyout .search-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 280px);
            flex: 0 1 calc(100% - 280px);
    width: calc(100% - 280px);
  }
}

@media screen and (min-width: 1280px) {
  .search-bar .search-wrapper .search-flyout .search-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 290px);
            flex: 0 1 calc(100% - 290px);
    width: calc(100% - 290px);
  }
}

.search-bar .search-wrapper .search-flyout .search-input input {
  border: 0;
  padding: 0;
  background: #f3f4f5;
  width: 100%;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.375rem;
  color: #000000;
  margin: 0;
  padding: 0 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 64px;
  line-height: 64px;
}

@media screen and (min-width: 768px) {
  .search-bar .search-wrapper .search-flyout .search-input input {
    padding: 0 16.5px;
    font-size: 1.6875rem;
    height: 80px;
    line-height: 80px;
  }
}

@media screen and (min-width: 1280px) {
  .search-bar .search-wrapper .search-flyout .search-input input {
    padding: 0 22px;
    font-size: 2rem;
    height: 96px;
    line-height: 96px;
  }
}

.search-bar .search-wrapper .search-flyout .search-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 140px;
          flex: 0 1 140px;
  width: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-35px, 0, 0);
          transform: translate3d(-35px, 0, 0);
  -webkit-transition: opacity 0.6s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: opacity 0.6s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.6s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.6s;
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.6s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}

.search-bar .search-wrapper .search-flyout .search-button a {
  text-decoration: none;
}

.search-bar .search-wrapper .search-flyout .search-button .button {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .search-bar .search-wrapper .search-flyout .search-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 200px;
            flex: 0 1 200px;
    width: 200px;
  }
}

.search-bar .search-wrapper .results-flyout {
  position: relative;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
          transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s, opacity 0.3s cubic-bezier(1, 0, 0, 1) 0s, visibility 0s cubic-bezier(1, 0, 0, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}

.search-bar .search-wrapper .results-flyout .results-list {
  width: 100%;
  background-color: #e31b23;
  display: block;
}

.search-bar .search-wrapper .results-flyout a {
  display: block;
  text-decoration: none;
  padding: 5px 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.search-bar .search-wrapper .results-flyout a sup {
  font-size: 65%;
  margin: 0 0.3125rem;
}

.search-bar .search-wrapper .results-flyout a span {
  display: block;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.375rem;
  color: #ffffff;
  line-height: 1.5625rem;
  height: 1.5625rem;
  margin: 0 24px 0 90px;
  padding: 0 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .search-bar .search-wrapper .results-flyout a span {
    font-size: 1.6875rem;
    line-height: 1.8125rem;
    height: 2.125rem;
    margin: 0 24px 0 72px;
  }
}

@media screen and (min-width: 1280px) {
  .search-bar .search-wrapper .results-flyout a span {
    font-size: 2rem;
    line-height: 2.125rem;
    height: 2.5rem;
    margin: 0 24px 0 90px;
  }
}

.search-bar.open .search-wrapper {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.search-bar.open .search-wrapper .search-flyout {
  background-color: #f3f4f5;
}

.search-bar.open .search-wrapper .search-flyout .search {
  background-color: #000000;
}

.search-bar.open .search-wrapper .search-flyout .search-button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s;
  transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.55s;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.55s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.55s;
}

.search-bar.open .search-wrapper .results-flyout {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0.55s;
  transition: opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0.55s;
  transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0.55s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.55s;
  transition: transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0.55s, opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, visibility 0s cubic-bezier(0.19, 1, 0.22, 1) 0.55s, -webkit-transform 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) 0.55s;
}

.search-bar.static {
  position: relative;
  top: inherit;
  right: inherit;
  width: 100%;
  height: auto;
  max-width: 1198px;
  margin: 0 auto;
  display: block;
}

.search-bar.static .search-wrapper {
  position: relative;
  top: inherit;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  width: 100%;
}

.search-bar.static .search-wrapper .search-flyout {
  background-color: #f3f4f5;
}

.search-bar.static .search-wrapper .search-flyout .search {
  pointer-events: none;
}

.search-bar.static .search-wrapper .search-flyout .search-button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.search-bar.mobile {
  position: fixed;
  top: inherit;
  bottom: 0;
  right: inherit;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  border-top: solid 1px #c7ccd0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.search-bar.mobile .search-wrapper {
  position: relative;
  top: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  width: 100%;
}

.search-bar.mobile .search-wrapper .search-flyout {
  background-color: #f3f4f5;
}

.search-bar.mobile .search-wrapper .search-flyout .search-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 204px);
          flex: 0 1 calc(100% - 204px);
  width: calc(100% - 204px);
}

.search-bar.mobile .search-wrapper .search-flyout .search {
  pointer-events: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 64px;
          flex: 0 1 64px;
  width: 64px;
}

.search-bar.mobile .search-wrapper .search-flyout .search-button {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 140px;
          flex: 0 1 140px;
  width: 140px;
}

.search-bar.mobile.show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

html.no-touchevents .search-bar .search-wrapper .search-flyout .search:hover {
  background-color: #dadfe1;
}

html.no-touchevents .search-bar .search-wrapper .search-flyout .search:hover .svg-icon {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

html.no-touchevents .search-bar .search-wrapper .results-flyout a:hover {
  background-color: #b5121b;
}

html.no-touchevents .search-bar.open .search-wrapper .search-flyout .search:hover {
  background-color: rgba(0, 0, 0, 0.85);
}

html.no-touchevents .search-bar.open .search-wrapper .search-flyout .search:hover .svg-icon {
  -webkit-transform: rotate(45deg) scale(0.85);
          transform: rotate(45deg) scale(0.85);
}

html.no-touchevents .search-bar.static .search-wrapper .search-flyout .search:hover {
  background-color: #dadfe1;
}

html.no-touchevents .search-bar.static .search-wrapper .search-flyout .search:hover .svg-icon {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

html.no-touchevents .search-bar.mobile .search-wrapper .search-flyout .search:hover {
  background-color: #dadfe1;
}

html.no-touchevents .search-bar.mobile .search-wrapper .search-flyout .search:hover .svg-icon {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

.footer-links {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #dadfe1;
  padding: 44px 0 33px 0;
}

@media screen and (min-width: 480px) {
  .footer-links {
    padding: 55px 0 44px 0;
  }
}

@media screen and (min-width: 768px) {
  .footer-links {
    padding: 66px 0 55px 0;
  }
}

@media screen and (min-width: 1280px) {
  .footer-links {
    padding: 77px 0 66px 0;
  }
}

.footer-links .max-wrapper {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1286px;
  padding: 0 22px;
}

@media screen and (min-width: 768px) {
  .footer-links .max-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer-links .column-left {
  width: 100%;
  margin: 0 0 33px 0;
}

@media screen and (min-width: 768px) {
  .footer-links .column-left {
    width: 488px;
    margin: 0 144px 0 0;
  }
}

.footer-links .column-left .logo {
  display: block;
  width: 94px;
  height: auto;
  margin: 0 0 25px 0;
}

.footer-links .column-left .logo img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}

.footer-links .column-left .mailing-list-signup {
  margin: 0 0 25px 0;
}

.footer-links .column-left .mailing-list-signup p {
  max-width: 344px;
}

.footer-links .column-left .social-follow-buttons {
  margin: 0;
}

.footer-links .column-center,
.footer-links .column-right {
  width: 100%;
  margin: 0 0 33px 0;
}

@media screen and (min-width: 768px) {
  .footer-links .column-center,
  .footer-links .column-right {
    width: 222px;
    margin: 0;
  }
}

.footer-links .column-center h2,
.footer-links .column-right h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .footer-links .column-center h2,
  .footer-links .column-right h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .footer-links .column-center h2,
  .footer-links .column-right h2 {
    font-size: 1.4375rem;
    line-height: 1.6875rem;
  }
}

@media screen and (min-width: 1280px) {
  .footer-links .column-center h2,
  .footer-links .column-right h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}

.footer-links .column-center ul,
.footer-links .column-right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-links .column-center ul li,
.footer-links .column-right ul li {
  margin: 0 0 8px 0;
}

.footer-links .column-center ul li:last-child,
.footer-links .column-right ul li:last-child {
  margin-bottom: 0;
}

.footer-links .column-center ul li a,
.footer-links .column-right ul li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 768px) {
  .footer-links .column-center ul li a,
  .footer-links .column-right ul li a {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .footer-links .column-center ul li a,
  .footer-links .column-right ul li a {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

.footer-links .column-right {
  margin: 0 0 33px 0;
}

@media screen and (min-width: 768px) {
  .footer-links .column-right {
    margin: 0 auto 0 22px;
  }
}

html.no-touchevents .footer-links .column-center ul li a:hover,
html.no-touchevents .footer-links .column-right ul li a:hover {
  text-decoration: underline;
}

.footer-privacy {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .footer-privacy {
    height: 40px;
  }
}

.footer-privacy .max-wrapper {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1286px;
  padding: 11px 22px 16.5px 22px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .footer-privacy .max-wrapper {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 22px;
  }
}

.footer-privacy .column {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

@media screen and (min-width: 480px) {
  .footer-privacy .column {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .footer-privacy .column {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
}

@media screen and (min-width: 1280px) {
  .footer-privacy .column {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.footer-privacy .column p,
.footer-privacy .column a {
  margin: 5px 0;
}

@media screen and (min-width: 768px) {
  .footer-privacy .column p,
  .footer-privacy .column a {
    margin: 0;
  }
}

.footer-privacy .column a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
  margin: 5px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  font-size: 0.75rem;
  line-height: 0.9375rem;
}

.footer-privacy .column a:last-child {
  margin-right: 0;
}

@media screen and (min-width: 480px) {
  .footer-privacy .column a {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .footer-privacy .column a {
    margin: 0 5px;
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
}

@media screen and (min-width: 1280px) {
  .footer-privacy .column a {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

html.no-touchevents .footer-privacy .column a:hover {
  text-decoration: underline;
}

.cta-component-wrapper {
  width: 100%;
  padding: 0 22px;
  margin: 0 auto;
}

.cta-component-wrapper .cta-component {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 710px;
  margin: 0 auto 80px auto;
  display: block;
  padding: 12px;
}

@media screen and (min-width: 480px) {
  .cta-component-wrapper .cta-component {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .cta-component-wrapper .cta-component {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .cta-component-wrapper .cta-component {
    margin: 0 auto 120px auto;
  }
}

.cta-component-wrapper .cta-component .cta-copyblock {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  padding: 0 25px;
  text-align: center;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .image-wrapper {
  margin: -50px auto 20px auto;
  width: 100px;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .image-wrapper svg {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 480px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper {
    padding: 0 50px;
  }
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .image-wrapper {
    margin: -55px auto 20px auto;
    width: 110px;
  }
}

@media screen and (min-width: 768px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper {
    padding: 0 75px;
  }
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .image-wrapper {
    margin: -60px auto 20px auto;
    width: 120px;
  }
}

@media screen and (min-width: 1280px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper {
    padding: 0 100px;
  }
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .image-wrapper {
    margin: -65px auto 20px auto;
    width: 130px;
  }
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .link {
  margin: 0 auto 15px auto;
}

@media screen and (min-width: 480px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .link {
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .link {
    margin: 0 auto 25px auto;
  }
}

@media screen and (min-width: 1280px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .link {
    margin: 0 auto 30px auto;
  }
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .eyebrow,
.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .headline,
.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description {
  width: 100%;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .headline {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.375rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .headline {
    font-size: 1.6875rem;
    line-height: 1.5625rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .headline {
    font-size: 1.875rem;
    line-height: 1.6875rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .headline {
    font-size: 2rem;
    line-height: 1.875rem;
    margin: 0 0 25px 0;
  }
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 480px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 768px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description {
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 0 0 25px 0;
  }
}

@media screen and (min-width: 1280px) {
  .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0 0 30px 0;
  }
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description em {
  font-style: italic;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description a {
  color: #000000;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

html.no-touchevents .cta-component-wrapper .cta-component .cta-copyblock .max-wrapper .description a:hover {
  color: #000000;
  text-decoration: none;
}

.hero-container {
  position: relative;
}

.hero {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1442px;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .hero {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .hero {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero {
    margin: 0 auto 120px auto;
  }
}

.hero .background-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
}

.hero .hero-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 400px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .hero .hero-background-image {
    min-height: 450px;
  }
}

.hero .hero-background-image .video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hero .hero-background-image img,
.hero .hero-background-image video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero .smoothie-image {
  max-width: 150px;
  width: 100%;
  margin: 0 auto;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
}

@media screen and (min-width: 768px) {
  .hero .smoothie-image {
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    max-width: 488px;
  }
}

@media screen and (min-width: 1024px) {
  .hero .smoothie-image {
    margin: 0 100px 0 auto;
  }
}

.hero .smoothie-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.hero .hero-side-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.hero .hero-side-image .image-wrapper {
  position: relative;
  width: 100%;
  max-width: 930px;
  overflow: hidden;
  min-height: 240px;
}

.hero .hero-side-image .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 64.51612903%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.hero .hero-side-image .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .hero .hero-side-image .image-wrapper {
    min-height: 600px;
  }
}

.hero .hero-side-image .image-wrapper .video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hero .hero-side-image .image-wrapper img,
.hero .hero-side-image .image-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero .hero-copyblock {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}

.hero .hero-copyblock .max-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1042px;
  padding: 0 22px;
}

.hero .hero-copyblock .max-wrapper .eyebrow,
.hero .hero-copyblock .max-wrapper .headline,
.hero .hero-copyblock .max-wrapper .description {
  width: 100%;
}

.hero.inset {
  display: block;
}

@media screen and (min-width: 768px) {
  .hero.inset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 399px;
    min-height: 400px;
  }
}

@media screen and (min-width: 1024px) {
  .hero.inset {
    height: 499px;
    min-height: 500px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.inset {
    height: 599px;
    min-height: 600px;
  }
}

.hero.inset .hero-background-image {
  position: relative;
  margin: 0 auto 20px auto;
}

.hero.inset .hero-background-image.content-left img {
  -o-object-position: right;
     object-position: right;
}

.hero.inset .hero-background-image.content-right img {
  -o-object-position: left;
     object-position: left;
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-background-image {
    margin: 0 auto;
    position: absolute;
  }
}

.hero.inset .hero-side-image {
  display: none;
}

.hero.inset .hero-copyblock .eyebrow,
.hero.inset .hero-copyblock .headline,
.hero.inset .hero-copyblock .description {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-copyblock .eyebrow,
  .hero.inset .hero-copyblock .headline,
  .hero.inset .hero-copyblock .description {
    max-width: 344px;
  }
}

@media screen and (min-width: 960px) {
  .hero.inset .hero-copyblock .eyebrow,
  .hero.inset .hero-copyblock .headline,
  .hero.inset .hero-copyblock .description {
    max-width: 388px;
  }
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-copyblock.left .max-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-copyblock.center .max-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-copyblock.right .max-wrapper {
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.hero.inset .hero-copyblock.black {
  color: #000000;
}

.hero.inset .hero-copyblock.white {
  color: #000000;
}

@media screen and (min-width: 768px) {
  .hero.inset .hero-copyblock.white {
    color: #ffffff;
  }
}

.hero.full-width .hero-background-image {
  position: relative;
  overflow: hidden;
}

.hero.full-width .hero-background-image:before {
  content: '';
  float: left;
  padding-bottom: 31.25%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.hero.full-width .hero-background-image:after {
  content: '';
  display: table;
  clear: both;
}

.hero.full-width .hero-background-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero.full-width .hero-side-image {
  display: none;
}

.hero.full-width .hero-copyblock {
  margin: -25px auto;
}

@media screen and (min-width: 768px) {
  .hero.full-width .hero-copyblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -50px auto 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero.full-width .hero-copyblock {
    margin: -100px auto 0 auto;
  }
}

.hero.full-width .hero-copyblock .max-wrapper {
  padding: 22px;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(-229deg, #f3f4f5 0%, #ffffff 100%);
  max-width: 954px;
  margin: 0 22px;
}

@media screen and (min-width: 768px) {
  .hero.full-width .hero-copyblock .max-wrapper {
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 33px 66px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.full-width .hero-copyblock .max-wrapper {
    padding: 44px 110px;
  }
}

.hero.side .hero-copyblock {
  position: relative;
  width: auto;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .hero.side .hero-copyblock {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 1024px) {
  .hero.side .hero-copyblock {
    left: 22px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.side .hero-copyblock {
    left: 100px;
  }
}

.hero.side .hero-copyblock .max-wrapper {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(-229deg, #f3f4f5 0%, #ffffff 100%);
  padding: 22px;
  max-width: 100%;
  margin: -25px 22px 0 22px;
}

@media screen and (min-width: 768px) {
  .hero.side .hero-copyblock .max-wrapper {
    max-width: 366px;
    padding: 33px 44px;
    margin: 0;
  }
}

@media screen and (min-width: 960px) {
  .hero.side .hero-copyblock .max-wrapper {
    max-width: 488px;
    padding: 44px 55px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.side .hero-copyblock .max-wrapper {
    max-width: 632px;
    padding: 55px 88px;
  }
}

.hero.side.left .hero-side-image {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.hero.side.right .hero-side-image {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.hero.side.right .hero-copyblock {
  left: inherit;
}

@media screen and (min-width: 768px) {
  .hero.side.right .hero-copyblock {
    right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .hero.side.right .hero-copyblock {
    right: 22px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.side.right .hero-copyblock {
    right: 100px;
  }
}

@media screen and (min-width: 768px) {
  .hero.side.right .hero-copyblock .max-wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right;
  }
}

.hero.side .hero-background-image {
  display: none;
}

.hero.companion .hero-background-image {
  position: relative;
  margin: 0 auto;
}

.hero.companion .hero-background-image:before {
  content: '';
  float: left;
  padding-bottom: 43.75%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.hero.companion .hero-background-image:after {
  content: '';
  display: table;
  clear: both;
}

.hero.companion .hero-background-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero.companion .hero-side-image {
  display: none;
}

.hero.companion .hero-copyblock {
  margin: -25px auto 0 auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 768px) {
  .hero.companion .hero-copyblock {
    margin: -250px auto 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .hero.companion .hero-copyblock {
    margin: -310px auto 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero.companion .hero-copyblock {
    margin: -380px auto 0 auto;
  }
}

.hero.companion .hero-copyblock .max-wrapper {
  max-width: 100%;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(-229deg, #f3f4f5 0%, #ffffff 100%);
  padding: 22px;
  margin: 0 22px;
}

@media screen and (min-width: 768px) {
  .hero.companion .hero-copyblock .max-wrapper {
    margin: 0 auto 10px 22px;
    max-width: 366px;
    padding: 33px 44px;
  }
}

@media screen and (min-width: 960px) {
  .hero.companion .hero-copyblock .max-wrapper {
    max-width: 488px;
    padding: 44px 55px;
  }
}

@media screen and (min-width: 1024px) {
  .hero.companion .hero-copyblock .max-wrapper {
    margin: 0 auto 10px 100px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.companion .hero-copyblock .max-wrapper {
    max-width: 632px;
    padding: 55px 88px;
  }
}

.hero.companion .hero-copyblock .smoothie-image {
  display: block;
}

.hero.with-video .hero-background-image {
  position: relative;
  overflow: hidden;
  min-height: 300px;
}

.hero.with-video .hero-background-image:before {
  content: '';
  float: left;
  padding-bottom: 40.625%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.hero.with-video .hero-background-image:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .hero.with-video .hero-background-image {
    min-height: 480px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.with-video .hero-background-image {
    min-height: 600px;
  }
}

.hero.with-video .hero-background-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero.with-video .hero-side-image {
  display: none;
}

.hero.with-video .hero-copyblock {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

.hero.with-video .hero-copyblock .max-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 22px auto;
  width: 100%;
  max-width: 754px;
  padding: 0 22px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hero.with-video .hero-copyblock .max-wrapper {
    margin: 44px auto;
  }
}

.hero.with-video-stacked {
  --hero-background-color: #d02c30;
  --hero-background-image-min-height: 300px;
  --hero-max-wrapper-padding: 22px;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .hero.with-video-stacked {
    --hero-background-image-min-height: 480px;
    --hero-max-wrapper-padding: 33px 66px;
  }
}

@media screen and (min-width: 1280px) {
  .hero.with-video-stacked {
    --hero-background-image-min-height: 600px;
    --hero-max-wrapper-padding: 44px 110px;
  }
}

.hero.with-video-stacked.energized-blend-coffee {
  --hero-background-color: #583224;
}

.hero.with-video-stacked.refreshers-blend-hot-pink {
  --hero-background-color: #E30071;
}

.hero.with-video-stacked.fitness-blend-red {
  --hero-background-color: #d02c30;
}

.hero.with-video-stacked.slim-blend-blue {
  --hero-background-color: #54648C;
}

.hero.with-video-stacked.wellness-blend-green {
  --hero-background-color: #607D2F;
}

.hero.with-video-stacked.break-blend-gold {
  --hero-background-color: #C6531E;
}

.hero.with-video-stacked.kids-blend-pink {
  --hero-background-color: #C14D63;
}

.hero.with-video-stacked .hero-header-content {
  position: relative;
  padding: 1rem 44px;
  color: white;
  text-align: left;
  background-color: var(--hero-background-color);
}

@media screen and (min-width: 768px) {
  .hero.with-video-stacked .hero-header-content {
    padding: 2rem 22px 1rem;
    text-align: center;
  }
}

.hero.with-video-stacked .hero-header-content .headline {
  margin-bottom: 0;
}

.hero.with-video-stacked .background-image-half-height {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: var(--hero-background-color);
}

.hero.with-video-stacked .video-block {
  margin: 0 auto;
}

.hero.with-video-stacked .video-block .video-container,
.hero.with-video-stacked .video-block video {
  max-width: 100%;
}

.hero.with-video-stacked .video-block .video-poster {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.hero.with-video-stacked .video-block iframe {
  border: none;
}

.hero.with-video-stacked .hero-copyblock {
  margin: 0 auto;
}

.hero.with-video-stacked .hero-copyblock .max-wrapper {
  padding: var(--hero-max-wrapper-padding);
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 954px;
}

.hero.slider {
  min-width: 100%;
  margin: 0;
}

.hero.slider .background-color-container {
  height: 37.5%;
  width: 100%;
  background-color: white;
  position: absolute;
}

.hero.slider .background-color-container.energized-blend-coffee {
  background-color: #583224;
}

.hero.slider .background-color-container.refreshers-blend-hot-pink {
  background-color: #E30071;
}

.hero.slider .background-color-container.fitness-blend-red {
  background-color: #e31b23;
}

.hero.slider .background-color-container.slim-blend-blue {
  background-color: #54648C;
}

.hero.slider .background-color-container.wellness-blend-green {
  background-color: #607D2F;
}

.hero.slider .background-color-container.gold {
  background-color: #C6531E;
}

.hero.slider .background-color-container.kids-blend-pink {
  background-color: #C14D63;
}

@media screen and (max-width: 1440px) {
  .hero.slider .background-color-container {
    height: 365px;
  }
}

@media screen and (max-width: 1024px) {
  .hero.slider .background-color-container {
    height: 275px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .background-color-container {
    height: 150px;
  }
}

.hero.slider .slider-container {
  width: 1440px;
  margin: 0 auto;
  padding-top: 50px;
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container {
    width: calc(100% - 44px);
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container {
    width: calc(100% - 44px);
  }
}

.hero.slider .slider-container .slider-items {
  padding-bottom: 60px;
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .headline.large {
    font-size: 2rem;
    line-height: 2.15rem;
  }
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots {
  position: absolute;
  height: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 25px;
  top: 590px;
  left: calc(50% - 700px);
  z-index: 3;
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots {
    left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots {
    top: 415px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots {
    top: 175px;
    margin: 0 auto;
    width: 100%;
  }
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot {
  background-color: white;
  opacity: 0.9;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected {
  background-color: #e31b23;
  opacity: 1;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.energized-blend-coffee {
  background-color: #583224;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.refreshers-blend-hot-pink {
  background-color: #E30071;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.fitness-blend-red {
  background-color: #e31b23;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.slim-blend-blue {
  background-color: #54648C;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.wellness-blend-green {
  background-color: #607D2F;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.gold {
  background-color: #C6531E;
}

.hero.slider .slider-container .slider-items > div .flickity-enabled .flickity-page-dots li.dot.is-selected.kids-blend-pink {
  background-color: #C14D63;
}

.hero.slider .slider-container .slider-items > div .slider-nav {
  position: absolute;
  top: 700px;
  width: 250px;
  margin: 10px auto 0 auto;
  max-width: 1042px;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  padding: 0 22px;
}

@media screen and (max-width: 1024px) {
  .hero.slider .slider-container .slider-items > div .slider-nav {
    top: 530px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items > div .slider-nav {
    top: 240px;
    left: initial;
    padding-left: 0;
  }
}

.hero.slider .slider-container .slider-items > div .slider-nav button {
  position: relative;
  padding: 10px 5px;
  color: rgba(0, 0, 0, 0.2);
  background: transparent;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border: 0;
  margin: 0;
}

.hero.slider .slider-container .slider-items > div .slider-nav button:focus {
  color: #000000;
}

.hero.slider .slider-container .slider-items > div .slider-nav button .svg-icon {
  width: 18px;
  height: 12px;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current {
  color: #e31b23;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.energized-blend-coffee {
  color: #583224;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.refreshers-blend-hot-pink {
  color: #E30071;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.fitness-blend-red {
  color: #e31b23;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.slim-blend-blue {
  color: #54648C;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.wellness-blend-green {
  color: #607D2F;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.gold {
  color: #C6531E;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-current.kids-blend-pink {
  color: #C14D63;
}

.hero.slider .slider-container .slider-items > div .slider-nav .slider-nav-total {
  color: rgba(0, 0, 0, 0.6);
}

.hero.slider .slider-container .slider-items .slide-info-column,
.hero.slider .slider-container .slider-items .slide-image-column {
  max-width: 1440px;
  left: calc(50% - 700px);
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-info-column,
  .hero.slider .slider-container .slider-items .slide-image-column {
    left: 0;
  }
}

.hero.slider .slider-container .slider-items .slide-info-column {
  position: absolute;
  z-index: 2;
  padding: 200px 0 0 75px;
  opacity: 0;
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-info-column {
    padding: 200px 0 0 40px;
  }
}

@media screen and (max-width: 1024px) {
  .hero.slider .slider-container .slider-items .slide-info-column {
    padding: 200px 0 0 25px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-info-column {
    padding: 0;
    margin-top: 235px;
  }
}

.hero.slider .slider-container .slider-items .slide-info-column .eyebrow,
.hero.slider .slider-container .slider-items .slide-info-column .headline {
  color: white;
  margin: 0;
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-info-column .eyebrow,
  .hero.slider .slider-container .slider-items .slide-info-column .headline {
    color: black;
  }
}

.hero.slider .slider-container .slider-items .slide-info-column.visible {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}

.hero.slider .slider-container .slider-items .slide-image-column {
  position: absolute;
  z-index: 1;
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-image-column {
    height: 630px;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .hero.slider .slider-container .slider-items .slide-image-column {
    height: 450px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-image-column {
    height: 200px;
  }
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-image-column .image-wrapper {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-image-column .image-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.hero.slider .slider-container .slider-items .slide-bottom-info {
  margin: 650px 0 0 25%;
  margin-top: 650px;
  width: 55%;
}

@media screen and (max-width: 1440px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info {
    margin-top: 675px;
    width: 60%;
  }
}

@media screen and (max-width: 1024px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info {
    margin-top: 500px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info {
    margin-top: 310px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info .description {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.hero.slider .slider-container .slider-items .slide-bottom-info a {
  min-height: 40px;
  height: 100%;
  white-space: initial;
}

.hero.slider .slider-container .slider-items .slide-bottom-info a svg {
  margin: 0 5px 0 10px;
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info a {
    max-width: 200px;
  }
}

@media screen and (max-width: 640px) {
  .hero.slider .slider-container .slider-items .slide-bottom-info a span {
    line-height: 1.5rem;
  }
}

.hero.slider .slider-container .slider-items .carousel-cell {
  width: 100%;
}

.hero-two-column {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1286px;
  margin: 22px auto 80px auto;
  padding: 0 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .hero-two-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hero-two-column .hero-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .hero-two-column .hero-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hero-two-column .hero-column img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  max-width: 360px;
}

@media screen and (min-width: 768px) {
  .hero-two-column .hero-column img {
    max-width: none;
  }
}

.hero-two-column .hero-column .headline,
.hero-two-column .hero-column .description,
.hero-two-column .hero-column .eyebrow {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .hero-two-column .hero-column .headline,
  .hero-two-column .hero-column .description,
  .hero-two-column .hero-column .eyebrow {
    max-width: 390px;
  }
}

.hero-two-column .hero-column .headline {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  text-transform: initial;
}

.hero-banner {
  position: relative;
  width: 100%;
  display: block;
  background-color: #b5121b;
  background-image: radial-gradient(50% 174%, #e31b23 53%, #b5121b 100%);
  margin: 0 auto 40px auto;
}

.hero-banner.left {
  text-align: left;
}

@media screen and (min-width: 480px) {
  .hero-banner {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero-banner {
    margin: 0 auto 80px auto;
  }
}

.hero-banner .background-image-wrapper {
  display: none;
}

.hero-banner .banner-copyblock {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  padding: 44px 0 55px 0;
}

@media screen and (min-width: 480px) {
  .hero-banner .banner-copyblock {
    padding: 55px 0 66px 0;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner .banner-copyblock {
    padding: 66px 0 77px 0;
  }
}

@media screen and (min-width: 1280px) {
  .hero-banner .banner-copyblock {
    padding: 77px 0 88px 0;
  }
}

.hero-banner .banner-copyblock .max-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 798px;
  padding: 0 22px;
  text-align: center;
}

.hero-banner .banner-copyblock .max-wrapper.left {
  text-align: left;
}

.hero-banner .banner-copyblock .max-wrapper.wide {
  max-width: 1042px;
}

.hero-banner .banner-copyblock .sub-headline {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.375rem;
  line-height: 1.125rem;
  margin: 0 auto 10px auto;
}

@media screen and (min-width: 480px) {
  .hero-banner .banner-copyblock .sub-headline {
    margin: 0 0 15px 0;
    font-size: 1.625rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner .banner-copyblock .sub-headline {
    margin: 0 0 20px 0;
    font-size: 1.8125rem;
    line-height: 1.5625rem;
  }
}

@media screen and (min-width: 1280px) {
  .hero-banner .banner-copyblock .sub-headline {
    margin: 0 0 25px 0;
    font-size: 2rem;
    line-height: 1.75rem;
  }
}

.hero-banner .banner-copyblock .link,
.hero-banner .banner-copyblock .button {
  display: inline-block;
  margin: 10px auto 0 auto;
  text-align: left;
}

@media screen and (min-width: 480px) {
  .hero-banner .banner-copyblock .link,
  .hero-banner .banner-copyblock .button {
    margin: 15px auto 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner .banner-copyblock .link,
  .hero-banner .banner-copyblock .button {
    margin: 20px auto 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero-banner .banner-copyblock .link,
  .hero-banner .banner-copyblock .button {
    margin: 25px auto 0 auto;
  }
}

.hero-banner.has-background .background-image-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.hero-banner.has-background .banner-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hero-banner.has-background .banner-background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero-banner.no-margin {
  margin: 0 auto;
}

@media screen and (min-width: 480px) {
  .hero-banner.no-margin {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .hero-banner.no-margin {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1280px) {
  .hero-banner.no-margin {
    margin: 0 auto;
  }
}

.hero-notification-banner {
  background-color: #e31b23;
  color: white;
}

.hero-notification-banner .max-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1042px;
  padding: 1rem 22px;
}

.hero-notification-banner .arrow-link {
  margin-left: 0;
}

.hero-notification-banner h2,
.hero-notification-banner p {
  margin: 0;
}

.hero-notification-banner h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0;
  line-height: 1rem;
}

.hero-notification-banner p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 1rem;
  margin-bottom: 0.8rem;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .hero-notification-banner .max-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hero-notification-banner .arrow-link {
    margin-left: 1rem;
  }
  .hero-notification-banner h2 {
    font-size: 1.375rem;
    line-height: 1.25rem;
  }
  .hero-notification-banner p {
    margin-top: 0.6rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .hero-notification-banner h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .hero-notification-banner p {
    margin-top: 0.2rem;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.hero-round-bug-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1442px;
  margin: 0 auto;
  display: block;
}

.hero-round-bug {
  position: absolute;
  top: 25px;
  right: -50px;
  width: 300px;
  height: 300px;
  background-color: #e31b23;
  border: 6px solid white;
  border-radius: 50%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-round-bug .max-wrapper {
  text-align: center;
}

.hero-round-bug img {
  display: block;
  margin: 0 auto;
  height: 60px;
  width: auto;
}

.hero-round-bug .arrow-link {
  height: 60px;
  display: block;
}

.hero-round-bug .bug-copy h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 2rem;
  line-height: 1.875rem;
  margin: 1rem 0;
  padding: 0 15px;
}

@media screen and (min-width: 768px) {
  .hero-round-bug {
    top: 30px;
    right: 30px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .hero-round-bug {
    top: 70px;
    right: 90px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.content-slider {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .content-slider {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-slider {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-slider {
    margin: 0 auto 120px auto;
  }
}

.content-slider .slider-container {
  width: 100%;
  margin: 0;
  position: relative;
}

.content-slider .slider-container .slider-items {
  width: 100%;
}

.content-slider .slider-container .slider-items .carousel-cell {
  margin-right: 100px;
}

.content-slider .slider-container .slider-items .carousel-cell:last-child {
  margin-right: 0;
}

.content-slider .slider-container .slider-items .slide {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 998px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
  margin-bottom: 46px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.content-slider .slider-container .slider-items .slide .slide-info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide .slide-info-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 57.5%;
            flex: 0 1 57.5%;
    width: 57.5%;
  }
}

.content-slider .slider-container .slider-items .slide .slide-info-column .max-wrapper {
  width: 100%;
  background-color: #f3f4f5;
  color: #000000;
  padding: 220px 22px 22px 22px;
  margin-top: -176px;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide .slide-info-column .max-wrapper {
    margin-top: 0;
    padding: 44px 21.5% 44px 33px;
  }
}

.content-slider .slider-container .slider-items .slide .slide-info-column .max-wrapper .link,
.content-slider .slider-container .slider-items .slide .slide-info-column .max-wrapper .button {
  display: inline-block;
}

.content-slider .slider-container .slider-items .slide .slide-info-column.light .max-wrapper {
  background-color: transparent;
}

.content-slider .slider-container .slider-items .slide .slide-image-column {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide .slide-image-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 42.5%;
            flex: 0 1 42.5%;
    width: 42.5%;
  }
}

.content-slider .slider-container .slider-items .slide .slide-image-column .slide-float-column {
  position: absolute;
  bottom: -22px;
  left: 0;
  pointer-events: none;
  width: 135px;
}

@media screen and (min-width: 480px) {
  .content-slider .slider-container .slider-items .slide .slide-image-column .slide-float-column {
    width: 160px;
  }
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide .slide-image-column .slide-float-column {
    bottom: -44px;
    width: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.content-slider .slider-container .slider-items .slide .slide-image-column .slide-float-column img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}

.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper {
  position: relative;
  max-height: 400px;
  margin: 0 22px;
  width: calc(100% - 44px);
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  text-align: left;
}

.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 121.42857143%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper {
    margin: 0 auto;
    width: 100%;
    max-height: none;
  }
}

.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper .video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper img,
.content-slider .slider-container .slider-items .slide .slide-image-column .image-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.content-slider .slider-container .slider-items .slide.left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide.left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.content-slider .slider-container .slider-items .slide.right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide.right .slide-image-column .slide-float-column {
    left: 100%;
  }
}

@media screen and (min-width: 768px) {
  .content-slider .slider-container .slider-items .slide.right .slide-info-column .max-wrapper {
    padding: 44px 33px 44px 21.5%;
  }
}

.content-slider .slider-container .slider-nav {
  position: relative;
  width: 100%;
  margin: 10px auto 0 auto;
  max-width: 1042px;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  padding: 0 22px;
}

.content-slider .slider-container .slider-nav button {
  position: relative;
  padding: 10px 5px;
  color: rgba(0, 0, 0, 0.2);
  background: transparent;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border: 0;
  margin: 0;
}

.content-slider .slider-container .slider-nav button:focus {
  color: #000000;
}

.content-slider .slider-container .slider-nav button .svg-icon {
  width: 18px;
  height: 12px;
}

.content-slider .slider-container .slider-nav .slider-nav-current {
  color: #e31b23;
}

.content-slider .slider-container .slider-nav .slider-nav-total {
  color: rgba(0, 0, 0, 0.6);
}

.content-slider .flickity-enabled:focus-visible {
  outline: 1px auto black;
}

.content-slider.stacked .slider-container .slider-items .slide {
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .content-slider.stacked .slider-container .slider-items .slide {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-slider.stacked .slider-container .slider-items .slide {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-slider.stacked .slider-container .slider-items .slide {
    margin: 0 auto 80px auto;
  }
}

.content-slider.stacked .slider-container .slider-items .slide:last-child {
  margin: 0 auto;
}

html.no-touchevents .content-slider .slider-container .slider-nav button:hover {
  color: #000000;
}

.smoothie-category {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothie-category {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category {
    margin: 0 auto 120px auto;
  }
}

.smoothie-category .slider-container {
  width: 100%;
  margin: 0;
  position: relative;
}

.smoothie-category .slider-container .slider-items {
  width: 100%;
}

.smoothie-category .slider-container .slider-items .carousel-cell {
  margin-right: 100px;
}

.smoothie-category .slider-container .slider-items .carousel-cell:last-child {
  margin-right: 0;
}

.smoothie-category .slider-container .slider-items .slide {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1242px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 435px;
            flex: 1 1 435px;
    width: 435px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 557px;
            flex: 1 1 557px;
    width: 557px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-image {
  position: relative;
  margin: 0;
  padding: 0 22px;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 0;
    width: 435px;
    min-height: 272px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-image {
    margin: 0 0 0 22px;
    width: 535px;
    min-height: 335px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-image img {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-stripe {
  position: relative;
  width: 100%;
  height: 70px;
  margin: 0;
  padding: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe {
    height: 100px;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 0 0 22px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 120px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe {
    height: 130px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .card-title {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  font-size: 1.375rem;
  line-height: 1.625rem;
  margin: -0.3125rem auto 0 115px;
  display: block;
  text-transform: initial;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .card-title {
    margin: -0.3125rem auto 0 140px;
    font-size: 2rem;
    line-height: 2.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .card-title {
    margin: -0.3125rem auto 0 0;
    font-size: 2.375rem;
    line-height: 2.8125rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .card-title {
    font-size: 2.875rem;
    line-height: 3.4375rem;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count {
  padding: 0 22px 0 5px;
  display: block;
  text-align: center;
  color: #ffffff;
  margin-top: 9px;
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count {
    padding: 0 22px 0 15px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-text {
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-text {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-text {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-number {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.75rem;
  line-height: 1.5625rem;
  letter-spacing: -0.125rem;
  margin: 0 0 5px 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-number {
    font-size: 2.4375rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-number {
    font-size: 3.1875rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-stripe .blend-count .blend-count-number {
    font-size: 3.9375rem;
    line-height: 3.5rem;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-body {
  position: relative;
  margin: 0;
  padding: 22px 22px 33px 22px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-body {
    padding: 22px 44px 33px 44px;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-body {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f3f4f5), to(#ffffff));
    background-image: linear-gradient(0deg, #f3f4f5 0%, #ffffff 100%);
    -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
    padding: 22px 66px 33px 101.2px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-body {
    padding: 22px 66px 33px 92.4px;
    margin: 0 0 0 22px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-card .card-body {
    padding: 22px 88px 33px 99px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-card .card-body .link,
.smoothie-category .slider-container .slider-items .slide .category-card .card-body .button {
  display: inline-block;
}

.smoothie-category .slider-container .slider-items .slide .category-feature {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 435px);
            flex: 0 0 calc(100% - 435px);
    width: calc(100% - 435px);
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - (535px + 22px));
            flex: 0 0 calc(100% - (535px + 22px));
    width: calc(100% - (535px + 22px));
  }
}

.smoothie-category .slider-container .slider-items .slide .category-feature .ingredient-stripe {
  position: relative;
  margin: 0;
  height: 65px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .ingredient-stripe {
    margin: 272px 0 0 0;
    height: 120px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .ingredient-stripe {
    margin: 335px 0 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .ingredient-stripe {
    height: 130px;
  }
}

.smoothie-category .slider-container .slider-items .slide .category-feature .ingredient-stripe img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.smoothie-category .slider-container .slider-items .slide .category-feature .featured-item {
  width: 135px;
  left: 0;
  bottom: 0;
  height: auto;
  position: absolute;
  -webkit-transform: translate3d(-5%, 35%, 0);
          transform: translate3d(-5%, 35%, 0);
  z-index: 1;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .featured-item {
    -webkit-transform: translate3d(-5%, 42.5%, 0);
            transform: translate3d(-5%, 42.5%, 0);
    width: 160px;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .featured-item {
    width: 350px;
    top: 50%;
    left: 50%;
    bottom: inherit;
    -webkit-transform: translate3d(-175px, -225px, 0);
            transform: translate3d(-175px, -225px, 0);
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide .category-feature .featured-item {
    width: 410px;
    -webkit-transform: translate3d(-205px, -262px, 0);
            transform: translate3d(-205px, -262px, 0);
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.smoothie-category .slider-container .slider-items .slide.right .card-stripe .blend-count {
  padding: 0 5px 0 22px;
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-stripe .blend-count {
    padding: 0 15px 0 22px;
  }
}

.smoothie-category .slider-container .slider-items .slide.right .card-image {
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-image {
    margin: 0 22px 0 0;
  }
}

.smoothie-category .slider-container .slider-items .slide.right .card-body {
  padding: 22px 22px 33px 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-body {
    padding: 22px 44px 33px 44px;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-body {
    padding: 22px 66px 33px 55px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-body {
    padding: 22px 66px 33px 92.4px;
    margin: 0 22px 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-body {
    padding: 22px 88px 33px 99px;
  }
}

.smoothie-category .slider-container .slider-items .slide.right .card-stripe {
  padding: 0 22px 0 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-stripe .card-title {
    margin: -0.3125rem auto 0 55px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-stripe .card-title {
    margin: -0.3125rem auto 0 88px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category .slider-container .slider-items .slide.right .card-stripe .card-title {
    margin: -0.3125rem auto 0 99px;
  }
}

.smoothie-category .slider-container .slider-items .slide.energized-blend-coffee .card-stripe {
  background-color: #583224;
}

.smoothie-category .slider-container .slider-items .slide.refreshers-blend-hot-pink .card-stripe {
  background-color: #E30071;
}

.smoothie-category .slider-container .slider-items .slide.fitness-blend-red .card-stripe {
  background-color: #d02c30;
}

.smoothie-category .slider-container .slider-items .slide.slim-blend-blue .card-stripe {
  background-color: #54648C;
}

.smoothie-category .slider-container .slider-items .slide.wellness-blend-green .card-stripe {
  background-color: #607D2F;
}

.smoothie-category .slider-container .slider-items .slide.break-blend-gold .card-stripe {
  background-color: #C6531E;
}

.smoothie-category .slider-container .slider-items .slide.kids-blend-pink .card-stripe {
  background-color: #C14D63;
}

.smoothie-category .slider-nav {
  position: relative;
  width: 100%;
  margin: 40px auto 0 auto;
  max-width: 1242px;
  padding: 0 22px;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
}

.smoothie-category .slider-nav button {
  position: relative;
  padding: 10px 5px;
  color: rgba(0, 0, 0, 0.2);
  background: transparent;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border: 0;
  margin: 0;
}

.smoothie-category .slider-nav button:focus {
  color: #000000;
}

.smoothie-category .slider-nav button .svg-icon {
  width: 18px;
  height: 12px;
}

.smoothie-category .slider-nav .slider-nav-current {
  color: #e31b23;
}

.smoothie-category .slider-nav .slider-nav-total {
  color: rgba(0, 0, 0, 0.6);
}

.smoothie-category.stacked .slider-container .slider-items .slide {
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .smoothie-category.stacked .slider-container .slider-items .slide {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-category.stacked .slider-container .slider-items .slide {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-category.stacked .slider-container .slider-items .slide {
    margin: 0 auto 80px auto;
  }
}

.smoothie-category.stacked .slider-container .slider-items .slide:last-child {
  margin: 0 auto;
}

html.no-touchevents .smoothie-category .slider-nav button:hover {
  color: #000000;
}

.full-width-promo {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .full-width-promo {
    margin: -80px auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .full-width-promo {
    margin: -100px auto 87px auto;
  }
}

@media screen and (min-width: 1280px) {
  .full-width-promo {
    margin: -50px auto 55px auto;
  }
}

.full-width-promo .promo-image {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1242px;
  margin: 0 auto;
  display: none;
  pointer-events: none;
  padding: 22px;
}

@media screen and (min-width: 480px) {
  .full-width-promo .promo-image {
    padding: 22px;
  }
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 33px 22px;
  }
}

@media screen and (min-width: 1024px) {
  .full-width-promo .promo-image {
    padding: 33px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .full-width-promo .promo-image {
    padding: 44px 22px;
  }
}

.full-width-promo .promo-image .image-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}

.full-width-promo .promo-image .image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

.full-width-promo .promo-stripe {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #e31b23;
  }
}

.full-width-promo .promo-stripe .max-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1242px;
  padding: 0;
  margin: 0 auto;
  display: block;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper {
    padding: 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.full-width-promo .promo-stripe .max-wrapper .image-column,
.full-width-promo .promo-stripe .max-wrapper .body-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .image-column,
  .full-width-promo .promo-stripe .max-wrapper .body-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
  }
}

.full-width-promo .promo-stripe .max-wrapper .image-column {
  text-align: center;
}

.full-width-promo .promo-stripe .max-wrapper .image-column .mobile-image {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  padding: 0 22px;
}

.full-width-promo .promo-stripe .max-wrapper .image-column .mobile-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .image-column .mobile-image {
    display: none;
  }
}

.full-width-promo .promo-stripe .max-wrapper .body-column {
  background-color: #e31b23;
  margin-top: -198px;
  padding: 220px 22px 22px 22px;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .body-column {
    margin-top: 0;
    padding: 33px 0 33px 25px;
  }
}

@media screen and (min-width: 1024px) {
  .full-width-promo .promo-stripe .max-wrapper .body-column {
    padding: 33px 0 33px 50px;
  }
}

@media screen and (min-width: 1280px) {
  .full-width-promo .promo-stripe .max-wrapper .body-column {
    padding: 44px 0 44px 100px;
  }
}

.full-width-promo .promo-stripe .max-wrapper .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 15px auto;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .full-width-promo .promo-stripe .max-wrapper .icon-wrapper {
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .icon-wrapper {
    margin: 0 0 25px 0;
  }
}

.full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  padding: 0 10px;
  max-width: 125px;
}

.full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column .image-wrapper {
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
}

.full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column .image-wrapper img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #ffffff;
  text-align: center;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .full-width-promo .promo-stripe .max-wrapper .icon-wrapper .icon-column p {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

.full-width-promo .promo-stripe .max-wrapper .download-buttons {
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .download-buttons {
    text-align: left;
  }
}

.full-width-promo .promo-stripe .max-wrapper .link,
.full-width-promo .promo-stripe .max-wrapper .button {
  display: inline-block;
  margin: 0 0 15px 0;
}

@media screen and (min-width: 480px) {
  .full-width-promo .promo-stripe .max-wrapper .link,
  .full-width-promo .promo-stripe .max-wrapper .button {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .link,
  .full-width-promo .promo-stripe .max-wrapper .button {
    margin: 0 0 25px 0;
  }
}

.full-width-promo .promo-stripe .max-wrapper .apple-button,
.full-width-promo .promo-stripe .max-wrapper .google-button {
  width: auto;
  display: inline-block;
  margin: 0;
}

.full-width-promo .promo-stripe .max-wrapper .apple-button img,
.full-width-promo .promo-stripe .max-wrapper .google-button img {
  width: auto;
  height: 35px;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .full-width-promo .promo-stripe .max-wrapper .apple-button img,
  .full-width-promo .promo-stripe .max-wrapper .google-button img {
    height: 41px;
  }
}

@media screen and (min-width: 768px) {
  .full-width-promo .promo-stripe .max-wrapper .apple-button img,
  .full-width-promo .promo-stripe .max-wrapper .google-button img {
    height: 47px;
  }
}

@media screen and (min-width: 1280px) {
  .full-width-promo .promo-stripe .max-wrapper .apple-button img,
  .full-width-promo .promo-stripe .max-wrapper .google-button img {
    height: 53px;
  }
}

.full-width-promo .promo-stripe .max-wrapper .apple-button {
  margin: 0 2px 0 0;
}

.full-width-promo.right .promo-image {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.full-width-promo.right .max-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.full-width-promo.alternate .promo-image .image-wrapper img {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.full-width-promo.energized-blend-coffee .promo-stripe .body-column {
  background-color: #583224;
}

@media screen and (min-width: 768px) {
  .full-width-promo.energized-blend-coffee .promo-stripe {
    background-color: #583224;
  }
}

.full-width-promo.refreshers-blend-hot-pink .promo-stripe .body-column {
  background-color: #E30071;
}

@media screen and (min-width: 768px) {
  .full-width-promo.refreshers-blend-hot-pink .promo-stripe {
    background-color: #E30071;
  }
}

.full-width-promo.fitness-blend-red .promo-stripe .body-column {
  background-color: #d02c30;
}

@media screen and (min-width: 768px) {
  .full-width-promo.fitness-blend-red .promo-stripe {
    background-color: #d02c30;
  }
}

.full-width-promo.slim-blend-blue .promo-stripe .body-column {
  background-color: #54648C;
}

@media screen and (min-width: 768px) {
  .full-width-promo.slim-blend-blue .promo-stripe {
    background-color: #54648C;
  }
}

.full-width-promo.wellness-blend-green .promo-stripe .body-column {
  background-color: #607D2F;
}

@media screen and (min-width: 768px) {
  .full-width-promo.wellness-blend-green .promo-stripe {
    background-color: #607D2F;
  }
}

.full-width-promo.break-blend-gold .promo-stripe .body-column {
  background-color: #C6531E;
}

@media screen and (min-width: 768px) {
  .full-width-promo.break-blend-gold .promo-stripe {
    background-color: #C6531E;
  }
}

.full-width-promo.kids-blend-pink .promo-stripe .body-column {
  background-color: #C14D63;
}

@media screen and (min-width: 768px) {
  .full-width-promo.kids-blend-pink .promo-stripe {
    background-color: #C14D63;
  }
}

.image-only-header, .image-only-component {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.image-only-header .visible-content, .image-only-component .visible-content {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.image-only-header .visible-content img, .image-only-component .visible-content img {
  width: 100%;
}

.image-only-header .not-visible-content, .image-only-component .not-visible-content {
  position: absolute;
  margin: 0 auto;
  top: 50px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: -1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.image-only-header .not-visible-content h2, .image-only-header h3, .image-only-header p, .image-only-header a, .image-only-component .not-visible-content h2, .image-only-component h3, .image-only-component p, .image-only-component a {
  padding: 20px 0;
}

.image-only-header .mobile-image, .image-only-component .mobile-image {
  display: block;
}

.image-only-header .desktop-image, .image-only-component .desktop-image {
  display: none;
}

@media screen and (min-width: 768px) {
  .image-only-header .mobile-image, .image-only-component .mobile-image {
    display: none;
  }
  .image-only-header .desktop-image, .image-only-component .desktop-image {
    display: block;
  }
}

.staggered-image-list {
  margin: 0 auto 80px auto;
}

@media screen and (min-width: 480px) {
  .staggered-image-list {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .staggered-image-list {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .staggered-image-list {
    margin: 0 auto 120px auto;
  }
}

.staggered-image-list .image-list-container {
  width: 100%;
  margin: 0;
  position: relative;
}

.staggered-image-list .image-list-container .list-items {
  width: 100%;
}

.staggered-image-list .image-list-container .list-items .item {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1086px;
  margin: 0 auto 80px auto;
}

@media screen and (min-width: 480px) {
  .staggered-image-list .image-list-container .list-items .item {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item {
    padding: 0 22px;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .staggered-image-list .image-list-container .list-items .item {
    margin: 0 auto 120px auto;
  }
}

.staggered-image-list .image-list-container .list-items .item:last-child {
  margin-bottom: 0;
}

.staggered-image-list .image-list-container .list-items .item .item-info-column {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column {
    position: absolute;
    width: 44%;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
}

.staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper {
  width: 100%;
  padding: 22px;
  color: #000000;
  border-top: solid 20px #e31b23;
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper {
    padding: 22px 33px 22px 33px;
    background-image: linear-gradient(-229deg, #f3f4f5 0%, #ffffff 100%);
  }
}

@media screen and (min-width: 1280px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper {
    padding: 22px 44px 33px 44px;
  }
}

.staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .description.alt {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

@media screen and (min-width: 480px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .description.alt {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .description.alt {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .description.alt {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .description.alt strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.875rem;
}

.staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .link,
.staggered-image-list .image-list-container .list-items .item .item-info-column .max-wrapper .button {
  display: inline-block;
}

.staggered-image-list .image-list-container .list-items .item .item-image-column {
  position: relative;
  width: 100%;
  padding: 0 22px;
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item .item-image-column {
    padding: 0;
    width: 58.5%;
  }
}

.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 80.32786885%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper .video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper img,
.staggered-image-list .image-list-container .list-items .item .item-image-column .image-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item.right .item-info-column {
    left: 22px;
    right: inherit;
  }
  .staggered-image-list .image-list-container .list-items .item.right .item-info-column .max-wrapper {
    background-image: linear-gradient(-229deg, #ffffff 0%, #f3f4f5 100%);
  }
}

@media screen and (min-width: 768px) {
  .staggered-image-list .image-list-container .list-items .item.right .item-image-column {
    position: relative;
    width: 58.5%;
    margin: 0 0 0 auto;
  }
}

.staggered-image-list .image-list-container .list-items .item.right .item-image-column .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.staggered-image-list .image-list-container .list-items .item.right .item-image-column .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 80.32786885%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.staggered-image-list .image-list-container .list-items .item.right .item-image-column .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.staggered-image-list .image-list-container .list-items .item.right .item-image-column .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.staggered-image-list .image-list-container .list-items .item.energized-blend-coffee .item-info-column .max-wrapper {
  border-top: solid 20px #583224;
}

.staggered-image-list .image-list-container .list-items .item.refreshers-blend-hot-pink .item-info-column .max-wrapper {
  border-top: solid 20px #E30071;
}

.staggered-image-list .image-list-container .list-items .item.fitness-blend-red .item-info-column .max-wrapper {
  border-top: solid 20px #d02c30;
}

.staggered-image-list .image-list-container .list-items .item.slim-blend-blue .item-info-column .max-wrapper {
  border-top: solid 20px #54648C;
}

.staggered-image-list .image-list-container .list-items .item.wellness-blend-green .item-info-column .max-wrapper {
  border-top: solid 20px #607D2F;
}

.staggered-image-list .image-list-container .list-items .item.break-blend-gold .item-info-column .max-wrapper {
  border-top: solid 20px #C6531E;
}

.staggered-image-list .image-list-container .list-items .item.kids-blend-pink .item-info-column .max-wrapper {
  border-top: solid 20px #C14D63;
}

.promo-unit {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  max-width: 998px;
  padding: 0 22px;
  margin: 0 auto 80px auto;
}

@media screen and (min-width: 480px) {
  .promo-unit {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .promo-unit {
    margin: 0 auto 120px auto;
    background-color: #f3f4f5;
  }
}

@media screen and (min-width: 1280px) {
  .promo-unit {
    margin: 0 auto 120px auto;
  }
}

.promo-unit .max-wrapper {
  display: block;
  position: relative;
}

@media screen and (min-width: 768px) {
  .promo-unit .max-wrapper {
    padding: 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.promo-unit.with-background .max-wrapper {
  background-color: #f3f4f5;
}

.promo-unit .promo-info {
  width: 100%;
  color: #000000;
  background-color: #f3f4f5;
  margin-top: -176px;
  padding: 198px 22px 22px 22px;
}

@media screen and (min-width: 768px) {
  .promo-unit .promo-info {
    margin-top: 0;
    padding: 44px 0;
    background-color: inherit;
    width: 61%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 61%;
            flex: 0 1 61%;
  }
}

@media screen and (min-width: 960px) {
  .promo-unit .promo-info {
    width: 71%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 71%;
            flex: 0 1 71%;
  }
}

.promo-unit .promo-info .link,
.promo-unit .promo-info .button {
  display: inline-block;
}

.promo-unit .promo-info-centered {
  text-align: center;
  margin: 0 auto;
  padding: 22px;
}

@media screen and (min-width: 768px) {
  .promo-unit .promo-info-centered {
    padding: 44px 0;
  }
}

.promo-unit .promo-image {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .promo-unit .promo-image {
    width: 21.25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 21.25%;
            flex: 0 1 21.25%;
  }
}

.promo-unit .promo-image .image-wrapper {
  position: relative;
  width: 160px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .promo-unit .promo-image .image-wrapper {
    max-width: none;
  }
}

.promo-unit .promo-image .image-wrapper img {
  width: 100%;
  height: auto;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .promo-unit .promo-image .image-wrapper img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

.promo-unit.right .max-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.smoothies-block {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothies-block {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-block {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block {
    margin: 0 auto 120px auto;
  }
}

.smoothies-block .smoothies-header-bar {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1242px;
  padding: 0;
  margin: 0 auto 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 480px) {
  .smoothies-block .smoothies-header-bar {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 22px;
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar {
    margin: 0 auto 80px auto;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe {
  position: relative;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-color: #e31b23;
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe {
    padding: 25px 0;
    width: 60%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
            flex: 0 1 60%;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe {
    padding: 30px 0;
    width: 45%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe .blend-column {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count {
  margin: 0 auto;
  text-align: center;
}

.smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-text {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-text {
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-text {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-text {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-number {
  color: #ffffff;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.75rem;
  line-height: 1.5625rem;
  margin: 0 0 5px 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-number {
    font-size: 2.4375rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-number {
    font-size: 3.1875rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .blend-column .blend-count .blend-count-number {
    font-size: 3.9375rem;
    line-height: 3.5rem;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe .headline-column {
  width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
  color: #ffffff;
  padding: 0 22px;
  border-left: solid #ffffff 1px;
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column {
    padding: 0 33px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column {
    padding: 0 44px;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe .headline-column .headline-title {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.625rem;
  display: block;
  margin: 0;
  text-transform: initial;
}

@media screen and (min-width: 480px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column .headline-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column .headline-title {
    margin: -0.3125rem 0 10px 0;
    font-size: 2.375rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column .headline-title {
    font-size: 2.875rem;
    line-height: 3.4375rem;
  }
}

.smoothies-block .smoothies-header-bar .promo-stripe .headline-column p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: block;
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .promo-stripe .headline-column p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.smoothies-block .smoothies-header-bar .ingredient-stripe {
  position: relative;
  margin: 0;
  height: 70px;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media screen and (min-width: 768px) {
  .smoothies-block .smoothies-header-bar .ingredient-stripe {
    height: 110px;
    width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-block .smoothies-header-bar .ingredient-stripe {
    height: 130px;
    width: 55%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 55%;
            flex: 0 1 55%;
  }
}

.smoothies-block .smoothies-header-bar .ingredient-stripe img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.smoothies-block .button-wrapper {
  margin: 65px auto 0 auto;
  text-align: center;
}

.smoothies-block .button-wrapper .button,
.smoothies-block .button-wrapper .link {
  text-align: left;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .smoothies-block.right .smoothies-header-bar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.smoothies-block.right .smoothies-header-bar .promo-stripe {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.smoothies-block.right .smoothies-header-bar .promo-stripe .headline-column {
  border-right: solid #ffffff 1px;
  border-left: none;
}

.smoothies-block.product .smoothies-header-bar .promo-stripe .blend-column {
  display: none;
}

.smoothies-block.product .smoothies-header-bar .promo-stripe .headline-column {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  border-left: none !important;
  border-right: none !important;
}

.smoothies-block.energized-blend-coffee .smoothies-header-bar .promo-stripe {
  background-color: #583224;
}

.smoothies-block.energized-blend-coffee .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.energized-blend-coffee .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #583224;
}

.smoothies-block.refreshers-blend-hot-pink .smoothies-header-bar .promo-stripe {
  background-color: #E30071;
}

.smoothies-block.refreshers-blend-hot-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.refreshers-blend-hot-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #E30071;
}

.smoothies-block.fitness-blend-red .smoothies-header-bar .promo-stripe {
  background-color: #d02c30;
}

.smoothies-block.fitness-blend-red .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.fitness-blend-red .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #d02c30;
}

.smoothies-block.slim-blend-blue .smoothies-header-bar .promo-stripe {
  background-color: #54648C;
}

.smoothies-block.slim-blend-blue .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.slim-blend-blue .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #54648C;
}

.smoothies-block.wellness-blend-green .smoothies-header-bar .promo-stripe {
  background-color: #607D2F;
}

.smoothies-block.wellness-blend-green .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.wellness-blend-green .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #607D2F;
}

.smoothies-block.break-blend-gold .smoothies-header-bar .promo-stripe {
  background-color: #C6531E;
}

.smoothies-block.break-blend-gold .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.break-blend-gold .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #C6531E;
}

.smoothies-block.kids-blend-pink .smoothies-header-bar .promo-stripe {
  background-color: #C14D63;
}

.smoothies-block.kids-blend-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.smoothies-block.kids-blend-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #C14D63;
}

.smoothies-grid-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 510px;
  padding: 0 22px;
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper {
    max-width: 754px;
  }
}

@media screen and (min-width: 1024px) {
  .smoothies-grid-wrapper {
    max-width: 998px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper {
    max-width: 1242px;
  }
}

.smoothies-grid-wrapper .smoothies-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -5.5px;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid {
    padding: 11px;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item {
  padding: 5.5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item {
    padding: 11px;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333%;
            flex: 0 1 33.333%;
    width: 33.333%;
  }
}

@media screen and (min-width: 1024px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    width: 25%;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
    width: 20%;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item sup {
  top: -0.2em;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper {
  position: relative;
  overflow: hidden;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-card {
  text-decoration: none;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row {
  color: #ffffff;
  opacity: 1;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row:first-child {
  position: absolute;
  top: 11px;
  right: 11px;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row:nth-child(2) {
  width: calc( 100% - 32px);
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row:nth-child(2) {
    width: calc(100% - 36px);
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row:nth-child(2) {
    width: calc(100% - 40px);
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row h2 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row h2 {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row h2 {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row h2 {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  font-size: 0.6875rem;
  line-height: 0.875rem;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row p {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row p {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row p {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  font-size: 0.6875rem;
  line-height: 0.875rem;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row strong {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row strong {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row strong {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .button,
.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .link {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout {
  width: 33.333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.333%;
          flex: 0 1 33.333%;
  border-right: solid 1px #c3ccd0;
  text-align: center;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  padding: 10px 0;
  font-size: 0.6875rem;
  line-height: 0.5625rem;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout {
    padding: 12px 0;
    font-size: 0.75rem;
    line-height: 0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout {
    padding: 14px 0;
    font-size: 0.8125rem;
    line-height: 0.6875rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout {
    padding: 16px 0;
    font-size: 0.875rem;
    line-height: 0.75rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout:last-child {
  border-right: 0;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.1875rem;
  line-height: 0.5rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout span {
    font-size: 1.375rem;
    line-height: 0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout span {
    font-size: 1.5625rem;
    line-height: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay .detail-row .nutrition-callout-wrapper .nutrition-callout span {
    font-size: 1.75rem;
    line-height: 0.875rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-info {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 0 10px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(50.1%, #f3f4f5), to(#f3f4f5));
  background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #f3f4f5 50.1%, #f3f4f5 100%);
  display: block;
  -webkit-transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-info img {
  width: 100%;
  height: auto;
  margin: 0 0 5px 0;
  -webkit-transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-info .item-nutrition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-info .item-nutrition .nutrition-column {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  text-align: center;
  font-size: 0.875rem;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  margin: 0;
  color: #000000;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-info .item-nutrition .nutrition-column span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.875rem;
  line-height: 1.5625rem;
  margin: 0;
  display: block;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title {
  position: relative;
  background-color: #e31b23;
  color: #ffffff;
  height: 100%;
  min-height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title {
    min-height: 135px;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title {
    min-height: 167px;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title h2 {
  margin: 9% 6.5% 0 6.5%;
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 20px;
  line-height: 25px;
}

@media screen and (min-width: 768px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title h2 {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title h2 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title .order-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  border-top: 1px solid #f3f4f9da;
  height: 50px;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title .order-details .item-details-link {
  display: inline;
  width: 50%;
  height: 100%;
  text-align: center;
  color: white;
  text-decoration: none;
  font-family: "Soho Pro", serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-right: 1px solid #f3f4f9da;
  padding: 14px 6.5% 0 15px;
  text-transform: uppercase;
  margin: 0;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title .order-details .item-details-link:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title .order-details .item-order-button {
  position: inherit;
  width: 50%;
  text-align: center;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Soho Pro", serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title .order-details .item-order-button:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.smoothies-grid-wrapper .smoothies-grid .grid-item.open {
  cursor: initial;
}

html.no-touchevents .smoothies-grid-wrapper .smoothies-grid .grid-item:hover {
  cursor: default;
}

html.no-touchevents .smoothies-grid-wrapper .smoothies-grid .grid-item:hover .item-info {
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
}

html.no-touchevents .smoothies-grid-wrapper .smoothies-grid .grid-item:hover img {
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
}

.smoothie-grid-component {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
}

@media screen and (min-width: 480px) {
  .smoothie-grid-component {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-grid-component {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-grid-component {
    margin: 0 auto 120px auto;
  }
}

.smoothie-grid-component .item-title.energized-blend-coffee {
  background-color: #583224 !important;
}

.smoothie-grid-component .item-title.refreshers-blend-hot-pink {
  background-color: #E30071 !important;
}

.smoothie-grid-component .item-title.fitness-blend-red {
  background-color: #d02c30 !important;
}

.smoothie-grid-component .item-title.slim-blend-blue {
  background-color: #54648C !important;
}

.smoothie-grid-component .item-title.wellness-blend-green {
  background-color: #607D2F !important;
}

.smoothie-grid-component .item-title.break-blend-gold {
  background-color: #C6531E !important;
}

.smoothie-grid-component .item-title.kids-blend-pink {
  background-color: #C14D63 !important;
}

.smoothie-ingredients {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothie-ingredients {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-ingredients {
    margin: 0 auto 120px auto;
  }
}

.smoothie-ingredients .smoothie-header {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 998px;
  padding: 0 22px;
  margin: 0 auto 15px auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .smoothie-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.smoothie-ingredients .smoothie-header .image-column,
.smoothie-ingredients .smoothie-header .info-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .smoothie-header .image-column,
  .smoothie-ingredients .smoothie-header .info-column {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.smoothie-ingredients .smoothie-header .image-column img,
.smoothie-ingredients .smoothie-header .info-column img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 360px;
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .smoothie-header .image-column img,
  .smoothie-ingredients .smoothie-header .info-column img {
    max-width: inherit;
  }
}

.smoothie-ingredients .smoothie-header .image-column {
  text-align: center;
  margin: 0 auto 15px auto;
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .smoothie-header .image-column {
    margin: 0 auto;
  }
}

.smoothie-ingredients .ingredients-grid-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 798px;
  padding: 0 22px;
  margin: 0 auto;
  display: block;
}

.smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -22px;
}

.smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item {
  padding: 22px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}

@media screen and (min-width: 480px) {
  .smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333%;
            flex: 0 1 33.333%;
    width: 33.333%;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    width: 25%;
  }
}

.smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item .item-wrapper {
  text-align: center;
}

.smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item .item-wrapper img {
  width: 100%;
  height: auto;
  margin: 0 auto 10px auto;
}

.smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item .item-wrapper p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item .item-wrapper p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-ingredients .ingredients-grid-wrapper .ingredients-grid .grid-item .item-wrapper p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.image-content-list {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .image-content-list {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .image-content-list {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .image-content-list {
    margin: 0 auto 80px auto;
  }
}

.content-list-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1286px;
  margin: 0 auto 80px auto;
  display: block;
  padding: 0 22px;
}

@media screen and (min-width: 480px) {
  .content-list-wrapper {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-wrapper {
    margin: 0 auto 120px auto;
  }
}

.content-list-wrapper:last-child {
  margin: 0 auto;
}

.content-list-wrapper .content-list-info-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 22px 0 0 0;
}

@media screen and (min-width: 768px) {
  .content-list-wrapper .content-list-info-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 41%;
            flex: 0 1 41%;
    width: 41%;
    padding: 0 0 0 5.75%;
  }
}

.content-list-wrapper .content-list-info-column .link,
.content-list-wrapper .content-list-info-column .button {
  display: inline-block;
}

.content-list-wrapper .content-list-image-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-list-wrapper .content-list-image-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 59%;
            flex: 0 1 59%;
    width: 59%;
  }
}

.content-list-wrapper .content-list-image-column .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.content-list-wrapper .content-list-image-column .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 67.12328767%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.content-list-wrapper .content-list-image-column .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.content-list-wrapper .content-list-image-column .image-wrapper .video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.content-list-wrapper .content-list-image-column .image-wrapper img,
.content-list-wrapper .content-list-image-column .image-wrapper video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.content-list-wrapper.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.content-list-wrapper.right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.content-list-wrapper.right .content-list-info-column {
  padding: 5.75% 5.75% 0 0;
}

.broken-grid {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1242px;
  margin: 0 auto 80px auto;
  padding: 0 22px;
  display: block;
}

@media screen and (min-width: 480px) {
  .broken-grid {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .broken-grid {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .broken-grid {
    margin: 0 auto 120px auto;
  }
}

.broken-grid .broken-grid-header {
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 480px) {
  .broken-grid .broken-grid-header {
    margin: 0 auto 55px auto;
  }
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-header {
    margin: 0 auto 88px auto;
  }
}

@media screen and (min-width: 1280px) {
  .broken-grid .broken-grid-header {
    margin: 0 auto 121px auto;
  }
}

.broken-grid .broken-grid-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.broken-grid .broken-grid-wrapper .grid-row {
  width: 100%;
  display: block;
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 480px) {
  .broken-grid .broken-grid-wrapper .grid-row {
    margin: 0 auto 55px auto;
  }
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 88px auto;
  }
}

@media screen and (min-width: 1280px) {
  .broken-grid .broken-grid-wrapper .grid-row {
    margin: 0 auto 121px auto;
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item {
  width: 100%;
  display: block;
  margin: 0 0 44px 0;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item {
    width: 46.6666667%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46.6666667%;
            flex: 0 1 46.6666667%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item:first-child {
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item:first-child {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-callout {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-callout {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 35px;
            flex: 0 1 35px;
    max-width: 35px;
  }
}

@media screen and (min-width: 1280px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-callout {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50px;
            flex: 0 1 50px;
    max-width: 50px;
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-callout p {
  width: 100%;
  display: block;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.375rem;
  text-align: right;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-callout p {
    font-size: 1.875rem;
    line-height: 1.25rem;
    margin: 0;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
    -webkit-transform: rotate(-90deg) translateY(-300px);
            transform: rotate(-90deg) translateY(-300px);
    width: 300px;
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 35px);
            flex: 0 1 calc(100% - 35px);
    width: calc(100% - 35px);
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 10px 0;
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 112.74509804%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info .image-wrapper {
    margin: 0;
  }
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    padding: 11px;
  }
}

@media screen and (min-width: 1280px) {
  .broken-grid .broken-grid-wrapper .grid-row .grid-item .grid-item-info p {
    font-size: 1rem;
    line-height: 1.3125rem;
    padding: 22px;
  }
}

.content-grid {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  background-position: center center;
  background-size: cover;
  padding: 40px 0;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .content-grid {
    padding: 40px 0;
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-grid {
    padding: 60px 0;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-grid {
    padding: 80px 0;
    margin: 0 auto 120px auto;
  }
}

.content-grid .content-grid-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 510px;
  padding: 0 22px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper {
    max-width: 1042px;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -11px;
  width: calc(100% + 22px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 480px) {
  .content-grid .content-grid-wrapper .content-grid-inner {
    width: calc(100% + 44px);
    margin: -22px;
  }
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner {
    margin: -11px;
    width: calc(100% + 22px);
  }
}

@media screen and (min-width: 1024px) {
  .content-grid .content-grid-wrapper .content-grid-inner {
    width: calc(100% + 44px);
    margin: -22px;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item {
  padding: 11px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}

@media screen and (min-width: 480px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item {
    padding: 22px;
  }
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item {
    padding: 11px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item {
    padding: 22px;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper {
  width: 100%;
  max-width: 185px;
  margin: 0 auto;
  text-align: center;
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  text-align: left;
  margin-bottom: 11px;
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 100%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 1280px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper {
    margin-bottom: 33px;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper h3 {
  margin-bottom: 0;
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item .item-wrapper p {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column {
  padding: 11px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column {
    padding: 11px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33%;
            flex: 0 1 33%;
    width: 33%;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper {
  max-width: 285px;
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .image-wrapper {
  margin-bottom: 22px;
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .image-wrapper {
    margin-bottom: 33px;
  }
}

@media screen and (min-width: 1280px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .image-wrapper {
    margin-bottom: 44px;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .headline {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.375rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .headline {
    font-size: 1.6875rem;
    line-height: 1.5625rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .headline {
    font-size: 1.875rem;
    line-height: 1.6875rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-grid .content-grid-wrapper .content-grid-inner .grid-item-three-column .item-wrapper .headline {
    font-size: 2rem;
    line-height: 1.875rem;
    margin: 0 0 25px 0;
  }
}

.content-grid .content-grid-wrapper .content-grid-inner.circle .grid-item .item-wrapper .image-wrapper {
  border-radius: 50%;
}

.content-grid .button-container {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-grid .button-container .button,
.content-grid .button-container .link {
  display: inline-block;
}

.content-list-right {
  position: relative;
  width: 100%;
  height: auto;
  background-position: center center;
  background-size: cover;
  padding: 40px 0;
  margin: 0 auto 80px auto;
  display: block;
}

.content-list-right.white {
  background-color: #000;
}

@media screen and (min-width: 480px) {
  .content-list-right {
    padding: 40px 0;
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-list-right {
    padding: 60px 0;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right {
    padding: 80px 0;
    margin: 0 auto 120px auto;
  }
}

.content-list-right .content-list-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1286px;
  padding: 0 22px;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.content-list-right .content-list-wrapper .content-list-column {
  width: 100%;
  color: #ffffff;
  padding: 0 0 44px 0;
  display: block;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column {
    padding: 44px 4% 0 0;
    width: 41.25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 41.25%;
            flex: 0 1 41.25%;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column {
    padding: 66px 8% 0 0;
  }
}

.content-list-right .content-list-wrapper .content-list-column:last-child {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column:last-child {
    width: 58.75%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 58.75%;
            flex: 0 1 58.75%;
    padding: 0;
  }
}

.content-list-right .content-list-wrapper .content-list-column .link,
.content-list-right .content-list-wrapper .content-list-column .button {
  display: inline-block;
}

.content-list-right .content-list-wrapper .content-list-column .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 0 22px 0;
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item {
    margin: 0 0 33px 0;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item:last-child {
  margin: 0;
}

.content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper {
  display: block;
  width: 108px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 108px;
          flex: 0 1 108px;
}

@media screen and (min-width: 480px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper {
    width: 125px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 125px;
            flex: 0 1 125px;
  }
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper {
    width: 155px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 155px;
            flex: 0 1 155px;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper {
    width: 185px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 185px;
            flex: 0 1 185px;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper {
  width: 108px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 100%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (min-width: 480px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper {
    width: 125px;
  }
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper {
    width: 155px;
    border: 3px solid #ffffff;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper {
    width: 185px;
    border: 4px solid #ffffff;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item .outer-image-wrapper .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper {
  width: calc(100% - 108px);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 108px);
          flex: 0 1 calc(100% - 108px);
  display: block;
  padding-left: 11px;
}

@media screen and (min-width: 480px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper {
    width: calc(100% - 125px);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 125px);
            flex: 0 1 calc(100% - 125px);
  }
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper {
    width: calc(100% - 155px);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 155px);
            flex: 0 1 calc(100% - 155px);
    padding-left: 22px;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper {
    width: calc(100% - 185px);
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 185px);
            flex: 0 1 calc(100% - 185px);
    padding-left: 33px;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper p {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item .info-wrapper p {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.energized-blend-coffee .image-wrapper {
  border: 4px solid #583224;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.energized-blend-coffee .image-wrapper {
    border: 3px solid #583224;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.energized-blend-coffee .image-wrapper {
    border: 4px solid #583224;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.refreshers-blend-hot-pink .image-wrapper {
  border: 4px solid #E30071;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.refreshers-blend-hot-pink .image-wrapper {
    border: 3px solid #E30071;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.refreshers-blend-hot-pink .image-wrapper {
    border: 4px solid #E30071;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.fitness-blend-red .image-wrapper {
  border: 4px solid #d02c30;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.fitness-blend-red .image-wrapper {
    border: 3px solid #d02c30;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.fitness-blend-red .image-wrapper {
    border: 4px solid #d02c30;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.slim-blend-blue .image-wrapper {
  border: 4px solid #54648C;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.slim-blend-blue .image-wrapper {
    border: 3px solid #54648C;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.slim-blend-blue .image-wrapper {
    border: 4px solid #54648C;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.wellness-blend-green .image-wrapper {
  border: 4px solid #607D2F;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.wellness-blend-green .image-wrapper {
    border: 3px solid #607D2F;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.wellness-blend-green .image-wrapper {
    border: 4px solid #607D2F;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.break-blend-gold .image-wrapper {
  border: 4px solid #C6531E;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.break-blend-gold .image-wrapper {
    border: 3px solid #C6531E;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.break-blend-gold .image-wrapper {
    border: 4px solid #C6531E;
  }
}

.content-list-right .content-list-wrapper .content-list-column .list-item.kids-blend-pink .image-wrapper {
  border: 4px solid #C14D63;
}

@media screen and (min-width: 768px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.kids-blend-pink .image-wrapper {
    border: 3px solid #C14D63;
  }
}

@media screen and (min-width: 1280px) {
  .content-list-right .content-list-wrapper .content-list-column .list-item.kids-blend-pink .image-wrapper {
    border: 4px solid #C14D63;
  }
}

.content-list-right.black .content-list-wrapper .content-list-column {
  color: #000000;
}

.content-list-right.white .content-list-wrapper .content-list-column {
  color: #ffffff;
}

.data-list {
  position: relative;
  width: 100%;
  height: auto;
  background-position: center center;
  background-size: cover;
  padding: 40px 0;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .data-list {
    padding: 40px 0;
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .data-list {
    padding: 60px 0;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .data-list {
    padding: 80px 0;
    margin: 0 auto 120px auto;
  }
}

.data-list .data-list-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1042px;
  margin: 0 auto;
  padding: 0 22px;
  display: block;
}

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

.data-list .data-list-wrapper .data-list-column {
  width: 100%;
  display: block;
  padding: 0 0 44px 0;
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column {
    padding: 0;
    width: 49%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
  }
}

.data-list .data-list-wrapper .data-list-column:last-child {
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column:last-child {
    width: 51%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51%;
            flex: 0 1 51%;
  }
}

.data-list .data-list-wrapper .data-list-column .link,
.data-list .data-list-wrapper .data-list-column .button {
  display: inline-block;
}

.data-list .data-list-wrapper .data-list-column .data-list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column .data-list {
    padding: 0 0 0 44px;
  }
}

@media screen and (min-width: 1280px) {
  .data-list .data-list-wrapper .data-list-column .data-list {
    padding: 0 0 0 88px;
  }
}

.data-list .data-list-wrapper .data-list-column .data-list .data-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 22px 0;
}

@media screen and (min-width: 1280px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container {
    margin: 0 0 33px 0;
  }
}

.data-list .data-list-wrapper .data-list-column .data-list .data-container:last-child {
  margin: 0;
}

.data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  position: relative;
  height: 78px;
  width: 78px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 78px;
          flex: 0 0 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 0 0 4px #e31b23;
          box-shadow: inset 0 0 0 4px #e31b23;
}

@media screen and (min-width: 480px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    height: 86px;
    width: 86px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 86px;
            flex: 0 0 86px;
    -webkit-box-shadow: inset 0 0 0 5px #e31b23;
            box-shadow: inset 0 0 0 5px #e31b23;
  }
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    height: 94px;
    width: 94px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 94px;
            flex: 0 0 94px;
    -webkit-box-shadow: inset 0 0 0 6px #e31b23;
            box-shadow: inset 0 0 0 6px #e31b23;
  }
}

@media screen and (min-width: 1280px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    height: 102px;
    width: 102px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 102px;
            flex: 0 0 102px;
    -webkit-box-shadow: inset 0 0 0 7px #e31b23;
            box-shadow: inset 0 0 0 7px #e31b23;
  }
}

.data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin: -4px auto 0 auto;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge span {
    font-size: 1.6875rem;
    line-height: 1.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge span {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-badge span {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.data-list .data-list-wrapper .data-list-column .data-list .data-container .data-label {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin: 0;
  padding: 0 0 0 11px;
}

@media screen and (min-width: 480px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-label {
    font-size: 1.875rem;
    line-height: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-label {
    font-size: 2rem;
    line-height: 2.125rem;
    padding: 0 0 0 22px;
  }
}

@media screen and (min-width: 1280px) {
  .data-list .data-list-wrapper .data-list-column .data-list .data-container .data-label {
    font-size: 2.125rem;
    line-height: 2.25rem;
    padding: 0 0 0 33px;
  }
}

.data-list.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.data-list.right .data-list-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.data-list.right .data-list-wrapper .data-list {
  padding: 0;
}

.data-list.energized-blend-coffee .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #583224;
          box-shadow: inset 0 0 0 4px #583224;
}

@media screen and (min-width: 480px) {
  .data-list.energized-blend-coffee .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #583224;
            box-shadow: inset 0 0 0 5px #583224;
  }
}

@media screen and (min-width: 768px) {
  .data-list.energized-blend-coffee .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #583224;
            box-shadow: inset 0 0 0 6px #583224;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.energized-blend-coffee .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #583224;
            box-shadow: inset 0 0 0 7px #583224;
  }
}

.data-list.refreshers-blend-hot-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #E30071;
          box-shadow: inset 0 0 0 4px #E30071;
}

@media screen and (min-width: 480px) {
  .data-list.refreshers-blend-hot-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #E30071;
            box-shadow: inset 0 0 0 5px #E30071;
  }
}

@media screen and (min-width: 768px) {
  .data-list.refreshers-blend-hot-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #E30071;
            box-shadow: inset 0 0 0 6px #E30071;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.refreshers-blend-hot-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #E30071;
            box-shadow: inset 0 0 0 7px #E30071;
  }
}

.data-list.fitness-blend-red .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #d02c30;
          box-shadow: inset 0 0 0 4px #d02c30;
}

@media screen and (min-width: 480px) {
  .data-list.fitness-blend-red .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #d02c30;
            box-shadow: inset 0 0 0 5px #d02c30;
  }
}

@media screen and (min-width: 768px) {
  .data-list.fitness-blend-red .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #d02c30;
            box-shadow: inset 0 0 0 6px #d02c30;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.fitness-blend-red .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #d02c30;
            box-shadow: inset 0 0 0 7px #d02c30;
  }
}

.data-list.slim-blend-blue .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #54648C;
          box-shadow: inset 0 0 0 4px #54648C;
}

@media screen and (min-width: 480px) {
  .data-list.slim-blend-blue .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #54648C;
            box-shadow: inset 0 0 0 5px #54648C;
  }
}

@media screen and (min-width: 768px) {
  .data-list.slim-blend-blue .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #54648C;
            box-shadow: inset 0 0 0 6px #54648C;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.slim-blend-blue .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #54648C;
            box-shadow: inset 0 0 0 7px #54648C;
  }
}

.data-list.wellness-blend-green .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #607D2F;
          box-shadow: inset 0 0 0 4px #607D2F;
}

@media screen and (min-width: 480px) {
  .data-list.wellness-blend-green .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #607D2F;
            box-shadow: inset 0 0 0 5px #607D2F;
  }
}

@media screen and (min-width: 768px) {
  .data-list.wellness-blend-green .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #607D2F;
            box-shadow: inset 0 0 0 6px #607D2F;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.wellness-blend-green .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #607D2F;
            box-shadow: inset 0 0 0 7px #607D2F;
  }
}

.data-list.break-blend-gold .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #C6531E;
          box-shadow: inset 0 0 0 4px #C6531E;
}

@media screen and (min-width: 480px) {
  .data-list.break-blend-gold .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #C6531E;
            box-shadow: inset 0 0 0 5px #C6531E;
  }
}

@media screen and (min-width: 768px) {
  .data-list.break-blend-gold .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #C6531E;
            box-shadow: inset 0 0 0 6px #C6531E;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.break-blend-gold .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #C6531E;
            box-shadow: inset 0 0 0 7px #C6531E;
  }
}

.data-list.kids-blend-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
  -webkit-box-shadow: inset 0 0 0 4px #C14D63;
          box-shadow: inset 0 0 0 4px #C14D63;
}

@media screen and (min-width: 480px) {
  .data-list.kids-blend-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 5px #C14D63;
            box-shadow: inset 0 0 0 5px #C14D63;
  }
}

@media screen and (min-width: 768px) {
  .data-list.kids-blend-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 6px #C14D63;
            box-shadow: inset 0 0 0 6px #C14D63;
  }
}

@media screen and (min-width: 1280px) {
  .data-list.kids-blend-pink .data-list-wrapper .data-list-column .data-list .data-container .data-badge {
    -webkit-box-shadow: inset 0 0 0 7px #C14D63;
            box-shadow: inset 0 0 0 7px #C14D63;
  }
}

.video-block {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .video-block {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .video-block {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .video-block {
    margin: 0 auto 120px auto;
  }
}

.video-block .description {
  margin: 0 auto !important;
}

.video-block .video-wrapper {
  position: relative;
  max-width: 1042px;
  padding: 0 22px;
  margin: 0 auto;
}

.video-block .video-description {
  position: relative;
  margin: 0 auto;
  max-width: 754px;
  padding: 0 22px;
  text-align: center;
}

.video-block .video-description .link,
.video-block .video-description .button {
  margin: 25px auto 0 auto;
  text-align: left;
}

.video-block .video-poster {
  position: relative;
  width: 100%;
  max-width: 998px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-block .video-poster:before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.video-block .video-poster:after {
  content: '';
  display: table;
  clear: both;
}

.video-block .video-poster img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.video-block .video-poster iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.video-block .video-caption {
  position: relative;
  width: 100%;
  color: #000000;
  max-width: 998px;
  margin: 0 auto;
  background-color: #dadfe1;
  text-align: center;
  padding: 11px;
  margin: -1px auto 16.5px auto;
}

@media screen and (min-width: 480px) {
  .video-block .video-caption {
    margin: 0 auto 22px auto;
  }
}

@media screen and (min-width: 768px) {
  .video-block .video-caption {
    padding: 22px;
    margin: 0 auto 33px auto;
  }
}

@media screen and (min-width: 1280px) {
  .video-block .video-caption {
    margin: 0 auto 44px auto;
  }
}

.video-block .video-caption .description {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.video-block .button,
.video-block .link {
  display: inline-block;
}

.nutrition-block {
  width: 100%;
  margin: 0;
}

.nutrition-block.center {
  margin: 0 auto;
  padding: 0 20px;
}

.nutrition-block .nutrition-header {
  display: block;
  background-color: #e31b23;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 22px;
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-header {
    padding: 0 32px;
  }
}

.nutrition-block .nutrition-header .nutrition-title {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nutrition-block .nutrition-header .nutrition-title h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.25rem;
  line-height: 1.125rem;
  margin: 0;
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-header .nutrition-title h2 {
    font-size: 1.375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-header .nutrition-title h2 {
    font-size: 1.5625rem;
    line-height: 1.375rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-header .nutrition-title h2 {
    font-size: 1.75rem;
    line-height: 1.5rem;
  }
}

.nutrition-block .nutrition-header .nutrition-title p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1rem;
  margin: 0;
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-header .nutrition-title p {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-header .nutrition-title p {
    font-size: 0.9375rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-header .nutrition-title p {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}

.nutrition-block .nutrition-allergens {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 12px 22px 0 22px;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-allergens {
    margin: 12px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-allergens {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-allergens {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.nutrition-block .nutrition-allergens strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-allergens strong {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

.nutrition-block .nutrition-body {
  width: 100%;
  background-color: #f3f4f5;
  padding: 10px;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body {
    padding: 12px;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body {
    padding: 14px;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body {
    padding: 16px;
  }
}

.nutrition-block .nutrition-body .nutrition-callout-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 12px 0;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper {
    margin: 0 0 14px 0;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper {
    margin: 0 0 16px 0;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper {
    margin: 0 0 18px 0;
  }
}

.nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
  border-right: solid 1px #C3CCD0;
  text-align: center;
  padding: 10px 0;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout {
    padding: 12px 0;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout {
    padding: 14px 0;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout {
    padding: 16px 0;
  }
}

.nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout:last-child {
  border-right: 0;
}

.nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .small {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.6875rem;
  line-height: 0.5625rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .small {
    font-size: 0.75rem;
    line-height: 0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .small {
    font-size: 0.8125rem;
    line-height: 0.6875rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .small {
    font-size: 0.875rem;
    line-height: 0.75rem;
  }
}

.nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .large {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .large {
    font-size: 1.625rem;
    line-height: 1.9375rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .large {
    font-size: 1.75rem;
    line-height: 2.0625rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body .nutrition-callout-wrapper .nutrition-callout .large {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}

.nutrition-block .nutrition-body .nutrition-table-wrapper {
  width: 100%;
  background-color: #ffffff;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px 0;
}

.nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row:last-child {
  margin: 0;
}

.nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row .nutrition-column {
  width: 40%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.6875rem;
  line-height: 0.5625rem;
}

@media screen and (min-width: 480px) {
  .nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row .nutrition-column {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row .nutrition-column {
    font-size: 0.8125rem;
    line-height: 0.75rem;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row .nutrition-column {
    font-size: 0.875rem;
    line-height: 0.75rem;
  }
}

.nutrition-block .nutrition-body .nutrition-table-wrapper .nutrition-table .nutrition-row .nutrition-column:first-child {
  width: 60%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
}

.generic-section {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .generic-section {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .generic-section {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .generic-section {
    margin: 0 auto 120px auto;
  }
}

.generic-section.energized-blend-coffee .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.energized-blend-coffee .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #583224;
}

.generic-section.refreshers-blend-hot-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.refreshers-blend-hot-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #E30071;
}

.generic-section.fitness-blend-red .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.fitness-blend-red .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #d02c30;
}

.generic-section.slim-blend-blue .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.slim-blend-blue .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #54648C;
}

.generic-section.wellness-blend-green .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.wellness-blend-green .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #607D2F;
}

.generic-section.break-blend-gold .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.break-blend-gold .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #C6531E;
}

.generic-section.kids-blend-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .item-title,
.generic-section.kids-blend-pink .smoothies-grid-wrapper .smoothies-grid .grid-item .item-wrapper .detail-overlay {
  background-color: #C14D63;
}

.ingredient-detail {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  margin: 0 auto 15px auto;
}

@media screen and (min-width: 480px) {
  .ingredient-detail {
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .ingredient-detail {
    margin: 0 auto 25px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredient-detail {
    margin: 0 auto 30px auto;
  }
}

.ingredient-detail .row-header {
  background-color: #f3f4f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .ingredient-detail .row-header {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-header {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .ingredient-detail .row-header {
    padding: 22px 22px;
  }
}

.ingredient-detail .row-header h3 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.0625rem;
  line-height: 1.125rem;
  color: #000000;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .ingredient-detail .row-header h3 {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-header h3 {
    font-size: 1.1875rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .ingredient-detail .row-header h3 {
    font-size: 1.25rem;
    line-height: 1.125rem;
  }
}

.ingredient-detail .row-header .arrow-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.ingredient-detail .row-body {
  display: none;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .ingredient-detail .row-body {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-body {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .ingredient-detail .row-body {
    padding: 22px 22px;
  }
}

.ingredient-detail .row-body p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-body p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin: 0 auto 33px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredient-detail .row-body p {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 auto 44px auto;
  }
}

.ingredient-detail .row-body p.disclaimer {
  margin: 20px auto 0;
  text-align: center;
}

.ingredient-detail .row-body .ingredient-wrapper {
  display: block;
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-body .ingredient-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.ingredient-detail .row-body .ingredient-wrapper .ingredient-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-body .ingredient-wrapper .ingredient-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 61%;
            flex: 0 1 61%;
    width: 61%;
  }
}

.ingredient-detail .row-body .ingredient-wrapper .ingredient-column:first-child {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ingredient-detail .row-body .ingredient-wrapper .ingredient-column:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36%;
            flex: 0 1 36%;
    width: 36%;
  }
}

.ingredient-detail .row-body .ingredient-wrapper .ingredient-column img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 22px auto;
  max-width: 250px;
}

.ingredient-detail.open {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.ingredient-detail.open .row-header .arrow-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ingredient-detail.open .row-body {
  display: block;
}

.product-details-hero {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .product-details-hero {
    margin: 0 auto 80px auto;
  }
}

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

@media screen and (min-width: 1280px) {
  .product-details-hero {
    margin: 0 auto 120px auto;
  }
}

.product-details-hero .detail-title {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.04;
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 8.125rem;
  line-height: 5.625rem;
  color: #000000;
  margin: 0;
  white-space: nowrap;
  z-index: 2;
  display: none;
  pointer-events: none;
}

@media screen and (min-width: 1280px) {
  .product-details-hero .detail-title {
    display: block;
  }
}

.product-details-hero .detail-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-column {
    min-height: 475px;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

@media screen and (min-width: 1024px) {
  .product-details-hero .detail-column {
    min-height: 525px;
  }
}

.product-details-hero .detail-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-image {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f3f4f5), to(#ffffff));
    background-image: linear-gradient(0deg, #f3f4f5 0%, #ffffff 100%);
  }
}

.product-details-hero .detail-image img {
  position: relative;
  height: auto;
  display: block;
  margin: -25px auto 0 auto;
  width: 100%;
  max-width: 400px;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-image img {
    margin: 0 auto;
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 700px;
    max-width: 700px;
  }
}

@media screen and (min-width: 1024px) {
  .product-details-hero .detail-image img {
    width: 800px;
    max-width: 800px;
  }
}

.product-details-hero .detail-image .badge-list {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 80px;
  display: none;
}

@media screen and (min-width: 1024px) {
  .product-details-hero .detail-image .badge-list {
    display: block;
  }
}

.product-details-hero .detail-image .badge-list .badge-container {
  display: block;
  margin: 0 0 10px 0;
  position: relative;
}

.product-details-hero .detail-image .badge-list .badge-container:last-child {
  margin: 0;
}

.product-details-hero .detail-image .badge-list .badge-container .badge {
  position: relative;
  width: 66px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  background-color: #e31b23;
  border: 3px solid #ffffff;
}

.product-details-hero .detail-image .badge-list .badge-container .badge span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 900, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #ffffff;
  display: block;
  margin-top: -3px;
}

.product-details-hero .detail-image .badge-list .badge-container .badge-flyout {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 4px 25px 4px 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate3d(-5%, -50%, 0);
          transform: translate3d(-5%, -50%, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.product-details-hero .detail-image .badge-list .badge-container .badge-flyout span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 900, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #e31b23;
  display: inline-block;
  white-space: nowrap;
}

.product-details-hero .detail-image .badge-list .badge-container.is-over .badge-flyout {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  opacity: 1;
  -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.product-details-hero .detail-info {
  background-color: #e31b23;
  z-index: 1;
}

.product-details-hero .detail-info .ingredient-list button {
  background: none;
  border: 0;
  color: inherit;
  padding: 0;
  margin: 0;
  text-align: left;
}

.product-details-hero .detail-info .ingredient-list button:hover {
  text-decoration: underline;
}

.product-details-hero .detail-info .max-wrapper {
  position: relative;
  width: 100%;
  color: #ffffff;
  max-width: 100%;
  margin: 0;
  padding: 33px 22px 55px 22px;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info .max-wrapper {
    max-width: 521px;
    margin: 0 0 0 auto;
    padding: 55px 22px;
  }
}

@media screen and (min-width: 1024px) {
  .product-details-hero .detail-info .max-wrapper {
    padding: 77px 22px;
  }
}

.product-details-hero .detail-info .max-wrapper p {
  display: none;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info .max-wrapper p {
    display: inherit;
  }
}

.product-details-hero .detail-info .arrow-link {
  display: block;
  margin: 0 0 20px 0;
}

@media screen and (min-width: 480px) {
  .product-details-hero .detail-info .arrow-link {
    margin: 0 0 25px 0;
  }
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info .arrow-link {
    margin: 0 0 30px 0;
  }
}

@media screen and (min-width: 1280px) {
  .product-details-hero .detail-info .arrow-link {
    margin: 0 0 40px 0;
  }
}

.product-details-hero .detail-info h3 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2rem;
  margin: 0 0 10px 0;
  max-width: 388px;
}

@media screen and (min-width: 480px) {
  .product-details-hero .detail-info h3 {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info h3 {
    font-size: 2.1875rem;
    line-height: 2.25rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .product-details-hero .detail-info h3 {
    font-size: 2.375rem;
    line-height: 2.375rem;
    margin: 0 0 25px 0;
  }
}

.product-details-hero .detail-info p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  margin: 0 0 10px 0;
  max-width: 388px;
}

.product-details-hero .detail-info p:last-child {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info p {
    font-size: 1rem;
    line-height: 1.4375rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .product-details-hero .detail-info p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0 0 20px 0;
  }
}

.product-details-hero .detail-info strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.125rem;
  margin: 0;
}

.product-details-hero .detail-info.mobile-only {
  background-color: #ffffff !important;
  padding: 22px 22px 0 22px;
  display: block;
}

.product-details-hero .detail-info.mobile-only a {
  color: #000000;
}

.product-details-hero .detail-info.mobile-only h3,
.product-details-hero .detail-info.mobile-only p {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .product-details-hero .detail-info.mobile-only {
    display: none;
  }
}

.product-details-hero .detail-info .custom-choice-wrapper {
  margin: 12px 0 0 0;
}

.product-details-hero .detail-info .custom-choice-wrapper .button {
  margin: 10px 0;
}

.product-details-hero .detail-info .custom-choice-wrapper .button:first-child {
  margin-top: 0;
}

.product-details-hero .detail-info .custom-choice-wrapper .button:last-child {
  margin-bottom: 0;
}

.product-details-hero.energized-blend-coffee .detail-info {
  background-color: #583224;
}

.product-details-hero.energized-blend-coffee .detail-image .badge-list .badge-container .badge {
  background-color: #583224;
}

.product-details-hero.energized-blend-coffee .detail-image .badge-list .badge-container .badge-flyout span {
  color: #583224;
}

.product-details-hero.refreshers-blend-hot-pink .detail-info {
  background-color: #E30071;
}

.product-details-hero.refreshers-blend-hot-pink .detail-image .badge-list .badge-container .badge {
  background-color: #E30071;
}

.product-details-hero.refreshers-blend-hot-pink .detail-image .badge-list .badge-container .badge-flyout span {
  color: #E30071;
}

.product-details-hero.fitness-blend-red .detail-info {
  background-color: #d02c30;
}

.product-details-hero.fitness-blend-red .detail-image .badge-list .badge-container .badge {
  background-color: #d02c30;
}

.product-details-hero.fitness-blend-red .detail-image .badge-list .badge-container .badge-flyout span {
  color: #d02c30;
}

.product-details-hero.slim-blend-blue .detail-info {
  background-color: #54648C;
}

.product-details-hero.slim-blend-blue .detail-image .badge-list .badge-container .badge {
  background-color: #54648C;
}

.product-details-hero.slim-blend-blue .detail-image .badge-list .badge-container .badge-flyout span {
  color: #54648C;
}

.product-details-hero.wellness-blend-green .detail-info {
  background-color: #607D2F;
}

.product-details-hero.wellness-blend-green .detail-image .badge-list .badge-container .badge {
  background-color: #607D2F;
}

.product-details-hero.wellness-blend-green .detail-image .badge-list .badge-container .badge-flyout span {
  color: #607D2F;
}

.product-details-hero.break-blend-gold .detail-info {
  background-color: #C6531E;
}

.product-details-hero.break-blend-gold .detail-image .badge-list .badge-container .badge {
  background-color: #C6531E;
}

.product-details-hero.break-blend-gold .detail-image .badge-list .badge-container .badge-flyout span {
  color: #C6531E;
}

.product-details-hero.kids-blend-pink .detail-info {
  background-color: #C14D63;
}

.product-details-hero.kids-blend-pink .detail-image .badge-list .badge-container .badge {
  background-color: #C14D63;
}

.product-details-hero.kids-blend-pink .detail-image .badge-list .badge-container .badge-flyout span {
  color: #C14D63;
}

.smoothie-nutrition {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 998px;
  padding: 0;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition {
    max-width: 1042px;
    padding: 0 22px;
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition {
    margin: 0 auto 120px auto;
  }
}

.smoothie-nutrition .nutrition-block {
  width: 100%;
  padding: 0 0 22px 0;
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .nutrition-block {
    padding: 0;
    width: 51%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51%;
            flex: 0 1 51%;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition .nutrition-block {
    padding: 0;
    width: 43.25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 43.25%;
            flex: 0 1 43.25%;
  }
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-title {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  display: block;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab {
  margin: 0 6px 0 0;
  position: relative;
  width: 50px;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab:last-child {
  margin: 0;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab button {
  background-color: transparent;
  border: 0;
  height: 60px;
  width: 100%;
  text-align: center;
  border-bottom: 8px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 900, 'wdth' 67.5, 'slnt' 0;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 0.625rem;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab button span {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 2.25rem;
}

.smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab button.active {
  border-bottom: 8px solid #ffffff;
  color: #ffffff;
}

.smoothie-nutrition .nutrition-block .custom-choice-wrapper {
  margin: 12px 22px 0 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition .nutrition-block .custom-choice-wrapper {
    margin: 12px 0 0 0;
  }
}

.smoothie-nutrition .nutrition-block .custom-choice-wrapper .button {
  margin: 10px 0;
}

.smoothie-nutrition .nutrition-block .custom-choice-wrapper .button:first-child {
  margin-top: 0;
}

.smoothie-nutrition .nutrition-block .custom-choice-wrapper .button:last-child {
  margin-bottom: 0;
}

.smoothie-nutrition .nutrition-block .nutrition-allergens {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 12px 22px 0 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition .nutrition-block .nutrition-allergens {
    margin: 12px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .nutrition-block .nutrition-allergens {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition .nutrition-block .nutrition-allergens {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.smoothie-nutrition .nutrition-block .nutrition-allergens strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 0.8125rem;
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .nutrition-block .nutrition-allergens strong {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}

.smoothie-nutrition .ingredients-block {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .ingredients-block {
    width: 46%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46%;
            flex: 0 1 46%;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition .ingredients-block {
    width: 51%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51%;
            flex: 0 1 51%;
  }
}

.smoothie-nutrition .ingredients-block h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.375rem;
  line-height: 1.25rem;
  margin: 0 22px 2px 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition .ingredients-block h2 {
    font-size: 1.5rem;
    line-height: 1.4375rem;
    margin: 0 0 2px 0;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .ingredients-block h2 {
    font-size: 1.6875rem;
    line-height: 1.5625rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition .ingredients-block h2 {
    font-size: 1.875rem;
    line-height: 1.6875rem;
  }
}

.smoothie-nutrition .ingredients-block p {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  margin: 0 22px 15px 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition .ingredients-block p {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 768px) {
  .smoothie-nutrition .ingredients-block p {
    margin: 0 0 25px 0;
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 1280px) {
  .smoothie-nutrition .ingredients-block p {
    font-size: 1rem;
  }
}

.smoothie-nutrition .ingredients-block .ingredient-filter-bar {
  margin: 0 22px;
}

@media screen and (min-width: 480px) {
  .smoothie-nutrition .ingredients-block .ingredient-filter-bar {
    margin: 0;
  }
}

.smoothie-nutrition .ingredients-block .ingredient-list {
  padding: 12px 0 0 0;
  width: 100%;
}

.smoothie-nutrition .ingredients-block .ingredient-list .button {
  margin: 10px 0;
}

.smoothie-nutrition .ingredients-block .ingredient-list .button:first-child {
  margin-top: 0;
}

.smoothie-nutrition .ingredients-block .ingredient-list .button:last-child {
  margin-bottom: 0;
}

.energized-blend-coffee .nutrition-header {
  background-color: #583224;
}

.refreshers-blend-hot-pink .nutrition-header {
  background-color: #E30071;
}

.fitness-blend-red .nutrition-header {
  background-color: #d02c30;
}

.slim-blend-blue .nutrition-header {
  background-color: #54648C;
}

.wellness-blend-green .nutrition-header {
  background-color: #607D2F;
}

.break-blend-gold .nutrition-header {
  background-color: #C6531E;
}

.kids-blend-pink .nutrition-header {
  background-color: #C14D63;
}

html.no-touchevents .smoothie-nutrition .nutrition-block .nutrition-header .nutrition-tab-wrapper .tab button:hover {
  border-bottom: 8px solid #ffffff;
  color: #ffffff;
}

.generic-nutrition {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 998px;
  padding: 0;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .generic-nutrition {
    max-width: 1042px;
    padding: 0 22px;
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .generic-nutrition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .generic-nutrition {
    margin: 0 auto 120px auto;
  }
}

.generic-nutrition .nutrition-block {
  width: 100%;
  padding: 0 0 22px 0;
}

@media screen and (min-width: 768px) {
  .generic-nutrition .nutrition-block {
    padding: 0;
    width: 51%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51%;
            flex: 0 1 51%;
  }
}

@media screen and (min-width: 1280px) {
  .generic-nutrition .nutrition-block {
    padding: 0;
    width: 43.25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 43.25%;
            flex: 0 1 43.25%;
  }
}

.generic-nutrition .ingredients-block {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .generic-nutrition .ingredients-block {
    width: 46%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46%;
            flex: 0 1 46%;
  }
}

@media screen and (min-width: 1280px) {
  .generic-nutrition .ingredients-block {
    width: 51%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51%;
            flex: 0 1 51%;
  }
}

.generic-nutrition .ingredients-block h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.375rem;
  line-height: 1.25rem;
  margin: 0 22px 10px 22px;
}

@media screen and (min-width: 480px) {
  .generic-nutrition .ingredients-block h2 {
    font-size: 1.5rem;
    line-height: 1.4375rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .generic-nutrition .ingredients-block h2 {
    font-size: 1.6875rem;
    line-height: 1.5625rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .generic-nutrition .ingredients-block h2 {
    font-size: 1.875rem;
    line-height: 1.6875rem;
    margin: 0 0 25px 0;
  }
}

.generic-nutrition .ingredients-block p {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 22px;
}

@media screen and (min-width: 480px) {
  .generic-nutrition .ingredients-block p {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .generic-nutrition .ingredients-block p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .generic-nutrition .ingredients-block p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.energized-blend-coffee .nutrition-header {
  background-color: #583224;
}

.refreshers-blend-hot-pink .nutrition-header {
  background-color: #E30071;
}

.fitness-blend-red .nutrition-header {
  background-color: #d02c30;
}

.slim-blend-blue .nutrition-header {
  background-color: #54648C;
}

.wellness-blend-green .nutrition-header {
  background-color: #607D2F;
}

.break-blend-gold .nutrition-header {
  background-color: #C6531E;
}

.kids-blend-pink .nutrition-header {
  background-color: #C14D63;
}

.product-list-hero {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .product-list-hero {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .product-list-hero {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .product-list-hero {
    margin: 0 auto 120px auto;
  }
}

.product-list-hero .mobile-only p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 25px auto 0 auto;
  padding: 0 22px;
  width: 100%;
  display: block;
}

@media screen and (min-width: 768px) {
  .product-list-hero .mobile-only p {
    display: none;
  }
}

.product-list-hero .max-wrapper {
  position: relative;
  width: 100%;
  max-width: 1442px;
  margin: 0 auto;
  color: #ffffff;
  padding: 0;
  display: block;
}

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

.product-list-hero .max-wrapper .content-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .product-list-hero .max-wrapper .content-column {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.product-list-hero .background-content {
  position: relative;
  width: 100%;
  background-color: #e31b23;
  padding: 0;
  min-height: 200px;
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content {
    min-height: 475px;
  }
}

@media screen and (min-width: 1024px) {
  .product-list-hero .background-content {
    min-height: 525px;
  }
}

.product-list-hero .background-content .image-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  margin: 0;
  display: none;
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content .image-wrapper {
    display: block;
  }
}

.product-list-hero .background-content .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.product-list-hero .background-content .max-wrapper {
  position: relative;
  width: 100%;
  max-width: 1042px;
  padding: 0 22px;
}

.product-list-hero .background-content .content-column {
  padding: 33px 0 0 0;
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content .content-column {
    padding: 55px 55px 0 0;
  }
}

@media screen and (min-width: 1024px) {
  .product-list-hero .background-content .content-column {
    padding: 77px 77px 0 0;
  }
}

.product-list-hero .background-content p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  margin: 0 0 10px 0;
  width: 75%;
  display: none;
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.4375rem;
    margin: 0 0 15px 0;
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .product-list-hero .background-content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0 0 20px 0;
  }
}

.product-list-hero .background-content h2 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2rem;
  margin: 0 0 10px 0;
  width: 75%;
}

@media screen and (min-width: 480px) {
  .product-list-hero .background-content h2 {
    font-size: 2.125rem;
    line-height: 2.5625rem;
  }
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content h2 {
    width: 100%;
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1280px) {
  .product-list-hero .background-content h2 {
    font-size: 2.875rem;
    line-height: 3.4375rem;
  }
}

.product-list-hero .background-content .blend-count {
  margin: 0 0 70px 0;
  width: auto;
  position: absolute;
  top: 44px;
  right: 22px;
  text-align: center;
  display: block;
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content .blend-count {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    top: inherit;
    right: inherit;
  }
}

.product-list-hero .background-content .blend-count .blend-count-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.625rem;
  line-height: 0.8125rem;
  margin: 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .product-list-hero .background-content .blend-count .blend-count-text {
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content .blend-count .blend-count-text {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
}

@media screen and (min-width: 1280px) {
  .product-list-hero .background-content .blend-count .blend-count-text {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}

.product-list-hero .background-content .blend-count .blend-count-number {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.75rem;
  line-height: 1.5625rem;
  margin: 0 5px 0 0;
  display: block;
}

@media screen and (min-width: 480px) {
  .product-list-hero .background-content .blend-count .blend-count-number {
    font-size: 2.4375rem;
    line-height: 2.25rem;
  }
}

@media screen and (min-width: 768px) {
  .product-list-hero .background-content .blend-count .blend-count-number {
    margin: 0 20px -5px 0;
    font-size: 3.1875rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .product-list-hero .background-content .blend-count .blend-count-number {
    font-size: 3.9375rem;
    line-height: 3.5rem;
  }
}

.product-list-hero .foreground-content {
  width: 100%;
  top: 0;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .product-list-hero .foreground-content {
    position: absolute;
  }
}

.product-list-hero .foreground-content .content-column {
  position: relative;
  margin: -66px 22px 0 22px;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  width: calc(100% - 44px);
}

@media screen and (min-width: 768px) {
  .product-list-hero .foreground-content .content-column {
    margin: 0 0 0 auto;
    width: 100%;
    height: 522.5px;
  }
}

@media screen and (min-width: 1024px) {
  .product-list-hero .foreground-content .content-column {
    height: 577.5px;
  }
}

.product-list-hero .foreground-content img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .product-list-hero .foreground-content img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    font-family: "object-fit: cover; object-position: right";
  }
}

.product-list-hero .hero-title {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.04;
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 8.125rem;
  line-height: 5.625rem;
  color: #000000;
  margin: 0;
  white-space: nowrap;
  display: none;
  z-index: 1;
}

@media screen and (min-width: 1280px) {
  .product-list-hero .hero-title {
    display: block;
  }
}

.product-list-hero.energized-blend-coffee .background-content {
  background-color: #583224;
}

.product-list-hero.refreshers-blend-hot-pink .background-content {
  background-color: #E30071;
}

.product-list-hero.fitness-blend-red .background-content {
  background-color: #d02c30;
}

.product-list-hero.slim-blend-blue .background-content {
  background-color: #54648C;
}

.product-list-hero.wellness-blend-green .background-content {
  background-color: #607D2F;
}

.product-list-hero.break-blend-gold .background-content {
  background-color: #C6531E;
}

.product-list-hero.kids-blend-pink .background-content {
  background-color: #C14D63;
}

.product-filter-list {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1198px;
  margin: 0 auto;
}

.product-filter-list .ingredient-filter-bar {
  margin: 0 auto 40px auto;
  padding: 0 22px;
}

@media screen and (min-width: 480px) {
  .product-filter-list .ingredient-filter-bar {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .product-filter-list .ingredient-filter-bar {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .product-filter-list .ingredient-filter-bar {
    margin: 0 auto 80px auto;
  }
}

.product-filter-list .ingredient-filter-bar .ingredient-list {
  margin: 22px -11px 0 -11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 22px);
}

.product-filter-list .ingredient-filter-bar .ingredient-list .button-remove {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: block;
  margin: 6px 11px;
}

.content-publishing-hero {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 80px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .content-publishing-hero {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-hero {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-hero {
    margin: 0 auto 120px auto;
  }
}

.content-publishing-hero .mobile-only p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 auto 5px auto;
  padding: 0 22px;
  width: 100%;
  display: block;
}

.content-publishing-hero .mobile-only p:first-child {
  margin-top: 25px;
}

.content-publishing-hero .mobile-only p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .mobile-only p {
    display: none;
  }
}

.content-publishing-hero .max-wrapper {
  position: relative;
  width: 100%;
  max-width: 1442px;
  margin: 0 auto;
  color: #ffffff;
  padding: 0;
  display: block;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .max-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.content-publishing-hero .max-wrapper .content-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .max-wrapper .content-column {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.content-publishing-hero .background-content {
  position: relative;
  width: 100%;
  height: auto;
  background-image: radial-gradient(50% 174%, #e31b23 53%, #b5121b 100%);
  padding: 0;
  min-height: 200px;
  display: block;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .background-content {
    min-height: 475px;
  }
}

@media screen and (min-width: 1024px) {
  .content-publishing-hero .background-content {
    min-height: 525px;
  }
}

.content-publishing-hero .background-content .max-wrapper {
  position: relative;
  width: 100%;
  max-width: 1242px;
  padding: 0 22px;
}

.content-publishing-hero .background-content .content-column {
  padding: 33px 0 66px 0;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .background-content .content-column {
    padding: 55px 55px 0 0;
  }
}

@media screen and (min-width: 1024px) {
  .content-publishing-hero .background-content .content-column {
    padding: 77px 77px 0 0;
  }
}

.content-publishing-hero .background-content p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 10px 0;
  display: none;
}

@media screen and (min-width: 480px) {
  .content-publishing-hero .background-content p {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .background-content p {
    display: block;
    max-width: 366px;
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-hero .background-content p {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.content-publishing-hero .background-content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .content-publishing-hero .background-content h2 {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .background-content h2 {
    max-width: 366px;
    font-size: 1rem;
    line-height: 1.3125rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-hero .background-content h2 {
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 0 0 25px 0;
  }
}

.content-publishing-hero .background-content h3 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 2rem;
  line-height: 2.125rem;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .content-publishing-hero .background-content h3 {
    margin: 0 0 15px 0;
    font-size: 2.375rem;
    line-height: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .background-content h3 {
    max-width: 366px;
    margin: 0 0 20px 0;
    font-size: 2.75rem;
    line-height: 2.875rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-hero .background-content h3 {
    margin: 0 0 25px 0;
    font-size: 3.125rem;
    line-height: 3.25rem;
  }
}

.content-publishing-hero .background-content strong {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0;
  max-width: 366px;
}

.content-publishing-hero .foreground-content {
  width: 100%;
  top: 0;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .foreground-content {
    position: absolute;
  }
}

.content-publishing-hero .foreground-content .content-column {
  position: relative;
  margin: -66px 22px 0 22px;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  width: calc(100% - 44px);
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .foreground-content .content-column {
    margin: 0 0 0 auto;
    width: 100%;
    height: 522.5px;
  }
}

@media screen and (min-width: 1024px) {
  .content-publishing-hero .foreground-content .content-column {
    height: 577.5px;
  }
}

.content-publishing-hero .foreground-content img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .content-publishing-hero .foreground-content img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
  }
}

.content-publishing-list {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1042px;
  padding: 0 22px;
  margin: 0 auto 40px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .content-publishing-list {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list {
    margin: 0 auto 80px auto;
  }
}

.content-publishing-list .entry-row {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 33px 0;
}

.content-publishing-list .entry-row .entry-image {
  display: none;
}

.content-publishing-list .entry-row .entry-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  padding: 22px 22px;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row .entry-block {
    padding: 22px 33px;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block {
    padding: 33px 44px;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block {
    padding: 44px 55px;
  }
}

.content-publishing-list .entry-row .entry-block .vertical-rule {
  background-color: #e31b23;
  display: none;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
    width: 4px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5px;
            flex: 0 0 5px;
    width: 5px;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6px;
            flex: 0 0 6px;
    width: 6px;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body {
  margin: 0 0 0 11px;
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body {
    margin: 0 0 0 22px;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row {
  display: block;
  margin: 0 0 10px 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row {
    margin: 0 0 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #b5121b;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row h3 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row h3 {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row h3 {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links {
  color: #999;
}

.content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links a {
  display: inline;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 0.875rem;
  line-height: 0.9375rem;
  color: #999;
  margin: 0;
  text-decoration: none;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links a {
    font-size: 0.9375rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links a {
    font-size: 1rem;
    line-height: 1.0625rem;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links a {
    font-size: 1.0625rem;
    line-height: 1.125rem;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 0 5px 0;
  color: #000000;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row .entry-block .entry-body h2 {
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body h2 {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block .entry-body h2 {
    font-size: 2.25rem;
    line-height: 2.375rem;
    margin: 0 0 20px 0;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row .entry-block .entry-body p {
    font-size: 0.9375rem;
    line-height: 1.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row .entry-block .entry-body p {
    font-size: 1rem;
    line-height: 1.1875rem;
    margin: 0 0 20px 0;
  }
}

.content-publishing-list .entry-row .entry-block .entry-body a {
  display: block;
  margin: 0 0 0 0;
}

.content-publishing-list .entry-row.has-image {
  display: block;
  margin: 0 0 33px 0;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row.has-image {
    margin: 0 0 44px 0;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row.has-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 55px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row.has-image {
    margin: 0 0 66px 0;
  }
}

.content-publishing-list .entry-row.has-image .entry-image {
  display: block;
  width: 100%;
  z-index: 1;
  max-width: 390px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row.has-image .entry-image {
    max-width: inherit;
    width: 39%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 39%;
            flex: 0 1 39%;
  }
}

.content-publishing-list .entry-row.has-image .entry-image img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.content-publishing-list .entry-row.has-image .entry-block {
  width: 100%;
  background-image: linear-gradient(-229deg, #ffffff 0%, #f3f4f5 100%);
  padding: 22px 22px;
}

@media screen and (min-width: 480px) {
  .content-publishing-list .entry-row.has-image .entry-block {
    padding: 22px 22px;
  }
}

@media screen and (min-width: 768px) {
  .content-publishing-list .entry-row.has-image .entry-block {
    width: 61%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 61%;
            flex: 0 1 61%;
    padding: 22px 33px;
  }
}

@media screen and (min-width: 1280px) {
  .content-publishing-list .entry-row.has-image .entry-block {
    padding: 33px 44px;
  }
}

.content-publishing-list .entry-row.has-image .entry-block .vertical-rule {
  display: none;
}

.content-publishing-list .entry-row.has-image .entry-block .entry-body {
  margin: 0;
}

html.no-touchevents .content-publishing-list .entry-row .entry-block .entry-body .entry-meta-row .category-links a:hover {
  color: #e31b23;
}

html.no-touchevents .content-publishing-list .entry-row:hover .entry-block {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.content-explore-slider {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .content-explore-slider {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider {
    margin: 0 auto 80px auto;
  }
}

.content-explore-slider .content-intro {
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 480px) {
  .content-explore-slider .content-intro {
    margin: 0 auto 22px auto;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .content-intro {
    margin: 0 auto 33px auto;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider .content-intro {
    margin: 0 auto 44px auto;
  }
}

.content-explore-slider .button-wrapper {
  margin: 0 auto;
  text-align: center;
}

.content-explore-slider .button-wrapper .button,
.content-explore-slider .button-wrapper .link {
  text-align: left;
  display: inline-block;
}

.content-explore-slider .entry-row {
  position: relative;
  max-width: 1486px;
  padding: 0 22px;
  width: 100%;
  margin: 0 auto 33px auto;
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row {
    margin: 0 auto 55px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.content-explore-slider .entry-row .entry-column {
  width: 100%;
  margin-bottom: 22px;
}

.content-explore-slider .entry-row .entry-column:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 488px;
            flex: 0 1 488px;
    width: 488px;
    margin-bottom: 0;
  }
  .content-explore-slider .entry-row .entry-column:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column.prev {
    justify-self: flex-start;
    margin: 0 auto 0 0;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column.next {
    justify-self: flex-end;
    margin: 0 0 0 auto;
  }
}

.content-explore-slider .entry-row .entry-column .entry-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  padding: 22px 22px;
}

@media screen and (min-width: 480px) {
  .content-explore-slider .entry-row .entry-column .entry-block {
    padding: 22px 33px;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column .entry-block {
    padding: 33px 44px;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider .entry-row .entry-column .entry-block {
    padding: 44px 55px;
  }
}

.content-explore-slider .entry-row .entry-column .entry-block .vertical-rule {
  background-color: #e31b23;
  display: none;
}

@media screen and (min-width: 480px) {
  .content-explore-slider .entry-row .entry-column .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 4px;
            flex: 0 1 4px;
    width: 4px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 5px;
            flex: 0 1 5px;
    width: 5px;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider .entry-row .entry-column .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 6px;
            flex: 0 1 6px;
    width: 6px;
  }
}

.content-explore-slider .entry-row .entry-column .entry-block .entry-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  margin: 0 0 0 20px;
}

.content-explore-slider .entry-row .entry-column .entry-block .entry-body h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #b5121b;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h3 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h3 {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h3 {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.content-explore-slider .entry-row .entry-column .entry-block .entry-body h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 0 5px 0;
  color: #000000;
}

@media screen and (min-width: 480px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h2 {
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 768px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h2 {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .content-explore-slider .entry-row .entry-column .entry-block .entry-body h2 {
    font-size: 2.25rem;
    line-height: 2.375rem;
    margin: 0 0 20px 0;
  }
}

.content-explore-slider .entry-row .entry-column .entry-block .entry-body a {
  display: block;
  margin: 0 0 0 0;
}

html.no-touchevents .content-explore-slider .entry-row .entry-column:hover .entry-block {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.nutrition {
  position: relative;
}

.nutrition .hero-banner {
  margin-bottom: 0;
}

.nutrition-content .blend-selectors {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 798px;
  padding: 0 22px;
  margin: 22px auto;
}

@media screen and (min-width: 768px) {
  .nutrition-content .blend-selectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .nutrition-content .blend-selectors {
    max-width: 998px;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .blend-selectors {
    max-width: 1242px;
  }
}

.nutrition-content .blend-selectors .simple-button {
  width: 100%;
  margin: 0 auto 11px auto;
}

@media screen and (min-width: 768px) {
  .nutrition-content .blend-selectors .simple-button {
    margin: inherit;
    width: 140px;
  }
}

@media screen and (min-width: 1024px) {
  .nutrition-content .blend-selectors .simple-button {
    width: 180px;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .blend-selectors .simple-button {
    width: 220px;
  }
}

.nutrition-content .size-selectors {
  margin: 11px auto 33px auto;
  width: 100%;
  max-width: 1042px;
  padding: 0 22px;
  display: block;
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.nutrition-content .size-selectors .blend-info {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors .blend-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
  }
}

.nutrition-content .size-selectors .blend-info h2 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.625rem;
  line-height: 1.9375rem;
  color: #e31b23;
  margin: 0 0 10px 0;
  text-align: center;
}

@media screen and (min-width: 480px) {
  .nutrition-content .size-selectors .blend-info h2 {
    font-size: 2.0625rem;
    line-height: 2.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors .blend-info h2 {
    font-size: 2.5rem;
    line-height: 2.9375rem;
    max-width: 388px;
    margin: 0 0 15px 0;
    text-align: left;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .size-selectors .blend-info h2 {
    font-size: 2.875rem;
    line-height: 3.4375rem;
  }
}

.nutrition-content .size-selectors .blend-info p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin: 0 auto 25px auto;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors .blend-info p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    max-width: 388px;
    text-align: left;
    margin: 0;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .size-selectors .blend-info p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.nutrition-content .size-selectors .size-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors .size-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.nutrition-content .size-selectors .size-info .cup-wrapper {
  position: relative;
  height: auto;
  width: 69px;
  margin: 0 11px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .nutrition-content .size-selectors .size-info .cup-wrapper {
    margin: 0 0 0 33px;
  }
}

.nutrition-content .size-selectors .size-info .cup-wrapper .cup-background {
  width: 69px;
  height: 87px;
}

.nutrition-content .size-selectors .size-info .cup-wrapper .cup-background .svg-icon {
  width: 100%;
  height: auto;
  margin: 0;
}

.nutrition-content .size-selectors .size-info .cup-wrapper .cup-foreground {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 67.5, 'slnt' 0;
  font-size: 0.6875rem;
  line-height: 0.625rem;
  color: #000000;
  text-align: center;
  margin: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.nutrition-content .size-selectors .size-info .cup-wrapper .cup-foreground span {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.25rem;
  text-align: center;
  margin: 0;
  display: inline;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.nutrition-content .size-selectors .size-info .cup-wrapper .underline {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(227, 27, 35, 0);
  margin: 10px 0 0 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.nutrition-content .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #e31b23;
}

.nutrition-content .nutrition-table-wrapper {
  display: block;
  position: relative;
  width: 100%;
  overflow-x: auto;
  height: auto;
  max-width: 1114px;
  padding: 22px;
  margin: 0 auto 80px auto;
}

@media screen and (min-width: 480px) {
  .nutrition-content .nutrition-table-wrapper {
    margin: 0 auto 80px auto;
  }
}

@media screen and (min-width: 768px) {
  .nutrition-content .nutrition-table-wrapper {
    margin: 0 auto 120px auto;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .nutrition-table-wrapper {
    margin: 0 auto 120px auto;
  }
}

.nutrition-content .nutrition-table-wrapper .table {
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.nutrition-content .nutrition-table-wrapper .table tr {
  border-bottom: solid #C7C7C7 1px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  height: 60px;
}

.nutrition-content .nutrition-table-wrapper .table tr:last-child {
  border-bottom: none;
}

.nutrition-content .nutrition-table-wrapper .table th,
.nutrition-content .nutrition-table-wrapper .table td {
  width: 8%;
  padding: 10px 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4A4A4A;
}

.nutrition-content .nutrition-table-wrapper .table th:first-child,
.nutrition-content .nutrition-table-wrapper .table td:first-child {
  text-align: left;
  width: 20%;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #e31b23;
}

.nutrition-content .nutrition-table-wrapper .table th[scope="col"] {
  cursor: pointer;
  background-color: #e31b23;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.nutrition-content .nutrition-table-wrapper .table .open-row {
  margin: 0;
  padding: 0;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col:first-child {
  width: 35%;
  float: left;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col:last-child {
  width: 65%;
  float: left;
  padding-top: 66px;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 10px 0;
  max-width: 388px;
  color: #000000;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col p:last-child {
  margin: 0;
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col p:first-child strong {
  color: #d02c30;
}

@media screen and (min-width: 768px) {
  .nutrition-content .nutrition-table-wrapper .table .open-row .open-col p {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .nutrition-content .nutrition-table-wrapper .table .open-row .open-col p {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 20px 0;
  }
}

.nutrition-content .nutrition-table-wrapper .table .open-row .open-col strong {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  font-size: 0.875rem;
  margin: 0;
}

.nutrition-content.energized-blend-coffee .size-selectors .blend-info h2 {
  color: #583224;
}

.nutrition-content.energized-blend-coffee .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #583224;
}

.nutrition-content.energized-blend-coffee .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(88, 50, 36, 0);
}

.nutrition-content.energized-blend-coffee .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #583224;
}

.nutrition-content.energized-blend-coffee .table th:first-child,
.nutrition-content.energized-blend-coffee .table td:first-child {
  color: #583224;
}

.nutrition-content.energized-blend-coffee .table th[scope="col"] {
  color: #ffffff;
  background-color: #583224;
}

.nutrition-content.refreshers-blend-hot-pink .size-selectors .blend-info h2 {
  color: #E30071;
}

.nutrition-content.refreshers-blend-hot-pink .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #E30071;
}

.nutrition-content.refreshers-blend-hot-pink .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(227, 0, 113, 0);
}

.nutrition-content.refreshers-blend-hot-pink .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #E30071;
}

.nutrition-content.refreshers-blend-hot-pink .table th:first-child,
.nutrition-content.refreshers-blend-hot-pink .table td:first-child {
  color: #E30071;
}

.nutrition-content.refreshers-blend-hot-pink .table th[scope="col"] {
  color: #ffffff;
  background-color: #E30071;
}

.nutrition-content.fitness-blend-red .size-selectors .blend-info h2 {
  color: #d02c30;
}

.nutrition-content.fitness-blend-red .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #d02c30;
}

.nutrition-content.fitness-blend-red .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(208, 44, 48, 0);
}

.nutrition-content.fitness-blend-red .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #d02c30;
}

.nutrition-content.fitness-blend-red .table th:first-child,
.nutrition-content.fitness-blend-red .table td:first-child {
  color: #d02c30;
}

.nutrition-content.fitness-blend-red .table th[scope="col"] {
  color: #ffffff;
  background-color: #d02c30;
}

.nutrition-content.slim-blend-blue .size-selectors .blend-info h2 {
  color: #54648C;
}

.nutrition-content.slim-blend-blue .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #54648C;
}

.nutrition-content.slim-blend-blue .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(84, 100, 140, 0);
}

.nutrition-content.slim-blend-blue .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #54648C;
}

.nutrition-content.slim-blend-blue .table th:first-child,
.nutrition-content.slim-blend-blue .table td:first-child {
  color: #54648C;
}

.nutrition-content.slim-blend-blue .table th[scope="col"] {
  color: #ffffff;
  background-color: #54648C;
}

.nutrition-content.wellness-blend-green .size-selectors .blend-info h2 {
  color: #607D2F;
}

.nutrition-content.wellness-blend-green .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #607D2F;
}

.nutrition-content.wellness-blend-green .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(96, 125, 47, 0);
}

.nutrition-content.wellness-blend-green .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #607D2F;
}

.nutrition-content.wellness-blend-green .table th:first-child,
.nutrition-content.wellness-blend-green .table td:first-child {
  color: #607D2F;
}

.nutrition-content.wellness-blend-green .table th[scope="col"] {
  color: #ffffff;
  background-color: #607D2F;
}

.nutrition-content.break-blend-gold .size-selectors .blend-info h2 {
  color: #C6531E;
}

.nutrition-content.break-blend-gold .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #C6531E;
}

.nutrition-content.break-blend-gold .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(198, 83, 30, 0);
}

.nutrition-content.break-blend-gold .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #C6531E;
}

.nutrition-content.break-blend-gold .table th:first-child,
.nutrition-content.break-blend-gold .table td:first-child {
  color: #C6531E;
}

.nutrition-content.break-blend-gold .table th[scope="col"] {
  color: #ffffff;
  background-color: #C6531E;
}

.nutrition-content.kids-blend-pink .size-selectors .blend-info h2 {
  color: #C14D63;
}

.nutrition-content.kids-blend-pink .size-selectors .size-info .cup-wrapper .cup-background .svg-icon path {
  fill: #C14D63;
}

.nutrition-content.kids-blend-pink .size-selectors .size-info .cup-wrapper .underline {
  background-color: rgba(193, 77, 99, 0);
}

.nutrition-content.kids-blend-pink .size-selectors .size-info .cup-wrapper.active .underline {
  background-color: #C14D63;
}

.nutrition-content.kids-blend-pink .table th:first-child,
.nutrition-content.kids-blend-pink .table td:first-child {
  color: #C14D63;
}

.nutrition-content.kids-blend-pink .table th[scope="col"] {
  color: #ffffff;
  background-color: #C14D63;
}

html.no-touchevents .nutrition-content .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #e31b23;
}

html.no-touchevents .nutrition-content .nutrition-table-wrapper .table tr:hover {
  background-color: #f3f4f5;
}

html.no-touchevents .nutrition-content .nutrition-table-wrapper .table tr.no-hover:hover {
  background-color: #ffffff;
}

html.no-touchevents .nutrition-content.energized-blend-coffee .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #583224;
}

html.no-touchevents .nutrition-content.refreshers-blend-hot-pink .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #E30071;
}

html.no-touchevents .nutrition-content.fitness-blend-red .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #d02c30;
}

html.no-touchevents .nutrition-content.slim-blend-blue .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #54648C;
}

html.no-touchevents .nutrition-content.wellness-blend-green .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #607D2F;
}

html.no-touchevents .nutrition-content.break-blend-gold .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #C6531E;
}

html.no-touchevents .nutrition-content.kids-blend-pink .size-selectors .size-info .cup-wrapper:hover .underline {
  background-color: #C14D63;
}

.ingredients-list {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 754px;
  margin: 0 auto 40px auto;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .ingredients-list {
    max-width: 798px;
    padding: 0 22px;
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list {
    margin: 0 auto 80px auto;
  }
}

.ingredients-list .alphabet-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 33px 0 11px 0;
}

@media screen and (min-width: 480px) {
  .ingredients-list .alphabet-row {
    margin: 55px 0 11px 0;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .alphabet-row {
    margin: 77px 0 22px 0;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .alphabet-row {
    margin: 99px 0 33px 0;
  }
}

.ingredients-list .alphabet-row h2 {
  margin: 0 22px;
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  color: #000000;
  font-size: 3.3rem;
  line-height: 2.6125rem;
}

@media screen and (min-width: 480px) {
  .ingredients-list .alphabet-row h2 {
    margin: 0;
    font-size: 4.2rem;
    line-height: 3.325rem;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .alphabet-row h2 {
    font-size: 5.1rem;
    line-height: 4.0375rem;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .alphabet-row h2 {
    font-size: 6rem;
    line-height: 4.75rem;
  }
}

.ingredients-list .entry-row {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  margin: 0 auto 15px auto;
}

@media screen and (min-width: 480px) {
  .ingredients-list .entry-row {
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row {
    margin: 0 auto 25px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row {
    margin: 0 auto 30px auto;
  }
}

.ingredients-list .entry-row:last-child {
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .ingredients-list .entry-row:last-child {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row:last-child {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row:last-child {
    margin: 0 auto 80px auto;
  }
}

.ingredients-list .entry-row .entry-wrapper {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s, -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
}

.ingredients-list .entry-row .entry-wrapper .row-header {
  background-color: #f3f4f5;
}

.ingredients-list .entry-row .entry-wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  width: 100%;
  background-color: transparent;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .ingredients-list .entry-row .entry-wrapper button {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper button {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row .entry-wrapper button {
    padding: 22px 22px;
  }
}

.ingredients-list .entry-row .entry-wrapper button .panel-title {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.0625rem;
  line-height: 1.125rem;
  color: #000000;
  margin: 0;
  text-align: left;
}

@media screen and (min-width: 480px) {
  .ingredients-list .entry-row .entry-wrapper button .panel-title {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper button .panel-title {
    font-size: 1.1875rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row .entry-wrapper button .panel-title {
    font-size: 1.25rem;
    line-height: 1.125rem;
  }
}

.ingredients-list .entry-row .entry-wrapper button .arrow-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ingredients-list .entry-row .entry-wrapper .row-body {
  display: none;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .ingredients-list .entry-row .entry-wrapper .row-body {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper .row-body {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row .entry-wrapper .row-body {
    padding: 22px 22px;
  }
}

.ingredients-list .entry-row .entry-wrapper .row-body p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
  margin: 0 auto 22px auto;
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper .row-body p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin: 0 auto 33px auto;
  }
}

@media screen and (min-width: 1280px) {
  .ingredients-list .entry-row .entry-wrapper .row-body p {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 auto 44px auto;
  }
}

.ingredients-list .entry-row .entry-wrapper .row-body p.disclaimer {
  margin: 20px auto 0;
  text-align: center;
}

.ingredients-list .entry-row .entry-wrapper .row-body a {
  color: #e31b23;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: underline;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper {
  display: block;
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper .ingredient-column {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper .ingredient-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 61%;
            flex: 0 1 61%;
    width: 61%;
  }
}

.ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper .ingredient-column:first-child {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper .ingredient-column:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36%;
            flex: 0 1 36%;
    width: 36%;
  }
}

.ingredients-list .entry-row .entry-wrapper .row-body .ingredient-wrapper .ingredient-column img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 22px auto;
  max-width: 250px;
}

.ingredients-list .entry-row.open .entry-wrapper {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.ingredients-list .entry-row.open .entry-wrapper .row-header .arrow-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ingredients-list .entry-row.open .entry-wrapper .row-body {
  display: block;
}

html.no-touchevents .ingredients-list .entry-row .entry-wrapper .row-body a:hover {
  color: #000000;
  text-decoration: none;
}

.search-list {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 998px;
  padding: 0 22px;
  margin: 0 auto 40px auto;
  display: block;
}

@media screen and (min-width: 480px) {
  .search-list {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .search-list {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .search-list {
    margin: 0 auto 80px auto;
  }
}

.search-list .entry-row {
  position: relative;
  width: 100%;
  padding: 0 0 0 22px;
  margin: 0 0 33px 0;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row {
    padding: 0 0 0 22px;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row {
    padding: 0 0 0 27px;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row {
    padding: 0 0 0 32px;
  }
}

.search-list .entry-row .entry-number {
  position: absolute;
  width: 64px;
  height: 64px;
  background-color: #e31b23;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-number {
    width: 44px;
    height: 44px;
    border-radius: 22px;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-number {
    width: 54px;
    height: 54px;
    border-radius: 27px;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-number {
    width: 64px;
    height: 64px;
    border-radius: 32px;
  }
}

.search-list .entry-row .entry-number span {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 3px 0 0;
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-number span {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-number span {
    font-size: 2rem;
    line-height: 2.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-number span {
    font-size: 2.25rem;
    line-height: 2.375rem;
  }
}

.search-list .entry-row .entry-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  padding: 22px 22px;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-block {
    padding: 22px 33px;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block {
    padding: 33px 44px;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-block {
    padding: 44px 55px;
  }
}

.search-list .entry-row .entry-block .vertical-rule {
  background-color: #e31b23;
  display: none;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
    width: 4px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5px;
            flex: 0 0 5px;
    width: 5px;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-block .vertical-rule {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6px;
            flex: 0 0 6px;
    width: 6px;
  }
}

.search-list .entry-row .entry-block .entry-body {
  margin: 0 0 0 11px;
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block .entry-body {
    margin: 0 0 0 22px;
  }
}

.search-list .entry-row .entry-block .entry-body h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #b5121b;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-block .entry-body h3 {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block .entry-body h3 {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-block .entry-body h3 {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}

.search-list .entry-row .entry-block .entry-body h2 {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 50, 'slnt' 0;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin: 0 0 5px 0;
  color: #000000;
}

@media screen and (min-width: 480px) {
  .search-list .entry-row .entry-block .entry-body h2 {
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 10px 0;
  }
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block .entry-body h2 {
    font-size: 2rem;
    line-height: 2.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-block .entry-body h2 {
    font-size: 2.25rem;
    line-height: 2.375rem;
    margin: 0 0 20px 0;
  }
}

.search-list .entry-row .entry-block .entry-body p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #b5121b;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 768px) {
  .search-list .entry-row .entry-block .entry-body p {
    font-size: 0.9375rem;
    line-height: 1.125rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 1280px) {
  .search-list .entry-row .entry-block .entry-body p {
    font-size: 1rem;
    line-height: 1.1875rem;
    margin: 0 0 20px 0;
  }
}

.search-list .entry-row .entry-block .entry-body a {
  display: block;
  margin: 0 0 0 0;
}

html.no-touchevents .search-list .entry-row:hover .entry-block {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.faqs-list {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .faqs-list {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list {
    margin: 0 auto 80px auto;
  }
}

.faqs-list .content-intro {
  margin: 40px auto;
}

@media screen and (min-width: 480px) {
  .faqs-list .content-intro {
    margin: 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .content-intro {
    margin: 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .content-intro {
    margin: 80px auto;
  }
}

.faqs-list .content-intro:first-child {
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .faqs-list .content-intro:first-child {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .content-intro:first-child {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .content-intro:first-child {
    margin: 0 auto 80px auto;
  }
}

.faqs-list .entry-row {
  position: relative;
  max-width: 754px;
  width: 100%;
  background-color: #ffffff;
  margin: 0 auto 15px auto;
  padding: 0;
}

@media screen and (min-width: 480px) {
  .faqs-list .entry-row {
    max-width: 798px;
    padding: 0 22px;
    margin: 0 auto 20px auto;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row {
    margin: 0 auto 25px auto;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row {
    margin: 0 auto 30px auto;
  }
}

.faqs-list .entry-row:last-child {
  margin: 0 auto 40px auto;
}

@media screen and (min-width: 480px) {
  .faqs-list .entry-row:last-child {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row:last-child {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row:last-child {
    margin: 0 auto 80px auto;
  }
}

.faqs-list .entry-row .entry-wrapper {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
  transition: box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s, -webkit-box-shadow 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
}

.faqs-list .entry-row .entry-wrapper .row-header {
  background-color: #f3f4f5;
}

.faqs-list .entry-row .entry-wrapper button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  width: 100%;
  background-color: transparent;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .faqs-list .entry-row .entry-wrapper button {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row .entry-wrapper button {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row .entry-wrapper button {
    padding: 22px 22px;
  }
}

.faqs-list .entry-row .entry-wrapper .panel-title {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: 'wght' 700, 'wdth' 67.5, 'slnt' 0;
  font-size: 1.0625rem;
  line-height: 1.125rem;
  color: #000000;
  text-align: left;
}

@media screen and (min-width: 480px) {
  .faqs-list .entry-row .entry-wrapper .panel-title {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row .entry-wrapper .panel-title {
    font-size: 1.1875rem;
    line-height: 1.125rem;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row .entry-wrapper .panel-title {
    font-size: 1.25rem;
    line-height: 1.125rem;
  }
}

.faqs-list .entry-row .entry-wrapper .arrow-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.faqs-list .entry-row .entry-wrapper .row-body {
  display: none;
  padding: 15.4px 22px;
}

@media screen and (min-width: 480px) {
  .faqs-list .entry-row .entry-wrapper .row-body {
    padding: 17.6px 22px;
  }
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row .entry-wrapper .row-body {
    padding: 19.8px 22px;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row .entry-wrapper .row-body {
    padding: 22px 22px;
  }
}

.faqs-list .entry-row .entry-wrapper .row-body p {
  margin: 0;
  border-left: 6px solid #e31b23;
  padding: 5px 0 5px 22px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #000000;
}

@media screen and (min-width: 768px) {
  .faqs-list .entry-row .entry-wrapper .row-body p {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

@media screen and (min-width: 1280px) {
  .faqs-list .entry-row .entry-wrapper .row-body p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.faqs-list .entry-row .entry-wrapper .row-body a {
  color: #e31b23;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: underline;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.faqs-list .entry-row.open .entry-wrapper {
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
}

.faqs-list .entry-row.open .entry-wrapper .row-header .arrow-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.faqs-list .entry-row.open .entry-wrapper .row-body {
  display: block;
}

html.no-touchevents .faqs-list .entry-row .entry-wrapper .row-body a:hover {
  color: #000000;
  text-decoration: none;
}

.match-maker {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 40px auto;
  display: block;
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;
}

@media screen and (min-width: 480px) {
  .match-maker {
    margin: 0 auto 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .match-maker {
    margin: 0 auto 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .match-maker {
    margin: 0 auto 80px auto;
  }
}

.match-maker .matchmaker-step {
  position: absolute;
  width: 100%;
  top: 61px;
}

.match-maker .max-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.match-maker .max-wrapper.small {
  max-width: 510px;
  padding: 0 22px;
  text-align: center;
}

.match-maker .max-wrapper.small .progress-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 35px auto;
}

.match-maker .max-wrapper.small .progress-bar .bar-line {
  position: relative;
  width: 100px;
  height: 4px;
  background-color: #dadfe1;
  border-radius: 2px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  margin: 0 -2px;
  z-index: 1;
}

.match-maker .max-wrapper.small .progress-bar .bar-line.step-1, .match-maker .max-wrapper.small .progress-bar .bar-line.step-4 {
  width: 50px;
}

.match-maker .max-wrapper.small .progress-bar .bar-step {
  position: relative;
  z-index: 2;
}

.match-maker .max-wrapper.small .progress-bar .bar-step > div {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.match-maker .max-wrapper.small .progress-bar .bar-step > div .svg-icon {
  top: 0rem;
  width: 12px;
  height: 12px;
  fill: #ffffff;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.match-maker .max-wrapper.small .progress-bar .bar-step > div .active-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e31b23;
  opacity: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.match-maker .max-wrapper.small.step-1 .bar-line.step-1 {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-1 .bar-step.step-1 > div .active-dot {
  opacity: 1;
}

.match-maker .max-wrapper.small.step-2 .bar-line.step-1, .match-maker .max-wrapper.small.step-2 .bar-line.step-2 {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-2 .bar-step.step-1 > div {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-2 .bar-step.step-1 > div .svg-icon {
  opacity: 1;
}

.match-maker .max-wrapper.small.step-2 .bar-step.step-2 > div .active-dot {
  opacity: 1;
}

.match-maker .max-wrapper.small.step-3 .bar-line.step-1, .match-maker .max-wrapper.small.step-3 .bar-line.step-2, .match-maker .max-wrapper.small.step-3 .bar-line.step-3 {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-3 .bar-step.step-1 > div, .match-maker .max-wrapper.small.step-3 .bar-step.step-2 > div {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-3 .bar-step.step-1 > div .svg-icon, .match-maker .max-wrapper.small.step-3 .bar-step.step-2 > div .svg-icon {
  opacity: 1;
}

.match-maker .max-wrapper.small.step-3 .bar-step.step-3 > div .active-dot {
  opacity: 1;
}

.match-maker .max-wrapper.small.step-4 .bar-line.step-1, .match-maker .max-wrapper.small.step-4 .bar-line.step-2, .match-maker .max-wrapper.small.step-4 .bar-line.step-3, .match-maker .max-wrapper.small.step-4 .bar-line.step-4 {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-4 .bar-step.step-1 > div, .match-maker .max-wrapper.small.step-4 .bar-step.step-2 > div, .match-maker .max-wrapper.small.step-4 .bar-step.step-3 > div {
  background-color: #e31b23;
}

.match-maker .max-wrapper.small.step-4 .bar-step.step-1 > div .svg-icon, .match-maker .max-wrapper.small.step-4 .bar-step.step-2 > div .svg-icon, .match-maker .max-wrapper.small.step-4 .bar-step.step-3 > div .svg-icon {
  opacity: 1;
}

.match-maker .max-wrapper.small h2 {
  font-family: "acumin-variable", serif;
  font-weight: bold;
  font-style: normal;
  color: #000000;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  margin: 0 0 10px 0;
}

@media screen and (min-width: 480px) {
  .match-maker .max-wrapper.small h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 0 15px 0;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.small h2 {
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 1280px) {
  .match-maker .max-wrapper.small h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 0 0 25px 0;
  }
}

.match-maker .max-wrapper.small p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  text-align: center;
  margin: 0 0 15px 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (min-width: 480px) {
  .match-maker .max-wrapper.small p {
    margin: 0 0 20px 0;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.small p {
    margin: 0 auto 25px auto;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
}

@media screen and (min-width: 1280px) {
  .match-maker .max-wrapper.small p {
    margin: 0 auto 30px auto;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.match-maker .max-wrapper.small .button,
.match-maker .max-wrapper.small .link {
  margin: 0 auto;
}

.match-maker .max-wrapper.small a.button {
  text-decoration: none;
  display: inline-block;
}

.match-maker .max-wrapper.large {
  max-width: 1042px;
  margin: 40px auto;
  padding: 0 22px;
}

@media screen and (min-width: 480px) {
  .match-maker .max-wrapper.large {
    margin: 40px auto;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.large {
    margin: 60px auto;
  }
}

@media screen and (min-width: 1280px) {
  .match-maker .max-wrapper.large {
    margin: 80px auto;
  }
}

.match-maker .max-wrapper.large .grid-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5.5px;
  width: calc(100% + 11px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 640px) {
  .match-maker .max-wrapper.large .grid-items {
    margin: -5.5px;
    width: calc(100% + 11px);
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.large .grid-items {
    width: calc(100% + 22px);
    margin: -11px;
  }
}

.match-maker .max-wrapper.large .grid-items .grid-item {
  padding: 5.5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: none;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.match-maker .max-wrapper.large .grid-items .grid-item:focus {
  outline: #3b99fc auto 5px;
}

@media screen and (min-width: 480px) {
  .match-maker .max-wrapper.large .grid-items .grid-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333%;
            flex: 0 1 33.333%;
    width: 33.333%;
  }
}

@media screen and (min-width: 640px) {
  .match-maker .max-wrapper.large .grid-items .grid-item {
    padding: 5.5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.large .grid-items .grid-item {
    padding: 11px;
  }
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.15);
  margin: 0;
  border-radius: 5px;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  text-align: center;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper:before {
  content: '';
  float: left;
  padding-bottom: 100%;
  -webkit-transition: padding-bottom 0.5s ease 0s;
  transition: padding-bottom 0.5s ease 0s;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .check-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 11%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .check-icon .svg-icon {
  top: 0rem;
  width: 12px;
  height: 12px;
  fill: #e31b23;
  margin: 0;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-icon .svg-icon {
  top: 0rem;
  width: 33px;
  height: 33px;
  margin: 0;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  fill: #e31b23;
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-icon .svg-icon path {
  fill: #e31b23;
}

@media screen and (min-width: 640px) {
  .match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-icon .svg-icon {
    width: 38.5px;
    height: 38.5px;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-icon .svg-icon {
    width: 44px;
    height: 44px;
  }
}

.match-maker .max-wrapper.large .grid-items .grid-item .item-wrapper .item-label {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 11%;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #000000;
  text-align: center;
  line-height: 1.375rem;
  margin: 0 auto;
  -webkit-transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.match-maker .max-wrapper.large .grid-items .grid-item.selected .item-wrapper {
  background-color: #e31b23;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.match-maker .max-wrapper.large .grid-items .grid-item.selected .item-wrapper .check-icon {
  opacity: 1;
}

.match-maker .max-wrapper.large .grid-items .grid-item.selected .item-wrapper .item-icon .svg-icon {
  fill: #ffffff;
}

.match-maker .max-wrapper.large .grid-items .grid-item.selected .item-wrapper .item-icon .svg-icon path {
  fill: #ffffff;
}

.match-maker .max-wrapper.large .grid-items .grid-item.selected .item-wrapper .item-label {
  color: #ffffff;
}

.match-maker .max-wrapper.large .navigation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 44px 0 0 0;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .match-maker .max-wrapper.large .navigation-wrapper {
    padding: 55px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .match-maker .max-wrapper.large .navigation-wrapper {
    padding: 66px 0 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .match-maker .max-wrapper.large .navigation-wrapper {
    padding: 77px 0 0 0;
  }
}

.match-maker .max-wrapper.large .navigation-wrapper .prev {
  justify-self: flex-start;
  margin: 0 auto 0 0;
}

.match-maker .max-wrapper.large .navigation-wrapper .next {
  justify-self: flex-end;
  margin: 0 0 0 auto;
}

html.no-touchevents .match-maker .max-wrapper.large .grid-items .grid-item:hover .item-wrapper {
  background-color: #e31b23;
  -webkit-box-shadow: none;
          box-shadow: none;
}

html.no-touchevents .match-maker .max-wrapper.large .grid-items .grid-item:hover .item-wrapper .check-icon {
  opacity: 1;
}

html.no-touchevents .match-maker .max-wrapper.large .grid-items .grid-item:hover .item-wrapper .item-icon .svg-icon {
  fill: #ffffff;
}

html.no-touchevents .match-maker .max-wrapper.large .grid-items .grid-item:hover .item-wrapper .item-icon .svg-icon path {
  fill: #ffffff;
}

html.no-touchevents .match-maker .max-wrapper.large .grid-items .grid-item:hover .item-wrapper .item-label {
  color: #ffffff;
}

body section#elc-cookie-consent .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body section#elc-cookie-consent .text-link {
  margin-right: 1.5em;
}

#elc-cookie-tab {
  background-color: #d02c30;
  padding: 1em 2em;
  font-weight: 700;
  -webkit-transition: .3s;
  transition: .3s;
}

#elc-cookie-tab:hover {
  background-color: #b5111b;
  -webkit-transition: .3s;
  transition: .3s;
}