@charset "UTF-8";
/***********************************************************************************/
/* eMeals Main CSS - Version 3.0 - Started by Adam Silverman on 08/07/18 */
/***********************************************************************************/
/* Changing Susy default global settings */
/* ---------- RESET ---------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, .internal-header h1, .press-release h1, h3, .members-cta__left__link, h4, .member .member-header__head p, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

input {
  margin: 0;
  padding: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 100%; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

ul,
ol,
li {
  list-style-type: none; }

input,
textarea {
  outline: none; }

strong {
  font-weight: bold; }

/***********************************************************************************/
/* CSS Variables */
/***********************************************************************************/
/***********************************************************************************/
/* Mixins */
/***********************************************************************************/
/***********************************************************************************/
/* Screen Sizes */
/***********************************************************************************/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes widthGrow {
  0% {
    width: 0; }
  100% {
    width: 75px; } }

@keyframes widthGrow {
  0% {
    width: 0; }
  100% {
    width: 75px; } }
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

/***********************************************************************************/
/* Global Type and Font Styling */
/***********************************************************************************/
body {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #8f959e; }

h1, h2.header--h1, .internal-header h1.header--h1, .press-release h1.header--h1, h3.header--h1, .header--h1.members-cta__left__link, h4.header--h1, .member .member-header__head p.header--h1, h5.header--h1, h6.header--h1 {
  font-size: 2.5rem;
  line-height: 1.35;
  font-weight: 700;
  color: #303c4b; }
  @media only screen and (max-width: 568px) {
    h1, h2.header--h1, .internal-header h1.header--h1, .press-release h1.header--h1, h3.header--h1, .header--h1.members-cta__left__link, h4.header--h1, .member .member-header__head p.header--h1, h5.header--h1, h6.header--h1 {
      font-size: 1.25rem;
      line-height: 1.2; } }

h2, .internal-header h1, .press-release h1, h1.header--h2, h3.header--h2, .header--h2.members-cta__left__link, h4.header--h2, .member .member-header__head p.header--h2, h5.header--h2, h6.header--h2 {
  font-size: 2.25rem;
  line-height: 1.27;
  font-weight: 500;
  color: #303c4b; }
  @media only screen and (max-width: 568px) {
    h2, .internal-header h1, .press-release h1, h1.header--h2, h3.header--h2, .header--h2.members-cta__left__link, h4.header--h2, .member .member-header__head p.header--h2, h5.header--h2, h6.header--h2 {
      font-size: 1.25rem;
      line-height: 1.2; } }

h3, .members-cta__left__link, h1.header--h3, h2.header--h3, .internal-header h1.header--h3, .press-release h1.header--h3, h4.header--h3, .member .member-header__head p.header--h3, h5.header--h3, h6.header--h3 {
  font-size: 1.875rem;
  line-height: 1.33;
  font-weight: 500;
  color: #303c4b; }
  @media only screen and (max-width: 568px) {
    h3, .members-cta__left__link, h1.header--h3, h2.header--h3, .internal-header h1.header--h3, .press-release h1.header--h3, h4.header--h3, .member .member-header__head p.header--h3, h5.header--h3, h6.header--h3 {
      font-size: 1rem;
      line-height: 1.5; } }

h4, .member .member-header__head p, h1.header--h4, h2.header--h4, .internal-header h1.header--h4, .press-release h1.header--h4, h3.header--h4, .header--h4.members-cta__left__link, h5.header--h4, h6.header--h4, .main-content p.header--h4 {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #8f959e;
  font-weight: 500; }
  @media only screen and (max-width: 568px) {
    h4, .member .member-header__head p, h1.header--h4, h2.header--h4, .internal-header h1.header--h4, .press-release h1.header--h4, h3.header--h4, .header--h4.members-cta__left__link, h5.header--h4, h6.header--h4, .main-content p.header--h4 {
      font-size: 1.0625rem;
      line-height: 1.417; } }

h5, h1.header--h5, h2.header--h5, .internal-header h1.header--h5, .press-release h1.header--h5, h3.header--h5, .header--h5.members-cta__left__link, h4.header--h5, .member .member-header__head p.header--h5, h6.header--h5, .main-content p.header--h5 {
  font-size: 1.375rem;
  line-height: 1.636363;
  color: #8f959e;
  font-weight: 500; }
  @media only screen and (max-width: 568px) {
    h5, h1.header--h5, h2.header--h5, .internal-header h1.header--h5, .press-release h1.header--h5, h3.header--h5, .header--h5.members-cta__left__link, h4.header--h5, .member .member-header__head p.header--h5, h6.header--h5, .main-content p.header--h5 {
      font-size: 1rem;
      line-height: 1.5; } }

h6, h1.header--h6, h2.header--h6, .internal-header h1.header--h6, .press-release h1.header--h6, h3.header--h6, .header--h6.members-cta__left__link, h4.header--h6, .member .member-header__head p.header--h6, h5.header--h6, .main-content p.header--h6 {
  font-size: 1.125rem;
  line-height: 1.44;
  color: #8f959e;
  font-weight: 500; }
  @media only screen and (max-width: 568px) {
    h6, h1.header--h6, h2.header--h6, .internal-header h1.header--h6, .press-release h1.header--h6, h3.header--h6, .header--h6.members-cta__left__link, h4.header--h6, .member .member-header__head p.header--h6, h5.header--h6, .main-content p.header--h6 {
      font-size: 0.875rem;
      line-height: 1.5714; } }
  h6.tag, h1.header--h6.tag, h2.header--h6.tag, .internal-header h1.header--h6.tag, .press-release h1.header--h6.tag, h3.header--h6.tag, .header--h6.tag.members-cta__left__link, h4.header--h6.tag, .member .member-header__head p.header--h6.tag, h5.header--h6.tag, .main-content p.header--h6.tag {
    font-size: 0.9375rem;
    line-height: 1.13;
    letter-spacing: 0.63px;
    text-transform: uppercase; }
    @media only screen and (max-width: 568px) {
      h6.tag, h1.header--h6.tag, h2.header--h6.tag, .internal-header h1.header--h6.tag, .press-release h1.header--h6.tag, h3.header--h6.tag, .header--h6.tag.members-cta__left__link, h4.header--h6.tag, .member .member-header__head p.header--h6.tag, h5.header--h6.tag, .main-content p.header--h6.tag {
        font-size: 0.875rem;
        line-height: 1.5714; } }
    h6.tag--green, h1.header--h6.tag--green, h2.header--h6.tag--green, .internal-header h1.header--h6.tag--green, .press-release h1.header--h6.tag--green, h3.header--h6.tag--green, .header--h6.tag--green.members-cta__left__link, h4.header--h6.tag--green, .member .member-header__head p.header--h6.tag--green, h5.header--h6.tag--green, .main-content p.header--h6.tag--green {
      color: #99ca3c; }

h1.color--white, h2.color--white, .internal-header h1.color--white, .press-release h1.color--white, h3.color--white, .color--white.members-cta__left__link, h4.color--white, .member .member-header__head p.color--white, h5.color--white, h6.color--white {
  color: #FFFFFF; }
h1.color--cool-grey, h2.color--cool-grey, .internal-header h1.color--cool-grey, .press-release h1.color--cool-grey, h3.color--cool-grey, .color--cool-grey.members-cta__left__link, h4.color--cool-grey, .member .member-header__head p.color--cool-grey, h5.color--cool-grey, h6.color--cool-grey {
  color: #8f959e; }
h1.color--grey-purple, h2.color--grey-purple, .internal-header h1.color--grey-purple, .press-release h1.color--grey-purple, h3.color--grey-purple, .color--grey-purple.members-cta__left__link, h4.color--grey-purple, .member .member-header__head p.color--grey-purple, h5.color--grey-purple, h6.color--grey-purple {
  color: #838288; }
h1.color--green, h2.color--green, .internal-header h1.color--green, .press-release h1.color--green, h3.color--green, .color--green.members-cta__left__link, h4.color--green, .member .member-header__head p.color--green, h5.color--green, h6.color--green {
  color: #99ca3c; }
h1.color--orange, h2.color--orange, .internal-header h1.color--orange, .press-release h1.color--orange, h3.color--orange, .color--orange.members-cta__left__link, h4.color--orange, .member .member-header__head p.color--orange, h5.color--orange, h6.color--orange {
  color: #ff9600; }
h1.color--dark, h2.color--dark, .internal-header h1.color--dark, .press-release h1.color--dark, h3.color--dark, .color--dark.members-cta__left__link, h4.color--dark, .member .member-header__head p.color--dark, h5.color--dark, h6.color--dark {
  color: #303c4b; }
h1.weight--normal, h2.weight--normal, .internal-header h1.weight--normal, .press-release h1.weight--normal, h3.weight--normal, .weight--normal.members-cta__left__link, h4.weight--normal, .member .member-header__head p.weight--normal, h5.weight--normal, h6.weight--normal {
  font-weight: 400; }
h1.weight--medium, h2.weight--medium, .internal-header h1.weight--medium, .press-release h1.weight--medium, h3.weight--medium, .weight--medium.members-cta__left__link, h4.weight--medium, .member .member-header__head p.weight--medium, h5.weight--medium, h6.weight--medium {
  font-weight: 500; }
h1.weight--semi-bold, h2.weight--semi-bold, .internal-header h1.weight--semi-bold, .press-release h1.weight--semi-bold, h3.weight--semi-bold, .weight--semi-bold.members-cta__left__link, h4.weight--semi-bold, .member .member-header__head p.weight--semi-bold, h5.weight--semi-bold, h6.weight--semi-bold {
  font-weight: 600; }
h1.weight--bold, h2.weight--bold, .internal-header h1.weight--bold, .press-release h1.weight--bold, h3.weight--bold, .weight--bold.members-cta__left__link, h4.weight--bold, .member .member-header__head p.weight--bold, h5.weight--bold, h6.weight--bold {
  font-weight: 700; }
h1.transform--upper, h2.transform--upper, .internal-header h1.transform--upper, .press-release h1.transform--upper, h3.transform--upper, .transform--upper.members-cta__left__link, h4.transform--upper, .member .member-header__head p.transform--upper, h5.transform--upper, h6.transform--upper {
  text-transform: uppercase; }
h1.transform--lower, h2.transform--lower, .internal-header h1.transform--lower, .press-release h1.transform--lower, h3.transform--lower, .transform--lower.members-cta__left__link, h4.transform--lower, .member .member-header__head p.transform--lower, h5.transform--lower, h6.transform--lower {
  text-transform: lowercase; }

span.type-break {
  display: block; }
  @media only screen and (max-width: 835px) {
    span.type-break {
      display: inline; } }

/***********************************************************************************/
/* Text Elements that are Shared Across All pages */
/***********************************************************************************/
.main-content {
  color: #8f959e; }
  .main-content p, .main-content ul, .main-content ol, .main-content dl, .main-content blockquote {
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .main-content p, .main-content ul, .main-content ol, .main-content dl, .main-content blockquote {
        font-size: 0.875rem;
        line-height: 1.4; } }
    .main-content p.color--grey-purple, .main-content ul.color--grey-purple, .main-content ol.color--grey-purple, .main-content dl.color--grey-purple, .main-content blockquote.color--grey-purple {
      color: #838288; }
    .main-content p.color--green, .main-content ul.color--green, .main-content ol.color--green, .main-content dl.color--green, .main-content blockquote.color--green {
      color: #99ca3c; }
    .main-content p.color--orange, .main-content ul.color--orange, .main-content ol.color--orange, .main-content dl.color--orange, .main-content blockquote.color--orange {
      color: #ff9600; }
    .main-content p.color--dark, .main-content ul.color--dark, .main-content ol.color--dark, .main-content dl.color--dark, .main-content blockquote.color--dark {
      color: #303c4b; }
    .main-content p.style--lg-text, .main-content .internal-header p, .internal-header .main-content p, .main-content ul.style--lg-text, .main-content ol.style--lg-text, .main-content dl.style--lg-text, .main-content blockquote.style--lg-text {
      font-size: 1.375rem;
      line-height: 1.636363;
      color: #8f959e;
      font-weight: 400; }
      @media only screen and (max-width: 568px) {
        .main-content p.style--lg-text, .main-content .internal-header p, .internal-header .main-content p, .main-content ul.style--lg-text, .main-content ol.style--lg-text, .main-content dl.style--lg-text, .main-content blockquote.style--lg-text {
          font-size: 1rem;
          line-height: 1.5; } }
    .main-content p.style--body-2, .main-content ul.style--body-2, .main-content ol.style--body-2, .main-content dl.style--body-2, .main-content blockquote.style--body-2 {
      color: #8f959e;
      font-size: 1rem;
      line-height: 1.55555; }
      @media only screen and (max-width: 568px) {
        .main-content p.style--body-2, .main-content ul.style--body-2, .main-content ol.style--body-2, .main-content dl.style--body-2, .main-content blockquote.style--body-2 {
          font-size: 0.875rem;
          line-height: 1.4; } }
    .main-content p.button-notify, .main-content ul.button-notify, .main-content ol.button-notify, .main-content dl.button-notify, .main-content blockquote.button-notify {
      font-size: 1rem;
      font-weight: 300;
      color: #303c4b;
      margin-bottom: 0;
      margin-top: 0.75rem; }
      @media only screen and (max-width: 568px) {
        .main-content p.button-notify, .main-content ul.button-notify, .main-content ol.button-notify, .main-content dl.button-notify, .main-content blockquote.button-notify {
          margin-top: 0.625rem;
          font-size: 0.625rem; } }
    .main-content p.button-notify--grey, .main-content ul.button-notify--grey, .main-content ol.button-notify--grey, .main-content dl.button-notify--grey, .main-content blockquote.button-notify--grey {
      opacity: 0.82; }
  .main-content p {
    margin: 1.25em 0; }
  .main-content i.far, .main-content i.fas, .main-content i.fab, .main-content i.fal {
    font-style: normal; }
  .main-content span.fa, .main-content span.far, .main-content span.fas, .main-content span.fab {
    line-height: 1em; }
  .main-content .fa-hold::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
  .main-content ol {
    margin: 1em 0 1em 3em; }
    .main-content ol li {
      list-style: decimal;
      padding: .25em 0; }
      .main-content ol li ol {
        margin-left: 1.25em; }
    .main-content ol ol {
      margin-left: 1.25em; }
  .main-content ul {
    margin: 1em 0 1em 3em; }
    .main-content ul li {
      list-style: disc;
      padding: .25em .25em .25em 0; }
      .main-content ul li ul {
        margin-left: 0; }
        .main-content ul li ul li {
          list-style: none; }
          .main-content ul li ul li:before {
            content: "-";
            margin-right: .15em; }
  .main-content ul.naked {
    margin: 0;
    padding: 0; }
    .main-content ul.naked li {
      list-style: none; }
      .main-content ul.naked li ul > li:before {
        content: '';
        margin-right: 0; }
  .main-content ul.orange-checkboxes {
    list-style: none; }
    .main-content ul.orange-checkboxes li {
      font-size: 1rem;
      line-height: 2.06;
      padding: 0 0 0 30px;
      position: relative;
      margin: 0;
      list-style: none; }
    .main-content ul.orange-checkboxes span.circle-arr {
      color: #ff9600;
      font-size: 1.25rem;
      position: absolute;
      top: -5px;
      left: 0;
      line-height: inherit; }
      .main-content ul.orange-checkboxes span.circle-arr:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        content: "\f058"; }
  .main-content ul.green-checkboxes {
    list-style: none; }
    .main-content ul.green-checkboxes li {
      font-size: 0.875rem;
      padding: 1em 0 1em 40px;
      position: relative;
      margin: 0;
      line-height: 1.9em;
      list-style: none; }
      .main-content ul.green-checkboxes li:before {
        content: '';
        width: 26px;
        height: 25px;
        display: inline-block;
        background: url("/style-guide/global/icon.green-checkbox.png") top center no-repeat;
        background-size: 26px 25px;
        display: block;
        position: absolute;
        top: 12px;
        left: 0; }
  .main-content ul.checklist-square {
    list-style: none;
    margin-left: 22px;
    margin-right: 0; }
    @media only screen and (max-width: 414px) {
      .main-content ul.checklist-square {
        margin-left: 0; } }
    .main-content ul.checklist-square li {
      font-size: 1em;
      padding: .2em 0 .2em 22px;
      position: relative;
      margin: 0;
      line-height: 1.9em;
      list-style: none;
      font-weight: 400; }
      .main-content ul.checklist-square li:before {
        content: '';
        width: 14px;
        height: 15px;
        display: inline-block;
        background: url("/style-guide/global/green-checkbox-square.png"), top center no-repeat;
        background-size: 14px 15px;
        display: block;
        position: absolute;
        top: 12px;
        left: 0; }
  .main-content ul.ul-star li {
    list-style: none;
    position: relative;
    padding-left: 1em; }
    .main-content ul.ul-star li:before {
      content: '*';
      display: inline-block;
      position: absolute;
      left: 0;
      top: 6px; }
  .main-content dl {
    margin: 1em 0 1em 0; }
    .main-content dl dt, .main-content dl dd {
      padding: 0;
      margin: 0; }
    .main-content dl dt {
      font-weight: bold; }
  .main-content b, .main-content strong {
    font-weight: bold; }
  .main-content i, .main-content em {
    font-style: italic; }
  .main-content i.fa, .main-content em.fa, .main-content span.fa {
    font-style: normal; }
    .main-content i.fa i, .main-content em.fa i, .main-content span.fa i {
      display: none; }
  .main-content .notify {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 0.875rem; }
    @media only screen and (max-width: 568px) {
      .main-content .notify {
        font-size: 0.625rem; } }
  .main-content .notify--black {
    color: #000000; }
  .main-content blockquote {
    display: block;
    margin: 1em 0;
    font-size: 1.5rem;
    color: #8f959e;
    border-left: 4px solid #8f959e;
    padding: 0.75rem 1.5rem; }
  .main-content table {
    width: 100%; }
    .main-content table th, .main-content table td {
      padding: 1em;
      border: 1px solid #a6a6a6; }
    .main-content table th {
      font-weight: bold;
      text-align: left; }
  .main-content a {
    color: #ff9600;
    text-decoration: none;
    transition: color .2s linear; }
    .main-content a:hover {
      color: #ea8b00;
      text-decoration: none; }
  .main-content a:active {
    color: #ea8b00;
    text-decoration: none; }
  .main-content .breadcrumbs {
    margin-bottom: 1.5em;
    font-size: 1em; }
  .main-content span.nowrap {
    display: inline-block;
    white-space: nowrap; }

/***********************************************************************************/
/* All Major Structural Code (Login, Header, Footer, Structure Blocks) */
/***********************************************************************************/
/***********************************************************************************/
/* Global Structure */
/***********************************************************************************/
.full-body-wrapper {
  zoom: 1;
  background-color: #FFFFFF; }
  .full-body-wrapper:before, .full-body-wrapper:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .full-body-wrapper:after {
    clear: both; }
  @media only screen and (max-width: 1320px) {
    .full-body-wrapper {
      overflow-x: hidden; } }

.row {
  display: block;
  zoom: 1;
  clear: both; }
  .row:before, .row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .row:after {
    clear: both; }

.container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }
  @media only screen and (max-width: 1320px) {
    .container {
      width: 94%;
      margin-left: auto;
      margin-right: auto; } }

.container--narrow, .container-narrow {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1032px; }
  .container--narrow:after, .container-narrow:after {
    content: " ";
    display: block;
    clear: both; }
  @media only screen and (max-width: 1320px) {
    .container--narrow, .container-narrow {
      width: 94%;
      margin-left: auto;
      margin-right: auto; } }

/*.container--cards {
	@include container;
	max-width: 1032px;

	@include desktop-min {
		max-width: 1032px;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
}*/
.wide-container {
  max-width: 1700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.ultra-wide-container, .full-width-container {
  max-width: 2200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

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

.wow {
  visibility: hidden; }

/***********************************************************************************/
/* Login Bar */
/***********************************************************************************/
.login-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #99ca3c;
  text-align: center;
  display: none;
  z-index: 999;
  padding: 1rem 0; }
  @media only screen and (max-width: 835px) {
    .login-bar {
      display: none !important; } }
  .login-bar__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
  .login-bar a {
    color: #FFFFFF; }
    .login-bar a:hover {
      color: #c3e28e; }
  .login-bar h5 {
    display: inline-block;
    color: #FFFFFF;
    padding-right: 1em; }
  .login-bar input[type="text"], .login-bar input[type="password"] {
    color: #8f959e;
    margin-right: 1em;
    margin-bottom: 0;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    max-width: 180px;
    border: 1px solid #FFFFFF; }
    .login-bar input[type="text"]:focus, .login-bar input[type="password"]:focus {
      color: #000000; }
  .login-bar input.btn.btn--orange {
    font-size: 0.875rem;
    padding: 0.5rem 1.25rem;
    min-width: 0;
    border-radius: 0;
    margin-right: 0.75rem; }
  .login-bar .js-login-close {
    position: relative;
    top: 2px;
    margin-left: 0.3125rem; }

/***********************************************************************************/
/* Account Bar - USER IS LOGGED IN */
/***********************************************************************************/
.account-bar {
  display: none;
  height: 48px;
  background: #E9E9E9;
  color: #817373;
  font-size: 1em;
  width: 100%;
  position: absolute;
  z-index: 999; }
  .account-bar ul {
    line-height: 1em;
    padding: .9em 0 1em 0;
    margin: 0;
    text-align: right; }
  .account-bar ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0; }
  .account-bar a, .account-bar a:link, .account-bar a:visited {
    color: #666666;
    text-decoration: none; }
    .account-bar a:hover, .account-bar a:link:hover, .account-bar a:visited:hover {
      color: #ff9600; }
  @media only screen and (max-width: 414px) {
    .account-bar {
      height: auto; }
      .account-bar .fr {
        float: none; }
      .account-bar ul {
        text-align: center; }
      .account-bar ul li:first-child {
        display: block;
        padding-bottom: 0.5em; }
      .account-bar span.pipe {
        display: none; } }

/***********************************************************************************/
/* Header */
/***********************************************************************************/
.masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.625rem 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #e6e6e6;
  z-index: 2001;
  transition: padding 0.25s, top 0.6s; }
  @media only screen and (max-width: 414px) {
    .masthead {
      padding: 0.5rem 0 0.375rem; } }
  .masthead__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .masthead .trial-nav {
    margin-left: auto; }
    @media only screen and (max-width: 835px) {
      .masthead .trial-nav {
        display: none; } }
    .masthead .trial-nav li {
      display: inline-block; }
    .masthead .trial-nav a {
      display: inline-block;
      -webkit-font-smoothing: antialiased; }
    .masthead .trial-nav a.trial-signin {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 500;
      color: #060606;
      font-size: 0.9375rem;
      margin-right: 1rem; }
    .masthead .trial-nav a.btn--orange {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 500;
      font-size: 0.9375rem;
      border: 1px solid #ff9600;
      background-color: #ff9600;
      padding: 0.5rem 1.25rem;
      color: #FFFFFF;
      border-radius: 45px;
      text-transform: none;
      transition: color 0.25s, border 0.25s, background 0.25s;
      min-width: 210px;
      text-decoration: none; }
      .masthead .trial-nav a.btn--orange:hover {
        background-color: #ea8b00;
        border-color: #ea8b00; }

.masthead-alt-trial {
  padding-bottom: 1.8125rem;
  padding-top: 1.8125rem; }
  .masthead-alt-trial .masthead__flex .logo a img {
    height: 3.0625rem;
    width: 11.5625rem; }
  @media only screen and (max-width: 568px) {
    .masthead-alt-trial {
      padding-bottom: 0rem;
      padding-top: 0.75rem; }
      .masthead-alt-trial .masthead__flex {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .masthead-alt-trial .masthead__flex .logo a img {
          height: 3.3125rem;
          width: 11.125rem; } }

.masthead-without-login {
  padding-bottom: 1.375rem;
  padding-top: 1.375rem; }
  .masthead-without-login .container .masthead__flex .logo a img {
    height: auto;
    width: 15.5625rem; }
  .masthead-without-login .container .masthead__flex .trial-nav .has-trial-button li a {
    min-width: auto;
    padding-left: 1.375rem;
    padding-right: 1.375rem; }
  @media only screen and (max-width: 1320px) {
    .masthead-without-login {
      padding-bottom: 0.625rem;
      padding-top: 0.625rem; }
      .masthead-without-login .container .masthead__flex .logo a img {
        width: auto; } }

.login-open .masthead {
  top: 67px; }

/***********************************************************************************/
/* When the Member is LOGGED IN */
/***********************************************************************************/
.member-logged-in {
  overflow-x: hidden; }
  .member-logged-in .masthead {
    top: 48px;
    transition: top 0s, padding 0.25s;
    position: absolute; }
    @media only screen and (max-width: 414px) {
      .member-logged-in .masthead {
        top: 4.375rem; } }
  .member-logged-in .account-bar {
    display: block; }
  .member-logged-in .trial-nav {
    display: none; }
  .member-logged-in .login-bar {
    display: none; }
  .member-logged-in .mobile-navigation-container .mobile-navigation {
    position: absolute;
    top: calc(48px + 70px); }
    @media only screen and (max-width: 414px) {
      .member-logged-in .mobile-navigation-container .mobile-navigation {
        top: calc(70px + 64px); } }

.header-lock.member-logged-in .account-bar {
  z-index: -1; }
.header-lock.member-logged-in .masthead {
  position: fixed;
  top: 0; }
.header-lock.member-logged-in .mobile-navigation-container .mobile-navigation {
  position: fixed;
  top: 70px; }
  @media only screen and (max-width: 568px) {
    .header-lock.member-logged-in .mobile-navigation-container .mobile-navigation {
      top: 64px; } }

/***********************************************************************************/
/* Mobile Nav and Triggers */
/***********************************************************************************/
.nav-buttons {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 24px;
  display: none; }
  @media only screen and (max-width: 835px) {
    .nav-buttons {
      display: block; } }
  .nav-buttons a.menu-trigger {
    display: block;
    padding: 0;
    transition: .3s;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 5.1428571429px;
    color: #99ca3c; }
    .nav-buttons a.menu-trigger:hover {
      opacity: 1;
      color: #ff9600; }
    .nav-buttons a.menu-trigger:active {
      transition: 0;
      background: rgba(0, 0, 0, 0.1); }
  .nav-buttons .lines {
    display: inline-block;
    width: 36px;
    height: 3px;
    background: #99ca3c;
    border-radius: 0;
    transition: 0.65s;
    width: 30px;
    position: relative;
    /*create the upper and lower lines as pseudo-elements of the middle line*/ }
    .nav-buttons .lines:before, .nav-buttons .lines:after {
      display: inline-block;
      width: 36px;
      height: 3px;
      background: #99ca3c;
      border-radius: 0;
      transition: 0.65s;
      width: 30px;
      position: absolute;
      content: '';
      -webkit-transform-origin: 2.5714285714px center;
              transform-origin: 2.5714285714px center;
      background: #99ca3c; }
    .nav-buttons .lines:before {
      top: 9px; }
    .nav-buttons .lines:after {
      top: -9px; }
  .nav-buttons .lines-button.x.close {
    padding-left: 6px; }
  .nav-buttons .lines-button.x.close .lines {
    /*hide the middle line*/
    background: transparent;
    /*overlay the lines by setting both their top values to 0*/ }
    .nav-buttons .lines-button.x.close .lines:before, .nav-buttons .lines-button.x.close .lines:after {
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      top: 0;
      width: 36px;
      color: #FFFFFF; }
    .nav-buttons .lines-button.x.close .lines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
              transform: rotate3d(0, 0, 1, 45deg);
      background: #ff9600; }
    .nav-buttons .lines-button.x.close .lines:after {
      background: #ff9600;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
              transform: rotate3d(0, 0, 1, -45deg); }

.mobile-navigation {
  visibility: hidden;
  overflow: scroll;
  position: fixed;
  top: 70px;
  right: 0;
  width: 100%;
  height: auto;
  background: #99ca3c;
  transition: visibility .5s ease, -webkit-transform 0.5s ease;
  transition: visibility .5s ease, transform 0.5s ease;
  transition: visibility .5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: 9999;
  -webkit-transform: translate3d(120%, 0, 0);
          transform: translate3d(120%, 0, 0); }
  @media only screen and (max-width: 414px) {
    .mobile-navigation {
      top: 4rem; } }
  .mobile-navigation ul {
    margin: 0 auto; }
    .mobile-navigation ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      display: block; }
      .mobile-navigation ul li a {
        display: block;
        font-size: 1.5rem;
        color: #FFFFFF;
        margin: 0;
        padding: 1em 2em;
        border-bottom: 1px solid #FFFFFF;
        transition: background-color 0.3s ease;
        line-height: 1.2; }
        @media only screen and (max-width: 320px) {
          .mobile-navigation ul li a {
            padding-left: 1em;
            padding-right: 1em; } }
        .mobile-navigation ul li a:hover {
          color: #FFFFFF;
          background: #8bba33; }

.mobile-nav-on .mobile-navigation {
  position: fixed;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

/***********************************************************************************/
/* Site Footer */
/***********************************************************************************/
.footer_simple {
  min-height: auto !important; }

.footer, .footer-v2 {
  clear: left;
  position: relative;
  padding: 0;
  color: #FFF;
  background-color: #99ca3c;
  min-height: 200px;
  line-height: 22px; }
  .footer__flex, .footer-v2__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-left: 8.75rem;
    padding-right: 8.75rem; }
    @media only screen and (max-width: 1024px) {
      .footer__flex, .footer-v2__flex {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 835px) {
      .footer__flex, .footer-v2__flex {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
  .footer__menu, .footer-v2__menu {
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
    @media only screen and (max-width: 667px) {
      .footer__menu, .footer-v2__menu {
        display: none; } }
  .footer__menu--split ul, .footer-v2__menu--split ul {
    width: 49.1525423729%;
    float: left; }
    .footer__menu--split ul:nth-child(2n + 1), .footer-v2__menu--split ul:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .footer__menu--split ul:nth-child(2n + 2), .footer-v2__menu--split ul:nth-child(2n + 2) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    .footer__menu--split ul:last-child, .footer-v2__menu--split ul:last-child {
      padding-left: 1.25rem; }
  .footer ul, .footer-v2 ul {
    margin: 0;
    padding: 0; }
    .footer ul li, .footer-v2 ul li {
      font-size: 0.75rem;
      font-weight: 500; }
      .footer ul li.get-help-link, .footer-v2 ul li.get-help-link {
        display: none; }
        @media only screen and (max-width: 667px) {
          .footer ul li.get-help-link, .footer-v2 ul li.get-help-link {
            display: inline-block; } }
  @media only screen and (max-width: 835px) {
    .footer__menu-connect, .footer-v2__menu-connect {
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; } }
  @media only screen and (max-width: 667px) {
    .footer__menu-connect, .footer-v2__menu-connect {
      display: block; } }
  .footer__menu-connect li, .footer-v2__menu-connect li {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem; }
    @media only screen and (max-width: 667px) {
      .footer__menu-connect li, .footer-v2__menu-connect li {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; } }
  .footer__menu-connect img, .footer-v2__menu-connect img {
    position: relative;
    top: 8px;
    padding-right: 5px; }
  .footer a, .footer-v2 a {
    color: #FFFFFF; }
    .footer a:hover, .footer-v2 a:hover {
      color: #c3e28e; }
  .footer h4, .footer .member .member-header__head p, .member .member-header__head .footer p, .footer-v2 h4, .footer-v2 .member .member-header__head p, .member .member-header__head .footer-v2 p {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    margin: 1.875rem 0 0.75rem; }
  .footer__copyright, .footer-v2__copyright {
    clear: left;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 10px;
    color: #FFF;
    color: rgba(255, 255, 255, 0.5);
    text-align: center; }
    @media only screen and (max-width: 835px) {
      .footer__copyright .copyright-links, .footer-v2__copyright .copyright-links {
        display: block;
        padding-top: 0.625rem; } }
    .footer__copyright a, .footer-v2__copyright a {
      color: #FFF;
      text-decoration: none; }
      .footer__copyright a:hover, .footer-v2__copyright a:hover {
        text-decoration: underline; }

.footer-v2 {
  background-color: #303c4b; }
  .footer-v2 .fNav {
    text-transform: uppercase; }
    .footer-v2 .fNav a {
      color: #FFFFFF; }
    .footer-v2 .fNav a:hover {
      color: #8f959e; }
  .footer-v2 .footer__menu:nth-child(1) {
    -webkit-flex: 1.1;
        -ms-flex: 1.1;
            flex: 1.1;
    margin-left: 0.25rem; }
  .footer-v2 .footer__menu:nth-child(2) {
    -webkit-flex: 2.2;
        -ms-flex: 2.2;
            flex: 2.2; }
  .footer-v2 .footer__menu:nth-child(3) {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .footer-v2 .footer__menu:nth-child(4) {
    -webkit-flex: 1.7;
        -ms-flex: 1.7;
            flex: 1.7;
    margin-right: 0; }
  .footer-v2 .footer__menu:nth-child(5) {
    display: none; }
  .footer-v2 h4, .footer-v2 .member .member-header__head p, .member .member-header__head .footer-v2 p {
    font-weight: 500;
    margin: 2.875rem 0 0.875rem;
    text-decoration: underline; }
  .footer-v2 .light-button {
    background-color: #8f959e;
    border-radius: 3px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    margin-top: 1rem;
    padding: 0.5rem 0.875rem;
    text-align: center;
    text-transform: none;
    width: 9.6875rem; }
  .footer-v2 .light-button:hover {
    background-color: #FFFFFF;
    border-color: #303c4b;
    color: #303c4b; }
  .footer-v2 .icons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0.1875rem;
    -ms-grid-column-align: left;
        justify-items: left; }
    .footer-v2 .icons img {
      display: block; }
  .footer-v2 .apps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    -ms-grid-column-align: left;
        justify-items: left; }
    .footer-v2 .apps img {
      display: block; }
  .footer-v2__copyright {
    color: #FFFFFF;
    font-weight: 500;
    padding-bottom: 2.0625rem;
    padding-top: 2.125rem; }
    .footer-v2__copyright a:hover {
      color: #8f959e; }
  @media only screen and (max-width: 1320px) {
    .footer-v2 .footer__flex {
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .footer-v2 .footer__flex .footer__menu {
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      .footer-v2 .footer__flex .footer__menu:nth-child(1) {
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3;
        text-align: center; }
        .footer-v2 .footer__flex .footer__menu:nth-child(1) h4, .footer-v2 .footer__flex .footer__menu:nth-child(1) .member .member-header__head p, .member .member-header__head .footer-v2 .footer__flex .footer__menu:nth-child(1) p {
          margin-top: 1.1875rem; }
      .footer-v2 .footer__flex .footer__menu:nth-child(2) {
        -webkit-order: 4;
            -ms-flex-order: 4;
                order: 4; }
        .footer-v2 .footer__flex .footer__menu:nth-child(2) h4, .footer-v2 .footer__flex .footer__menu:nth-child(2) .member .member-header__head p, .member .member-header__head .footer-v2 .footer__flex .footer__menu:nth-child(2) p {
          display: none; }
      .footer-v2 .footer__flex .footer__menu:nth-child(3) {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
        .footer-v2 .footer__flex .footer__menu:nth-child(3) h4, .footer-v2 .footer__flex .footer__menu:nth-child(3) .member .member-header__head p, .member .member-header__head .footer-v2 .footer__flex .footer__menu:nth-child(3) p {
          display: none; }
      .footer-v2 .footer__flex .footer__menu:nth-child(4) {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        padding-bottom: 1.1875rem; }
        .footer-v2 .footer__flex .footer__menu:nth-child(4) h4, .footer-v2 .footer__flex .footer__menu:nth-child(4) .member .member-header__head p, .member .member-header__head .footer-v2 .footer__flex .footer__menu:nth-child(4) p {
          display: none; }
      .footer-v2 .footer__flex .footer__menu:nth-child(5) {
        display: block;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        padding-bottom: 1.1875rem;
        padding-top: 1.9375rem; }
    .footer-v2 .icons {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      gap: 0.5rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .footer-v2 .icons img {
        height: 1.9375rem;
        width: 1.9375rem; }
    .footer-v2 .apps {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      gap: 0.5625rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .footer-v2 .apps .ios-app img {
        height: 2rem;
        width: 6rem; }
      .footer-v2 .apps .android-app img {
        height: 2rem;
        width: 6.8125rem; }
    .footer-v2 .light-button {
      width: auto; }
    .footer-v2__copyright {
      line-height: normal;
      padding-bottom: 2rem;
      padding-top: 1.1875rem; }
      .footer-v2__copyright .copyright-links {
        padding-top: 0; } }

.footer ul.quick-links {
  display: none; }
  @media only screen and (max-width: 568px) {
    .footer ul.quick-links {
      display: block; } }
  .footer ul.quick-links a:hover {
    color: #FFFFFF; }
  .footer ul.quick-links li {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 0.2em;
    padding-bottom: 0.2em; }
    .footer ul.quick-links li ul {
      margin-top: 0.25em;
      margin-left: 0.75em;
      display: none; }
      .footer ul.quick-links li ul li:before {
        display: none; }
  .footer ul.quick-links h2, .footer ul.quick-links .internal-header h1, .internal-header .footer ul.quick-links h1, .footer ul.quick-links .press-release h1, .press-release .footer ul.quick-links h1 {
    margin-bottom: .5em; }

.body-hide-footer .footer {
  display: none; }

/***********************************************************************************/
/* Global General Elements */
/***********************************************************************************/
/***********************************************************************************/
/* Forms and Form Elements */
/***********************************************************************************/
label {
  display: block;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.625rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="num"], textarea, input[type="email"] {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  background: #FFF;
  color: #303c4b;
  display: inline-block;
  padding: 0.625rem 0.75rem;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  margin: 0 0 1em 0;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  width: 100%;
  min-width: 100px;
  transition: border-color .25s ease-in-out; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="num"]:focus, textarea:focus, input[type="email"]:focus {
    border-color: #99ca3c; }

::-webkit-input-placeholder {
  color: #8f959e; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #8f959e; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #8f959e; }

:-ms-input-placeholder {
  color: #8f959e; }

textarea {
  resize: vertical;
  width: 100%;
  min-height: 200px; }

select {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 48px;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #303c4b;
  background: #FFFFFF;
  font-size: 16px;
  margin: 0 0 1em 0;
  border: 1px solid #D2D2D2;
  border-radius: 5px !important;
  background-color: #FFFFFF;
  background-image: url("/img/style-guide/global-v3/icons/select-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 74px 48px !important;
  padding-left: 0.75rem; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    select {
      background-image: url("/img/style-guide/global-v3/icons/select-bg@2x.png");
      background-size: cover; } }
  select::-ms-expand {
    display: none; }
  select:focus {
    outline: none;
    border-color: #99ca3c; }

input[type="radio"], input[type="checkbox"] {
  margin-right: 1em;
  margin-bottom: .75em; }

/***********************************************************************************/
/* Custom Dropdowns */
/***********************************************************************************/
.main-content .custom-dropdown {
  max-width: 530px;
  margin-left: auto;
  margin-right: auto; }

.custom-dropdown {
  position: relative; }
  .custom-dropdown a.js-select-open {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #D2D2D2;
    padding: 0 0 0 1.125rem;
    transition: border 1s, border-radius 0.2s; }
    @media only screen and (max-width: 480px) {
      .custom-dropdown a.js-select-open {
        padding: 0 0 0 0.875rem; } }
  .custom-dropdown__trigger--open a.js-select-open {
    border-bottom-color: #FFFFFF;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: border 0s ease 0s, border-radius 0.2s ease 0s; }
  .custom-dropdown__trigger-text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    display: block;
    color: #8f959e; }
  .custom-dropdown__trigger-button {
    text-align: center;
    margin-left: auto;
    padding: 1.125rem 1.75rem;
    border-left: 1px solid #D2D2D2; }
    @media only screen and (max-width: 480px) {
      .custom-dropdown__trigger-button {
        padding-left: 1.125rem;
        padding-right: 1.125rem; } }
    .custom-dropdown__trigger-button svg {
      position: relative;
      top: 2px; }
  .custom-dropdown__list-contain {
    padding: 0;
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    max-width: 530px;
    z-index: 12; }
  .custom-dropdown__list {
    padding: 0;
    border: 1px solid #D2D2D2; }
    .custom-dropdown__list li {
      padding: 0 !important; }
    .custom-dropdown__list a {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      font-size: 1rem;
      display: block;
      color: #8f959e;
      text-decoration: none;
      padding: 0.625rem 1.25rem;
      border-bottom: 1px solid #D2D2D2;
      transition: background-color 0.25s ease;
      background-color: #FFFFFF; }
      .custom-dropdown__list a:hover {
        background-color: #F8F8F8;
        color: #8f959e; }
    .custom-dropdown__list li:last-child > a {
      border-bottom: 0; }

/***********************************************************************************/
/* Form Rounded */
/***********************************************************************************/
.form-rounded input[type="text"], .form-rounded input[type="password"], .form-rounded input[type="tel"], .form-rounded input[type="num"], .form-rounded input[type="email"] {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  background: #FFF;
  color: #303c4b;
  display: inline-block;
  padding: 0.875rem 1.25rem;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875rem;
  margin: 0;
  border: 2px solid #FFFFFF;
  border-radius: 40px;
  width: 100%;
  min-width: 100px;
  transition: border-color .25s ease-in-out; }
  .form-rounded input[type="text"]:focus, .form-rounded input[type="password"]:focus, .form-rounded input[type="tel"]:focus, .form-rounded input[type="num"]:focus, .form-rounded input[type="email"]:focus {
    border-color: #99ca3c; }
  .form-rounded input[type="text"] ::-webkit-input-placeholder, .form-rounded input[type="password"] ::-webkit-input-placeholder, .form-rounded input[type="tel"] ::-webkit-input-placeholder, .form-rounded input[type="num"] ::-webkit-input-placeholder, .form-rounded input[type="email"] ::-webkit-input-placeholder {
    color: #838288; }
  .form-rounded input[type="text"] :-moz-placeholder, .form-rounded input[type="password"] :-moz-placeholder, .form-rounded input[type="tel"] :-moz-placeholder, .form-rounded input[type="num"] :-moz-placeholder, .form-rounded input[type="email"] :-moz-placeholder {
    /* Firefox 18- */
    color: #838288; }
  .form-rounded input[type="text"] ::-moz-placeholder, .form-rounded input[type="password"] ::-moz-placeholder, .form-rounded input[type="tel"] ::-moz-placeholder, .form-rounded input[type="num"] ::-moz-placeholder, .form-rounded input[type="email"] ::-moz-placeholder {
    /* Firefox 19+ */
    color: #838288; }
  .form-rounded input[type="text"] :-ms-input-placeholder, .form-rounded input[type="password"] :-ms-input-placeholder, .form-rounded input[type="tel"] :-ms-input-placeholder, .form-rounded input[type="num"] :-ms-input-placeholder, .form-rounded input[type="email"] :-ms-input-placeholder {
    color: #838288; }
  .form-rounded input[type="text"].input--error, .form-rounded input[type="password"].input--error, .form-rounded input[type="tel"].input--error, .form-rounded input[type="num"].input--error, .form-rounded input[type="email"].input--error {
    border-color: #b92222; }
  @media only screen and (max-width: 568px) {
    .form-rounded input[type="text"], .form-rounded input[type="password"], .form-rounded input[type="tel"], .form-rounded input[type="num"], .form-rounded input[type="email"] {
      font-size: 0.875rem;
      padding: 0.375rem 1.25rem; } }
.form-rounded .field-error {
  color: #b92222; }
  .form-rounded .field-error p {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    padding-top: 5px; }

/***********************************************************************************/
/* Custom Checkbox / Radio Selectors */
/***********************************************************************************/
.custom-circle-check {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: normal; }
  .custom-circle-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .custom-circle-check:hover {
    cursor: pointer; }
  .custom-circle-check .circle-check-text {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .custom-circle-check span.circle-check {
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(151, 151, 151, 0.34);
    border-radius: 20px;
    position: relative;
    background-color: #FFFFFF;
    margin-right: 0.3125rem;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
    .custom-circle-check span.circle-check:before {
      content: '';
      width: 8px;
      height: 8px;
      background-color: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 8px;
      transition: opacity 0.15s ease-in-out;
      opacity: 0; }
    .custom-circle-check span.circle-check:hover {
      cursor: pointer; }
  .custom-circle-check input[type="checkbox"]:checked ~ .circle-check:before {
    opacity: 1; }
  .custom-circle-check input[type="checkbox"]:checked ~ .circle-check {
    background-color: #ff9600; }

.custom-square-check {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: normal;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
  .custom-square-check input[type="checkbox"] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0; }
  .custom-square-check:hover {
    cursor: pointer; }
  .custom-square-check .square-check-text {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0.75rem; }
  .custom-square-check span.square-check {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #8f959e;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.125rem;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 0.3125rem;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    width: 1.125rem; }
    .custom-square-check span.square-check:before {
      content: '\f00c';
      color: #ff9600;
      font-family: 'Font Awesome 5 Free';
      font-size: 1.25rem;
      font-weight: 900;
      height: 1.125rem;
      opacity: 0;
      transition: opacity 0.15s ease-in-out;
      width: 1.125rem; }
    .custom-square-check span.square-check:hover {
      cursor: pointer; }
  .custom-square-check input[type="checkbox"]:checked ~ .square-check:before {
    opacity: 1; }

.custom-square-check-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: normal;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none; }
  .custom-square-check-right input[type="checkbox"] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0; }
  .custom-square-check-right:hover {
    cursor: pointer; }
  .custom-square-check-right .square-check-text {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 0.75rem; }
  .custom-square-check-right span.square-check {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #8f959e;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.125rem;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0.3125rem;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    width: 1.125rem; }
    .custom-square-check-right span.square-check:after {
      content: '\f00c';
      color: #ff9600;
      font-family: 'Font Awesome 5 Free';
      font-size: 1.25rem;
      font-weight: 900;
      height: 1.125rem;
      opacity: 0;
      transition: opacity 0.15s ease-in-out;
      width: 1.125rem; }
    .custom-square-check-right span.square-check:hover {
      cursor: pointer; }
  .custom-square-check-right input[type="checkbox"]:checked ~ .square-check:after {
    opacity: 1; }

.custom-circle-radio {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: normal; }
  .custom-circle-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .custom-circle-radio:hover {
    cursor: pointer; }
  .custom-circle-radio .circle-radio-text {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .custom-circle-radio span.circle-radio {
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid rgba(151, 151, 151, 0.34);
    border-radius: 20px;
    position: relative;
    background-color: #e1e7e9;
    margin-right: 0.625rem;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
    .custom-circle-radio span.circle-radio:before {
      content: '';
      width: 8px;
      height: 8px;
      background-color: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 8px;
      transition: opacity 0.15s ease-in-out;
      opacity: 0; }
    .custom-circle-radio span.circle-radio:hover {
      cursor: pointer; }
  .custom-circle-radio input[type="radio"]:checked ~ .circle-radio:before {
    opacity: 1; }
  .custom-circle-radio input[type="radio"]:checked ~ .circle-radio {
    background-color: #ff9600; }

/***********************************************************************************/
/* Field Rows with ICONS */
/***********************************************************************************/
.field-row {
  margin-bottom: 1.5625rem; }
  .field-row:last-child {
    margin-bottom: 0; }
  .field-row input[type="text"], .field-row input[type="password"], .field-row input[type="tel"], .field-row input[type="num"], .field-row textarea, .field-row input[type="email"] {
    margin-bottom: 0; }
  .field-row--split {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .field-row--split > div {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
      .field-row--split > div:nth-child(2n) {
        float: right;
        margin-right: 0; }
      @media only screen and (max-width: 568px) {
        .field-row--split > div:first-child {
          padding-right: 0.625rem; } }
  .field-row .input-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .field-row .input-icon__icon {
      position: relative;
      top: 0;
      left: -30px;
      width: 0; }
      @media only screen and (max-width: 568px) {
        .field-row .input-icon__icon {
          top: 0; } }

a.btn, input.btn, button.btn {
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin: 0;
  padding: 0.75rem 1.375rem;
  text-decoration: none;
  letter-spacing: 0.3px;
  border: 1px solid transparent;
  border-radius: 45px;
  min-width: 215px;
  transition: color 0.25s, border 0.25s, background 0.25s;
  -webkit-appearance: none; }
  @media only screen and (max-width: 667px) {
    a.btn, input.btn, button.btn {
      min-width: 10px; } }
  @media only screen and (max-width: 568px) {
    a.btn, input.btn, button.btn {
      font-size: 0.875rem;
      padding: 0.375rem 1.375rem; } }
  a.btn:hover, input.btn:hover, button.btn:hover {
    text-decoration: none;
    cursor: pointer; }
  a.btn.btn--orange, input.btn.btn--orange, button.btn.btn--orange {
    padding: 0.9375rem 3.75rem;
    background-color: #ff9600;
    border-color: #ff9600;
    color: #FFFFFF; }
    @media only screen and (max-width: 568px) {
      a.btn.btn--orange, input.btn.btn--orange, button.btn.btn--orange {
        padding: 0.5rem 1.5625rem; } }
    a.btn.btn--orange:hover, input.btn.btn--orange:hover, button.btn.btn--orange:hover {
      background-color: #ea8b00;
      border-color: #ea8b00; }
  a.btn.btn--white, input.btn.btn--white, button.btn.btn--white {
    padding: 0.9375rem 3.75rem;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #ff9600; }
    @media only screen and (max-width: 568px) {
      a.btn.btn--white, input.btn.btn--white, button.btn.btn--white {
        padding: 0.5rem 1.5625rem; } }
    a.btn.btn--white:hover, input.btn.btn--white:hover, button.btn.btn--white:hover {
      background-color: #99ca3c;
      border-color: #99ca3c;
      color: #FFFFFF; }
  a.btn.btn--outline, input.btn.btn--outline, button.btn.btn--outline {
    padding: 0.9375rem 3.75rem;
    background-color: transparent;
    border-color: #ff9600;
    color: #ff9600; }
    @media only screen and (max-width: 568px) {
      a.btn.btn--outline, input.btn.btn--outline, button.btn.btn--outline {
        padding: 0.5rem 1.5625rem; } }
    a.btn.btn--outline:hover, input.btn.btn--outline:hover, button.btn.btn--outline:hover {
      border-color: #ea8b00;
      color: #ea8b00; }
  a.btn.btn--grey-out, a.btn.btn--grey-out-thick, input.btn.btn--grey-out, input.btn.btn--grey-out-thick, button.btn.btn--grey-out, button.btn.btn--grey-out-thick {
    padding: 0.9375rem 1.875rem;
    background-color: transparent;
    border-color: #8f959e;
    color: #8f959e; }
    @media only screen and (max-width: 568px) {
      a.btn.btn--grey-out, a.btn.btn--grey-out-thick, input.btn.btn--grey-out, input.btn.btn--grey-out-thick, button.btn.btn--grey-out, button.btn.btn--grey-out-thick {
        padding: 0.5rem 0.9375rem; } }
    a.btn.btn--grey-out:hover, a.btn.btn--grey-out-thick:hover, input.btn.btn--grey-out:hover, input.btn.btn--grey-out-thick:hover, button.btn.btn--grey-out:hover, button.btn.btn--grey-out-thick:hover {
      background-color: transparent;
      border-color: #ff9600;
      color: #ff9600; }
  a.btn.btn--walmart-cart, a.btn.btn--get-ingredients, input.btn.btn--walmart-cart, input.btn.btn--get-ingredients, button.btn.btn--walmart-cart, button.btn.btn--get-ingredients {
    padding: 0.625rem 1.25rem;
    background-color: #096cb6;
    border-color: #096cb6;
    color: #FFFFFF;
    font-size: 0.875rem;
    min-width: 80px;
    text-transform: uppercase;
    font-weight: 500; }
    a.btn.btn--walmart-cart span.icon-cart, a.btn.btn--get-ingredients span.icon-cart, input.btn.btn--walmart-cart span.icon-cart, input.btn.btn--get-ingredients span.icon-cart, button.btn.btn--walmart-cart span.icon-cart, button.btn.btn--get-ingredients span.icon-cart {
      display: inline-block;
      width: 15px;
      height: 12px;
      background: url("/img/style-guide/global-v3/icons/shopping-icon.svg");
      background-size: 15px 12px;
      background-position: top left;
      background-repeat: no-repeat;
      margin-right: 4px;
      position: relative;
      top: 1px; }
    a.btn.btn--walmart-cart span.icon-cart-lg, a.btn.btn--get-ingredients span.icon-cart-lg, input.btn.btn--walmart-cart span.icon-cart-lg, input.btn.btn--get-ingredients span.icon-cart-lg, button.btn.btn--walmart-cart span.icon-cart-lg, button.btn.btn--get-ingredients span.icon-cart-lg {
      display: inline-block;
      width: 24px;
      height: 20px;
      background: url("/img/style-guide/global-v3/icons/shopping-icon-lg.svg");
      background-size: 24px 20px;
      background-position: top left;
      background-repeat: no-repeat;
      margin-right: 18px;
      position: relative;
      top: 4px; }
    @media only screen and (max-width: 568px) {
      a.btn.btn--walmart-cart, a.btn.btn--get-ingredients, input.btn.btn--walmart-cart, input.btn.btn--get-ingredients, button.btn.btn--walmart-cart, button.btn.btn--get-ingredients {
        padding: 0.5rem 1.5625rem; } }
    a.btn.btn--walmart-cart:hover, a.btn.btn--get-ingredients:hover, input.btn.btn--walmart-cart:hover, input.btn.btn--get-ingredients:hover, button.btn.btn--walmart-cart:hover, button.btn.btn--get-ingredients:hover {
      background-color: #085e9e;
      border-color: #085e9e; }
  a.btn.btn--get-ingredients, input.btn.btn--get-ingredients, button.btn.btn--get-ingredients {
    background-color: #ff9600;
    border-color: #ff9600; }
  a.btn.btn--get-ingredients:hover, input.btn.btn--get-ingredients:hover, button.btn.btn--get-ingredients:hover {
    background-color: #ea8b00;
    border-color: #ea8b00; }
  a.btn.btn--grey-out-thick, input.btn.btn--grey-out-thick, button.btn.btn--grey-out-thick {
    border-width: 2px; }
  a.btn.btn--size-small, input.btn.btn--size-small, button.btn.btn--size-small {
    min-width: 200px;
    font-size: 1rem;
    padding: 0.5rem 1.25rem; }
  a.btn.btn--desktop, input.btn.btn--desktop, button.btn.btn--desktop {
    display: inline-block; }
    @media only screen and (max-width: 835px) {
      a.btn.btn--desktop, input.btn.btn--desktop, button.btn.btn--desktop {
        display: none; } }
  a.btn.btn--mobile, input.btn.btn--mobile, button.btn.btn--mobile {
    display: none; }
    @media only screen and (max-width: 835px) {
      a.btn.btn--mobile, input.btn.btn--mobile, button.btn.btn--mobile {
        display: inline-block; } }

/***********************************************************************************/
/* Modules Running in Includes on the Site */
/***********************************************************************************/
/***********************************************************************************/
/* Slide Slide Modules */
/***********************************************************************************/
.slick-slider-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .slick-slider-flex .slick-track, .slick-slider-flex .slick-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .slick-slider-flex.slick-initialized .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .slick-slider-flex.slick-initialized .slick-slide:focus {
      outline: none; }

/***********************************************************************************/
/* How it Works Modules (used on Home Page) */
/***********************************************************************************/
.how-it-works {
  zoom: 1; }
  .how-it-works:before, .how-it-works:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .how-it-works:after {
    clear: both; }
  .how-it-works__row {
    zoom: 1; }
    .how-it-works__row:before, .how-it-works__row:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .how-it-works__row:after {
      clear: both; }
  .how-it-works__button {
    clear: both;
    margin: 3.75rem auto 0;
    text-align: center; }
    .how-it-works__button .button-notify {
      margin-bottom: 0; }

.how-block-row {
  zoom: 1; }
  .how-block-row:before, .how-block-row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .how-block-row:after {
    clear: both; }

.how-block {
  width: 32.2033898305%;
  float: left; }
  .how-block:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0; }
  .how-block:nth-child(3n + 2) {
    margin-left: 33.8983050847%;
    margin-right: -100%;
    clear: none; }
  .how-block:nth-child(3n + 3) {
    margin-left: 67.7966101695%;
    margin-right: -100%;
    clear: none; }
  @media screen and (max-width: 890px) {
    .how-block {
      width: 100%;
      float: left;
      float: none; }
      .how-block:nth-child(1n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: none; } }
  .how-block__inside {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 480px) {
      .how-block__inside {
        max-width: 285px; } }
  .how-block__image {
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 480px) {
      .how-block__image {
        margin-bottom: 1.875rem; } }
    .how-block__image img {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  .how-block__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .how-block__head-svg {
      max-height: 38px; }
    .how-block__head h5 {
      margin-bottom: 0;
      margin-left: 0.625rem;
      font-size: 1.25rem;
      color: #303c4b; }
      @media only screen and (max-width: 480px) {
        .how-block__head h5 {
          font-size: 1rem; } }
  .how-block__content {
    text-align: center; }
    .how-block__content p {
      font-size: 1rem;
      line-height: 1.4375rem;
      color: #8f959e; }
      @media only screen and (max-width: 480px) {
        .how-block__content p {
          font-size: 0.875rem;
          line-height: 1.25rem; } }

/***********************************************************************************/
/* eMeals Works With (Partners) - Used on Homepage */
/***********************************************************************************/
.works-with {
  background-color: #99ca3c; }
  .works-with__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1rem; }
    @media only screen and (max-width: 736px) {
      .works-with__row {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center; } }
  .works-with__logo {
    margin: auto 1.25rem; }
    @media only screen and (max-width: 835px) {
      .works-with__logo {
        margin: auto 1.25rem; } }
    @media only screen and (max-width: 736px) {
      .works-with__logo {
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        margin: 0 auto 1.875rem;
        padding-left: 10px;
        padding-right: 10px; }
        .works-with__logo img {
          display: block;
          margin: auto;
          text-align: center; } }
    @media only screen and (max-width: 736px) {
      .works-with__logo:last-child {
        margin-bottom: 0; } }

/***********************************************************************************/
/* Dave Ramsey Module - Used on Homepage */
/***********************************************************************************/
.dave-ramsey-module {
  position: relative;
  min-height: 350px; }
  @media only screen and (max-width: 736px) {
    .dave-ramsey-module {
      min-height: 1px; } }
  .dave-ramsey-module__content {
    max-width: 630px;
    text-align: center;
    padding-top: 5rem; }
    @media screen and (max-width: 1280px) {
      .dave-ramsey-module__content {
        margin: auto;
        padding-top: 1.875rem; } }
    @media only screen and (max-width: 320px) {
      .dave-ramsey-module__content {
        padding-left: 0.625rem;
        padding-right: 0.625rem; } }
    .dave-ramsey-module__content h3 > strong, .dave-ramsey-module__content .members-cta__left__link > strong {
      font-weight: 500; }
  .dave-ramsey-module__author {
    margin-top: 1.625rem; }
    .dave-ramsey-module__author h4.auth-name, .dave-ramsey-module__author .member .member-header__head p.auth-name, .member .member-header__head .dave-ramsey-module__author p.auth-name {
      font-weight: 500;
      color: #303c4b; }
    .dave-ramsey-module__author h4.auth-tag, .dave-ramsey-module__author .member .member-header__head p.auth-tag, .member .member-header__head .dave-ramsey-module__author p.auth-tag {
      color: #99ca3c;
      font-weight: 300; }
  .dave-ramsey-module__image {
    position: absolute;
    bottom: 0;
    right: 10px; }
    @media screen and (max-width: 1280px) {
      .dave-ramsey-module__image {
        display: none; } }
    .dave-ramsey-module__image img {
      display: block; }
  .dave-ramsey-module__mobile-image {
    display: none; }
    @media screen and (max-width: 1280px) {
      .dave-ramsey-module__mobile-image {
        display: block;
        text-align: center; }
        .dave-ramsey-module__mobile-image img {
          margin-top: -100px; } }

/***********************************************************************************/
/* Meal Plan Grids */
/***********************************************************************************/
.plan-grid header.title-area {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (max-width: 835px) {
  .plan-grid .plan-grid-outer--desktop {
    display: none; } }
.plan-grid .plan-grid-outer--mobile {
  display: none; }
  @media only screen and (max-width: 835px) {
    .plan-grid .plan-grid-outer--mobile {
      display: block; } }
  .plan-grid .plan-grid-outer--mobile .meal-plans-cta {
    text-align: center;
    margin-top: 0.9375rem; }
.plan-grid__flex-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap; }
  @media only screen and (max-width: 835px) {
    .plan-grid__flex-row {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; } }
.plan-grid__plan {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  height: 280px;
  transition: height 0.3s ease;
  		/*&.compat-object-fit {
  		   background-size: cover;
  		   background-position: center center;
  
  		   img {
  		   	opacity: 0;
  		   }
  		}*/ }
  @media screen and (min-width: 1800px) {
    .plan-grid__plan {
      height: 400px; } }
  @media only screen and (max-width: 835px) {
    .plan-grid__plan {
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      margin-right: 0;
      height: 220px;
      max-height: 220px; } }
  .plan-grid__plan:last-child {
    margin-right: 0; }
  .plan-grid__plan img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: bottom;'; }
  .plan-grid__plan figcaption {
    margin-top: auto;
    margin-left: 1.25rem;
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
    display: inline-block;
    transition: opacity 0.33s; }
    .plan-grid__plan figcaption span {
      display: block;
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      background-color: #99ca3c;
      color: #FFFFFF;
      padding: 0.625rem 1.875rem; }
      @media only screen and (max-width: 1024px) {
        .plan-grid__plan figcaption span {
          display: inline-block;
          margin: auto;
          text-align: center; } }
      @media only screen and (max-width: 480px) {
        .plan-grid__plan figcaption span {
          font-size: 1rem; } }
    @media only screen and (max-width: 1024px) {
      .plan-grid__plan figcaption {
        position: relative;
        bottom: 0;
        left: 0;
        top: -65px;
        display: block;
        margin: auto;
        text-align: center;
        width: 100%; } }
  .plan-grid__plan .hover-caption {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.875rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    color: #FFFFFF;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.33s, -webkit-transform 0.18s linear 0.12s;
    transition: opacity 0.33s, transform 0.18s linear 0.12s;
    transition: opacity 0.33s, transform 0.18s linear 0.12s, -webkit-transform 0.18s linear 0.12s;
    width: 90%; }
  .plan-grid__plan .plan-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
    .plan-grid__plan .plan-link:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 0.3s;
      opacity: 0;
      background-color: rgba(254, 151, 0, 0.6); }
    .plan-grid__plan .plan-link:hover:after {
      opacity: 1; }
    .plan-grid__plan .plan-link:hover figcaption {
      opacity: 0; }
    .plan-grid__plan .plan-link:hover .hover-caption {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.plan-grid__plan-wide {
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%; }

/***********************************************************************************/
/* Meal Plan Grids - V3 - 2021 */
/***********************************************************************************/
@media only screen and (max-width: 568px) {
  .plan-grid-v3 .container--narrow {
    max-width: 350px; } }
.plan-grid-v3__plan {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .plan-grid-v3__plan:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .plan-grid-v3__plan {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
      .plan-grid-v3__plan:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .plan-grid-v3__plan:nth-child(3n+1) {
        clear: none; }
      .plan-grid-v3__plan:nth-child(3n) {
        float: left; }
      .plan-grid-v3__plan:nth-child(2n) {
        float: right;
        margin-right: 0; } }
  @media only screen and (max-width: 568px) {
    .plan-grid-v3__plan {
      float: left;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: block;
      margin-right: 0; }
      .plan-grid-v3__plan:nth-child(2n) {
        margin-right: 1.6949152542%; }
      .plan-grid-v3__plan:nth-child(2n+1) {
        clear: none; } }
  .plan-grid-v3__plan figcaption {
    position: relative;
    bottom: 0;
    left: 0;
    top: -65px;
    display: block;
    margin: auto;
    text-align: center;
    width: 100%;
    margin-bottom: -20px; }
    @media only screen and (max-width: 1024px) {
      .plan-grid-v3__plan figcaption {
        margin-bottom: -22px; } }
    .plan-grid-v3__plan figcaption span {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      background-color: #99ca3c;
      color: #FFFFFF;
      padding: 0.625rem 1.875rem;
      display: inline-block;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 480px) {
        .plan-grid-v3__plan figcaption span {
          font-size: 1rem; } }

/***********************************************************************************/
/* Card Display - Displays the Plan Cards in Split View (used on Keto/Dave Pages) */
/***********************************************************************************/
.card-recipes {
  background-color: #F8F8F8;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .card-recipes {
      padding: 1.875rem 0; } }
  .card-recipes .container {
    max-width: 1170px; }
  .card-recipes__head {
    max-width: 288px;
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 835px) {
      .card-recipes__head {
        max-width: 100%;
        text-align: center; } }
    @media only screen and (max-width: 568px) {
      .card-recipes__head {
        margin-bottom: 1.875rem; } }
    .card-recipes__head h2, .card-recipes__head .internal-header h1, .internal-header .card-recipes__head h1, .card-recipes__head .press-release h1, .press-release .card-recipes__head h1 {
      font-size: 2.25rem;
      font-weight: 500;
      line-height: 1.28; }
      @media only screen and (max-width: 568px) {
        .card-recipes__head h2, .card-recipes__head .internal-header h1, .internal-header .card-recipes__head h1, .card-recipes__head .press-release h1, .press-release .card-recipes__head h1 {
          font-size: 1.25rem;
          letter-spacing: 0.2px; } }

.card-recipes .card-recipes-slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 835px) {
    .card-recipes .card-recipes-slider {
      max-width: 620px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      left: 10px;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 568px) {
    .card-recipes .card-recipes-slider {
      max-width: 300px;
      left: 0; } }
  .card-recipes .card-recipes-slider .plan-card {
    margin-right: 20px;
    margin-bottom: 0;
    border-width: 0px; }
    .card-recipes .card-recipes-slider .plan-card:last-child {
      margin-right: 0; }
    .card-recipes .card-recipes-slider .plan-card .plan-card__content h4, .card-recipes .card-recipes-slider .plan-card .plan-card__content .member .member-header__head p, .member .member-header__head .card-recipes .card-recipes-slider .plan-card .plan-card__content p {
      margin-right: 40px; }

/***********************************************************************************/
/* Plan Cards / These are Recipe and Plan Cards (Used on Homepage Currently) */
/***********************************************************************************/
.plan-cards {
  position: relative; }
  @media only screen and (max-width: 480px) {
    .plan-cards {
      padding: 1.875rem 0;
      min-height: 1px; } }
  .plan-cards__container {
    max-width: 1010px;
    margin: auto;
    margin-top: 2.25rem;
    position: relative; }
    @media only screen and (max-width: 835px) {
      .plan-cards__container {
        max-width: 680px; } }
    @media only screen and (max-width: 568px) {
      .plan-cards__container {
        max-width: 300px; } }
  @media screen and (max-width: 1080px) {
    .plan-cards__pager {
      display: none; } }
  .plan-cards__pager a {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    z-index: 997;
    width: 37px;
    height: 66px; }
    .plan-cards__pager a img {
      transition: opacity 0.3s; }
    .plan-cards__pager a:hover svg path.st0 {
      fill: #ff9600; }
  .plan-cards__pager svg {
    width: 37px;
    height: 66px; }
    .plan-cards__pager svg path.st0 {
      fill: #ababab;
      transition: fill 0.25s ease; }
  .plan-cards__pager a#pcs-prev {
    left: -100px; }
    @media screen and (max-width: 1210px) {
      .plan-cards__pager a#pcs-prev {
        left: -40px; } }
  .plan-cards__pager a#pcs-next {
    right: -100px; }
    @media screen and (max-width: 1210px) {
      .plan-cards__pager a#pcs-next {
        right: -40px; } }
  .plan-cards__flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .plan-cards .cycle-group {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%; }

.plan-card-slider {
  position: relative; }
  .plan-card-slider .slick-track, .plan-card-slider .slick-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .plan-card-slider.slick-initialized .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .plan-card-slider.slick-initialized .slick-slide:focus {
      outline: none; }

.plan-card {
  background-color: #FFFFFF;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border: 1px solid #F8F8F8;
  float: left;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding-bottom: 1.25rem; }
  .plan-card__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    @media only screen and (max-width: 835px) {
      .plan-card__content {
        dipslay: block; } }
    .plan-card__content h6 {
      font-weight: 500;
      font-size: 0.75rem;
      letter-spacing: 0.5px;
      line-height: 0.9375rem;
      text-transform: uppercase;
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
      color: #99ca3c; }
    .plan-card__content h4, .plan-card__content .member .member-header__head p, .member .member-header__head .plan-card__content p {
      font-weight: 500;
      color: #303c4b;
      font-size: 1rem;
      line-height: 1.375rem;
      margin-bottom: 0.375rem;
      min-height: 45px; }
    .plan-card__content p {
      margin: 0;
      color: #838288;
      font-weight: 300; }

.cycle-pager {
  margin: -20px auto 30px;
  text-align: center;
  z-index: 16;
  position: relative; }
  .cycle-pager span {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #979797;
    margin-right: 10px;
    background-color: #FFFFFF;
    border-radius: 14px;
    color: transparent; }
    .cycle-pager span:hover {
      cursor: pointer; }
    .cycle-pager span.cycle-pager-active {
      background-color: #99ca3c;
      border-color: #99ca3c; }

.plan-cards-3col .plan-card {
  -webkit-flex: 1 1 300px;
      -ms-flex: 1 1 300px;
          flex: 1 1 300px;
  max-width: 300px; }
  @media only screen and (max-width: 1024px) {
    .plan-cards-3col .plan-card {
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: 265px; } }
  @media only screen and (max-width: 835px) {
    .plan-cards-3col .plan-card {
      -webkit-flex: 1 0 300px;
          -ms-flex: 1 0 300px;
              flex: 1 0 300px;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto; } }

/***********************************************************************************/
/* Trust Pilot - Dynamic from API - Thanks Jared) :) */
/***********************************************************************************/
.trust-block__cards {
  zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .trust-block__cards:before, .trust-block__cards:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .trust-block__cards:after {
    clear: both; }
  .trust-block__cards--desktop {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 736px) {
      .trust-block__cards--desktop {
        display: none; } }
  .trust-block__cards--mobile {
    display: none; }
    @media only screen and (max-width: 736px) {
      .trust-block__cards--mobile {
        display: block;
        margin-top: 1.875rem; } }
.trust-block .trust-pilot {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .trust-block .trust-pilot {
      margin-top: 1.875rem; } }
.trust-block ul.slick-dots {
  margin-bottom: 1rem;
  margin-top: 0; }

.trust-pilot-slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .trust-pilot-slider .slick-track, .trust-pilot-slider .slick-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  @media only screen and (max-width: 835px) {
    .trust-pilot-slider .slick-track {
      margin-left: 1.69492%; } }
  .trust-pilot-slider.slick-initialized .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.trust-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  padding-bottom: 3.75rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-bottom: 0; }
  .trust-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .trust-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: left;
      margin-left: 0.625rem;
      margin-right: 0.625rem;
      clear: none;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .trust-card:nth-child(3n) {
        float: left; } }
  .trust-card:focus {
    outline: none; }
  @media only screen and (max-width: 835px) {
    .trust-card {
      padding-bottom: 2.8125rem; } }
  @media only screen and (max-width: 568px) {
    .trust-card {
      padding-bottom: 1.875rem; } }
  .trust-card__inside {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .trust-card__rating {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .trust-card__rating img {
      display: block;
      margin: auto; }
  .trust-card__title {
    margin-top: 1.875rem;
    margin-bottom: -10px; }
    .trust-card__title p {
      margin: 0;
      font-size: 1rem;
      line-height: 1.5;
      color: #8f959e;
      font-weight: 500; }
  .trust-card__content {
    margin-top: 1.875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 100%; }
    .trust-card__content p {
      margin: 0;
      font-size: 1rem;
      line-height: 1.5;
      color: #8f959e;
      padding-bottom: 1.5rem;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      max-width: 100%; }
      @media only screen and (max-width: 835px) {
        .trust-card__content p {
          -webkit-flex: 0 0 auto;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto; } }
      @media only screen and (max-width: 568px) {
        .trust-card__content p {
          font-size: 0.875rem;
          line-height: 1.4; } }
    .trust-card__content p.author {
      padding-bottom: 0;
      margin-top: auto;
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; }

@media only screen and (max-width: 835px) {
  .trust-logo {
    margin-top: 1.125rem;
    clear: both; } }
.trust-logo__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: center; }
.trust-logo__text {
  display: inline-block;
  color: #8f959e;
  font-size: 0.8125rem;
  font-weight: 500;
  padding-right: 0.25rem; }
  .trust-logo__text > a {
    color: #8f959e;
    text-decoration: none; }
    .trust-logo__text > a:hover {
      color: #8f959e; }
.trust-logo svg {
  width: 145px; }

/***********************************************************************************/
/* Meal Plan Cards / Recipe Cards */
/***********************************************************************************/
.mp-card-slider, .recipe-card-slider, .mp-card-slider-stack, .ingred-card-slider {
  margin-top: 1.75rem;
  zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%; }
  .mp-card-slider:before, .mp-card-slider:after, .recipe-card-slider:before, .recipe-card-slider:after, .mp-card-slider-stack:before, .mp-card-slider-stack:after, .ingred-card-slider:before, .ingred-card-slider:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .mp-card-slider:after, .recipe-card-slider:after, .mp-card-slider-stack:after, .ingred-card-slider:after {
    clear: both; }
  @media only screen and (max-width: 835px) {
    .mp-card-slider, .recipe-card-slider, .mp-card-slider-stack, .ingred-card-slider {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      position: relative;
      left: -10px;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }
  @media only screen and (max-width: 835px) {
    .mp-card-slider .slick-list, .recipe-card-slider .slick-list, .mp-card-slider-stack .slick-list, .ingred-card-slider .slick-list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media only screen and (max-width: 414px) {
    .mp-card-slider .slick-list, .recipe-card-slider .slick-list, .mp-card-slider-stack .slick-list, .ingred-card-slider .slick-list {
      padding-left: 10px; } }
  @media only screen and (max-width: 375px) {
    .mp-card-slider .slick-list, .recipe-card-slider .slick-list, .mp-card-slider-stack .slick-list, .ingred-card-slider .slick-list {
      padding-left: 20px; } }
  @media only screen and (max-width: 835px) {
    .mp-card-slider .slick-track, .recipe-card-slider .slick-track, .mp-card-slider-stack .slick-track, .ingred-card-slider .slick-track {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .mp-card-slider .slick-slide, .recipe-card-slider .slick-slide, .mp-card-slider-stack .slick-slide, .ingred-card-slider .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto; }

.mp-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-bottom: 1.125rem;
  border: 1px solid rgba(143, 149, 158, 0.27);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  transition: border-color 0.25s ease-in-out, min-width 0.25s ease-in-out;
  max-width: 334px; }
  .mp-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .mp-card {
      width: 100%;
      margin-right: 1.5rem;
      margin-left: 0;
      max-width: 334px; }
      .mp-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .mp-card:nth-child(3n+1) {
        clear: none; } }
  @media only screen and (max-width: 568px) {
    .mp-card {
      width: 200px; } }
  .mp-card:hover {
    border-color: #99ca3c; }
  .mp-card__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 100%; }
  .mp-card__image img {
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .mp-card__content {
    margin-top: -3px;
    padding: 1.4375rem 1.25rem 1.25rem 0.625rem;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .mp-card__content h3, .mp-card__content .members-cta__left__link {
      font-size: 1.5rem;
      line-height: 1.25;
      letter-spacing: -0.17px; }
      @media only screen and (max-width: 568px) {
        .mp-card__content h3, .mp-card__content .members-cta__left__link {
          font-size: 1rem; } }
    .mp-card__content p {
      font-size: 1.125rem;
      line-height: 1.39;
      color: #8f959e;
      margin: 0.375rem 0 0 0;
      font-weight: normal;
      -webkit-font-smoothing: antialiased; }
      @media only screen and (max-width: 568px) {
        .mp-card__content p {
          font-size: 0.75rem; } }

.recipe-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  background-color: #FFFFFF;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .recipe-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  .recipe-card:focus {
    outline: none; }
  @media only screen and (max-width: 835px) {
    .recipe-card {
      width: 100%;
      margin-right: 1.5rem;
      margin-left: 0;
      max-width: 334px; }
      .recipe-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .recipe-card:nth-child(3n+1) {
        clear: none; } }
  @media only screen and (max-width: 568px) {
    .recipe-card {
      width: 200px; } }
  .recipe-card__inside {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .recipe-card__image img {
    display: block;
    border-radius: 5px; }
  .recipe-card__content {
    border: 1px solid rgba(143, 149, 158, 0.27);
    border-top-width: 0px;
    margin-top: -3px;
    padding: 1.4375rem 1.25rem 1.875rem 0.625rem;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .recipe-card__content h6 {
      color: #99ca3c;
      font-size: 0.75rem;
      line-height: 1.25;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-bottom: 0.3125rem;
      text-transform: uppercase; }
    .recipe-card__content h3, .recipe-card__content .members-cta__left__link {
      font-size: 1.375rem;
      line-height: 1.18;
      margin-bottom: 0.3125rem; }
      @media only screen and (max-width: 568px) {
        .recipe-card__content h3, .recipe-card__content .members-cta__left__link {
          font-size: 0.9375rem; } }
    .recipe-card__content p {
      font-size: 0.875rem;
      line-height: 1.29;
      color: #8f959e;
      margin: 0; }

.overview-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  margin-bottom: 1.125rem;
  border: 1px solid rgba(143, 149, 158, 0.27);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  transition: border-color 0.25s ease-in-out, min-width 0.25s ease-in-out;
  max-width: 334px; }
  .overview-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .overview-card {
      width: 100%;
      margin-right: 1.5rem;
      margin-left: 0;
      max-width: 334px; }
      .overview-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .overview-card:nth-child(3n+1) {
        clear: none; } }
  @media only screen and (max-width: 568px) {
    .overview-card {
      width: 200px; } }
  .overview-card:hover {
    border-color: #99ca3c; }
  .overview-card--link:hover {
    cursor: pointer; }
  .overview-card__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 100%; }
  .overview-card__image img {
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .overview-card__content {
    margin-top: -3px;
    padding: 1.4375rem 1.25rem 1.25rem 0.625rem;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .overview-card__content h6 {
      color: #99ca3c;
      font-size: 0.75rem;
      line-height: 1.25;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-bottom: 0.3125rem;
      text-transform: uppercase; }
    .overview-card__content h3, .overview-card__content .members-cta__left__link {
      font-size: 1.5rem;
      line-height: 1.25;
      letter-spacing: -0.17px; }
      @media only screen and (max-width: 568px) {
        .overview-card__content h3, .overview-card__content .members-cta__left__link {
          font-size: 1rem; } }
    .overview-card__content p {
      font-size: 1.125rem;
      line-height: 1.39;
      color: #8f959e;
      margin: 0.375rem 0 0 0;
      font-weight: normal;
      -webkit-font-smoothing: antialiased; }
      @media only screen and (max-width: 568px) {
        .overview-card__content p {
          font-size: 0.75rem; } }
    .overview-card__content__button {
      padding-top: 0.75rem;
      margin-top: auto; }
  .overview-card__button {
    margin-top: auto;
    padding: 0 1.25rem 1.875rem 0.625rem; }
    @media only screen and (max-width: 568px) {
      .overview-card__button a.btn--size-small {
        min-width: 1px;
        font-size: 0.8125rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem; } }

.overview-card.overview-card--has-button {
  border: 1px solid rgba(143, 149, 158, 0.27); }
  .overview-card.overview-card--has-button:hover {
    border-color: rgba(143, 149, 158, 0.27); }

/***********************************************************************************/
/* FAQs */
/***********************************************************************************/
.main-content .accordion {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem; }
  @media only screen and (max-width: 480px) {
    .main-content .accordion {
      margin-top: -10px;
      padding-left: 10px;
      padding-right: 10px; } }
  .main-content .accordion__question {
    font-size: 1.25rem;
    font-weight: 500;
    color: #303c4b;
    padding-left: 2.5rem;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
    position: relative; }
    @media only screen and (max-width: 480px) {
      .main-content .accordion__question {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-bottom: 1.125rem; } }
    .main-content .accordion__question:hover {
      cursor: pointer; }
    .main-content .accordion__question:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background: url("/img/style-guide/global-v3/icons/faq-arrow.svg");
      background-size: 20px 20px;
      position: absolute;
      top: 28px;
      left: 0;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; }
    .main-content .accordion__question.faq-open:before {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .main-content .accordion__answer {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6875rem;
    color: #8f959e;
    padding-left: 2.5rem;
    padding-bottom: 1.375rem;
    display: none; }
    @media only screen and (max-width: 480px) {
      .main-content .accordion__answer {
        font-size: 0.875rem;
        line-height: 1.25rem;
        padding-bottom: 0; } }
    .main-content .accordion__answer--first {
      display: block; }

/***********************************************************************************/
/* Green Circle Number Icons */
/***********************************************************************************/
.circle-num {
  display: inline-block;
  width: 52px;
  height: 52px;
  border: 3px solid #99ca3c;
  border-radius: 52px;
  position: relative;
  background-color: #FFFFFF; }
  @media only screen and (max-width: 835px) {
    .circle-num {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border-width: 2px; } }
  .circle-num > span {
    font-size: 1.875rem;
    color: #303c4b;
    line-height: normal;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media only screen and (max-width: 835px) {
      .circle-num > span {
        font-size: 1.5rem;
        font-weight: 500; } }

/***********************************************************************************/
/* Process / Shopping Options Cards */
/***********************************************************************************/
.process-cards--desktop {
  display: block;
  zoom: 1;
  padding-top: 3.75rem; }
  .process-cards--desktop:before, .process-cards--desktop:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .process-cards--desktop:after {
    clear: both; }
  @media only screen and (max-width: 835px) {
    .process-cards--desktop {
      display: none; } }
.process-cards--tablet {
  display: none;
  padding-top: 3.75rem;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem; }
  @media only screen and (max-width: 835px) {
    .process-cards--tablet {
      display: block; } }
  @media screen and (max-width: 650px) {
    .process-cards--tablet {
      padding-left: 0;
      padding-right: 0; } }
  .process-cards--tablet .slick-dots {
    padding-top: 1.25rem; }
.process-cards__inside {
  max-width: 1090px;
  margin: auto;
  zoom: 1; }
  .process-cards__inside:before, .process-cards__inside:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .process-cards__inside:after {
    clear: both; }

.process-card, .shopping-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .process-card:nth-child(3n), .shopping-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .process-card, .shopping-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: left;
      margin-left: 0.625rem;
      margin-right: 0.625rem;
      clear: none; }
      .process-card:nth-child(3n), .shopping-card:nth-child(3n) {
        float: left; } }
  .process-card:focus, .shopping-card:focus {
    outline: none; }
  @media only screen and (max-width: 835px) {
    .process-card__inside, .shopping-card__inside {
      text-align: center; } }
  @media only screen and (max-width: 835px) {
    .process-card__image img, .shopping-card__image img {
      display: block;
      margin: auto;
      text-align: center; } }
  .process-card__content, .shopping-card__content {
    max-width: 315px;
    margin: auto;
    margin-left: 0.125rem; }
    @media only screen and (max-width: 835px) {
      .process-card__content, .shopping-card__content {
        margin: auto; } }
    .process-card__content h4, .process-card__content .member .member-header__head p, .member .member-header__head .process-card__content p, .shopping-card__content h4, .shopping-card__content .member .member-header__head p, .member .member-header__head .shopping-card__content p {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.25;
      margin-top: 1.125rem;
      margin-bottom: 0.625rem;
      color: #303c4b; }
      @media only screen and (max-width: 480px) {
        .process-card__content h4, .process-card__content .member .member-header__head p, .member .member-header__head .process-card__content p, .shopping-card__content h4, .shopping-card__content .member .member-header__head p, .member .member-header__head .shopping-card__content p {
          font-size: 1rem;
          line-height: 1.4375rem; } }
    .process-card__content p, .shopping-card__content p {
      color: #8f959e;
      font-size: 1.125rem;
      line-height: 1.5625rem;
      margin: 0; }
      @media only screen and (max-width: 480px) {
        .process-card__content p, .shopping-card__content p {
          font-size: 0.875rem;
          line-height: 1.25rem; } }

/***********************************************************************************/
/* Lock Feature (Used on Dave and a varied version is on the Keto Page) */
/***********************************************************************************/
.lock-feature__bg {
  height: 0; }
  @media only screen and (max-width: 667px) {
    .lock-feature__bg {
      height: 400px; } }
  @media only screen and (max-width: 375px) {
    .lock-feature__bg {
      height: 280px; } }
.lock-feature__wrapper {
  width: 49.1525423729%;
  float: right;
  margin-right: 0;
  margin-left: 50.8474576271%; }
  @media only screen and (max-width: 667px) {
    .lock-feature__wrapper {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-left: 0%; } }
.lock-feature__content {
  max-width: 560px; }
  @media only screen and (max-width: 667px) {
    .lock-feature__content {
      padding-top: 1.875rem;
      text-align: center; } }
  .lock-feature__content h3, .lock-feature__content .members-cta__left__link {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .lock-feature__content h3, .lock-feature__content .members-cta__left__link {
        font-size: 1rem;
        line-height: normal; } }
  .lock-feature__content p {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: normal; }
    @media only screen and (max-width: 568px) {
      .lock-feature__content p {
        font-size: 0.875rem;
        line-height: normal; } }
.lock-feature__list {
  max-width: 560px; }
  .lock-feature__list ul.naked {
    margin: 2.1875rem 0 0 2.1875rem; }
    .lock-feature__list ul.naked li {
      font-size: 1.5rem;
      line-height: normal;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
      padding-right: 0.5em; }
      @media only screen and (max-width: 1024px) {
        .lock-feature__list ul.naked li {
          padding-right: 0; } }
      @media only screen and (max-width: 667px) {
        .lock-feature__list ul.naked li {
          font-size: 1.25rem; } }
      @media only screen and (max-width: 568px) {
        .lock-feature__list ul.naked li {
          font-size: 0.875rem;
          line-height: normal; } }
  .lock-feature__list .fa-li {
    color: #99ca3c;
    font-size: 20px;
    top: 13px; }
    @media only screen and (max-width: 568px) {
      .lock-feature__list .fa-li {
        top: 5px; } }
.lock-feature__button {
  padding-top: 3.125rem; }
  @media only screen and (max-width: 667px) {
    .lock-feature__button {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding-top: 1.875rem; } }

.no-touchevents .lock-feature {
  background-attachment: fixed; }

/***********************************************************************************/
/* Site Popups and Overlays */
/***********************************************************************************/
body.locked.landscape-orient {
  overflow: hidden; }
@media only screen and (max-width: 736px) {
  body.locked {
    overflow: hidden; } }

.popup-overlay {
  background-color: #000000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8058;
  height: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  @media only screen and (max-width: 736px) {
    .popup-overlay {
      overflow: hidden; } }
  .popup-overlay--open {
    height: 100%;
    opacity: 0.66; }

.landscape-orient .popup-overlay {
  overflow: hidden; }

.popup-box {
  background-color: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 8059;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  width: 530px;
  overflow: none;
  height: auto; }
  @media screen and (max-height: 700px) {
    .popup-box {
      overflow: scroll;
      height: 95%; } }
  @media screen and (max-width: 600px) {
    .popup-box {
      width: 100%; } }

.popup {
  position: relative; }
  .popup__title {
    background-color: #99ca3c;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0.75rem 1.5625rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .popup__title h6 {
      font-size: 1.125rem;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 1.5625rem; }
      @media only screen and (max-width: 736px) {
        .popup__title h6 {
          font-size: 1rem;
          line-height: 1.4375rem; } }
    .popup__title a.js-popup-close {
      color: #FFFFFF;
      width: 28px;
      height: 28px;
      display: block;
      margin-left: auto; }
      .popup__title a.js-popup-close svg {
        width: 28px;
        height: 28px; }
    .popup__title a.js-popup-close-v2 {
      color: #FFFFFF;
      font-size: 1.625rem;
      text-align: right; }
      .popup__title a.js-popup-close-v2:hover {
        color: #ededed; }
      .popup__title a.js-popup-close-v2 i {
        position: relative;
        top: 3px; }
  .popup__content {
    padding: 1.875rem 4.0625rem 0;
    text-align: center; }
    @media only screen and (max-width: 736px) {
      .popup__content {
        padding: 1.25rem 1.875rem; } }
    .popup__content h1 {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 500;
      color: #303c4b;
      font-size: 1.5625rem;
      line-height: 2.1875rem; }
      @media only screen and (max-width: 736px) {
        .popup__content h1 {
          font-size: 1rem;
          line-height: 1.4375rem; } }
    .popup__content p {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #8f959e;
      font-size: 1rem;
      line-height: 1.4375rem;
      margin-top: 0; }
      .popup__content p:last-child {
        margin-bottom: 0; }
  .popup__button {
    text-align: center;
    margin: 1.875rem auto; }
    .popup__button a.btn {
      font-size: 1.25rem;
      padding: 0.625rem 1.25rem;
      min-width: 260px; }
  .popup__selector {
    padding: 1.875rem 2.8125rem 2.5rem; }
    @media only screen and (max-width: 736px) {
      .popup__selector {
        padding: 0 1.875rem 1.875rem; } }
    .popup__selector h4, .popup__selector .member .member-header__head p, .member .member-header__head .popup__selector p {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 500;
      color: #303c4b;
      font-size: 1.5625rem;
      line-height: 2.1875rem;
      text-align: center;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 736px) {
        .popup__selector h4, .popup__selector .member .member-header__head p, .member .member-header__head .popup__selector p {
          font-size: 1rem;
          line-height: 1.4375rem;
          margin-bottom: 0.3125rem; } }
    .popup__selector__store {
      text-align: center; }
      .popup__selector__store p {
        font-size: 1rem;
        font-weight: 500;
        color: #8f959e; }
    .popup__selector .button-container {
      text-align: center;
      margin: 1.875rem auto 0; }
      .popup__selector .button-container input.btn {
        font-size: 1.25rem;
        padding: 0.625rem 1.25rem;
        min-width: 260px; }

.popup-members .popup__body {
  padding-top: 3.25rem; }
.popup-members .popup__body__head {
  text-align: center;
  padding-top: 2.1875rem; }
.popup-members .popup__content {
  padding-top: 0.75rem; }
.popup-members .popup__selector h4, .popup-members .popup__selector .member .member-header__head p, .member .member-header__head .popup-members .popup__selector p {
  color: #8f959e;
  margin-bottom: 1rem; }
.popup-members .popup__selector .button-container input.btn {
  padding: 1rem 2.75rem; }

.member-choices {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
  @media only screen and (max-width: 568px) {
    .member-choices {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center; } }
  .member-choices input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0; }
    .member-choices input[type=radio]:checked {
      border: 1px solid pink; }
    .member-choices input[type=radio]:checked + label {
      border-color: #ff9600; }
      .member-choices input[type=radio]:checked + label i.mem-selected {
        display: block; }
      .member-choices input[type=radio]:checked + label i.mem-not-selected {
        display: none; }

.member-choice {
  border: 1px solid #e5e5e5;
  -webkit-flex: 1 0 190px;
      -ms-flex: 1 0 190px;
          flex: 1 0 190px;
  padding: 1.875rem;
  text-align: center;
  transition: border-color 0.25s;
  position: relative; }
  @media only screen and (max-width: 568px) {
    .member-choice {
      margin-right: auto;
      margin-left: auto;
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; } }
  .member-choice:first-of-type {
    margin-right: 2.5rem; }
    @media only screen and (max-width: 568px) {
      .member-choice:first-of-type {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 1.25rem; } }
  .member-choice:hover {
    border-color: #ff9600;
    cursor: pointer; }
  .member-choice__select-icon {
    position: absolute;
    top: 0;
    left: 0; }
    .member-choice__select-icon i {
      font-size: 1rem;
      position: absolute;
      top: 8px;
      left: 8px; }
    .member-choice__select-icon i.mem-selected {
      color: #ff9600;
      display: none; }
    .member-choice__select-icon i.mem-not-selected {
      display: block;
      color: #8f959e; }
  .member-choice__title h6 {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
    font-weight: 500;
    color: #303c4b;
    margin-bottom: 0.3125rem; }
  .member-choice__icon i {
    font-size: 4.375rem;
    color: #303c4b; }
  .member-choice p {
    margin: 0;
    color: #8f959e;
    font-size: 0.875rem;
    font-weight: 500; }

/***********************************************************************************/
/* Shared Elements for All Pages */
/***********************************************************************************/
* {
  -webkit-tap-highlight-color: rgba(254, 151, 0, 0.3); }

::-moz-selection {
  background-color: #ffd599;
  text-shadow: none; }

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

a {
  text-decoration: none;
  color: #99ca3c;
  transition: color 0.25s; }
  a:hover {
    color: #ff9600; }

.main-content {
  zoom: 1;
  clear: both;
  background-color: #FFFFFF;
  padding-top: 4.375rem;
  transition: padding 0.25s; }
  .main-content:before, .main-content:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .main-content:after {
    clear: both; }
  @media only screen and (max-width: 414px) {
    .main-content {
      padding-top: 4rem; } }

.member-logged-in .main-content {
  padding-top: calc(48px + 70px); }
  @media only screen and (max-width: 414px) {
    .member-logged-in .main-content {
      padding-top: calc(70px + 64px); } }

section.content-area {
  padding: 3.75rem 0; }
  section.content-area.content-area--grey {
    background-color: #F8F8F8; }
  @media only screen and (max-width: 568px) {
    section.content-area {
      padding: 1.875rem 0; } }

.headline-block {
  text-align: center; }
  .headline-block--desktop {
    display: block; }
    @media only screen and (max-width: 480px) {
      .headline-block--desktop {
        display: none; } }
  .headline-block--mobile {
    display: none; }
    @media only screen and (max-width: 480px) {
      .headline-block--mobile {
        display: block; } }
  .headline-block h2, .headline-block .internal-header h1, .internal-header .headline-block h1, .headline-block .press-release h1, .press-release .headline-block h1 {
    margin-bottom: 0.9375rem;
    -webkit-font-smoothing: antialiased;
    line-height: 1.24; }
    @media only screen and (max-width: 568px) {
      .headline-block h2, .headline-block .internal-header h1, .internal-header .headline-block h1, .headline-block .press-release h1, .press-release .headline-block h1 {
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .headline-block h2, .headline-block .internal-header h1, .internal-header .headline-block h1, .headline-block .press-release h1, .press-release .headline-block h1 {
        margin-bottom: 1.25rem; } }
    @media only screen and (max-width: 480px) {
      .headline-block h2, .headline-block .internal-header h1, .internal-header .headline-block h1, .headline-block .press-release h1, .press-release .headline-block h1 {
        font-size: 1.875rem; } }
  .headline-block h5 {
    font-size: 1.5rem; }
    @media only screen and (max-width: 568px) {
      .headline-block h5 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.375rem; } }

.split-feature {
  zoom: 1;
  clear: both; }
  .split-feature:before, .split-feature:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .split-feature:after {
    clear: both; }
  .split-feature__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    @media only screen and (max-width: 1024px) {
      .split-feature__flex {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
  .split-feature__image, .split-feature__content {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%; }
    @media only screen and (max-width: 1024px) {
      .split-feature__image, .split-feature__content {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        width: 100%; } }
  .split-feature__image {
    background-size: 0 0 !important; }
    @media only screen and (max-width: 1024px) {
      .split-feature__image {
        margin-bottom: 1.25rem;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
    .split-feature__image img {
      width: 100%;
      display: block; }
  @media screen and (min-width: 1600px) {
    .split-feature__content {
      padding: 6.25rem 0; } }
  @media only screen and (max-width: 1024px) {
    .split-feature__content {
      padding: 2.5rem 2.5rem;
      text-align: center;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  @media only screen and (max-width: 736px) {
    .split-feature__content {
      padding: 1.25rem 1.875rem 1.875rem; } }
  .split-feature__content h3, .split-feature__content .members-cta__left__link {
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 736px) {
      .split-feature__content h3, .split-feature__content .members-cta__left__link {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
  @media only screen and (max-width: 736px) {
    .split-feature__content h5 {
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.375rem; } }
  .split-feature__content .button-container {
    position: relative;
    margin-top: 3.75rem; }
    @media only screen and (max-width: 736px) {
      .split-feature__content .button-container {
        margin-top: 1.875rem; } }
  .split-feature__content-contain {
    max-width: 405px;
    margin: auto; }
    @media only screen and (max-width: 1024px) {
      .split-feature__content-contain {
        max-width: 100%; } }
  .split-feature.split-feature--image-right .split-feature__image {
    text-align: right; }
    .split-feature.split-feature--image-right .split-feature__image img {
      margin-left: auto; }

.plus-list-area h3, .plus-list-area .members-cta__left__link {
  margin-bottom: 2rem; }
.plus-list-area ul.naked {
  margin-left: 1.875rem; }
.plus-list-area ul li {
  color: #8f959e;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.625rem 0;
  text-align: left;
  line-height: normal; }
  @media only screen and (max-width: 480px) {
    .plus-list-area ul li {
      font-size: 0.875rem;
      line-height: 1.25rem; } }
  .plus-list-area ul li .fa-li {
    color: #99ca3c; }

/***********************************************************************************/
/* Title Area Generic */
/***********************************************************************************/
header.title-area {
  text-align: center; }
  header.title-area h1, header.title-area h2, header.title-area .internal-header h1, .internal-header header.title-area h1, header.title-area .press-release h1, .press-release header.title-area h1 {
    font-size: 2.25rem;
    line-height: 1.28;
    font-weight: 500;
    margin-bottom: 1.375rem;
    letter-spacing: normal; }
    @media only screen and (max-width: 568px) {
      header.title-area h1, header.title-area h2, header.title-area .internal-header h1, .internal-header header.title-area h1, header.title-area .press-release h1, .press-release header.title-area h1 {
        font-size: 1.25rem;
        margin-bottom: 0.3125rem; } }
  header.title-area h3, header.title-area .members-cta__left__link, header.title-area p.header--h3 {
    color: #8f959e;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: normal; }
    @media only screen and (max-width: 568px) {
      header.title-area h3, header.title-area .members-cta__left__link, header.title-area p.header--h3 {
        font-size: 1.0625rem; } }
  header.title-area p.header--h3 {
    margin-top: 0; }
  header.title-area h5 {
    font-size: 1.5rem; }
    @media only screen and (max-width: 568px) {
      header.title-area h5 {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.375rem; } }
  header.title-area.title-area--left {
    text-align: left; }
  header.title-area.title-area--right {
    text-align: right; }
  header.title-area--desktop {
    display: block; }
    @media only screen and (max-width: 480px) {
      header.title-area--desktop {
        display: none; } }
  header.title-area--mobile {
    display: none; }
    @media only screen and (max-width: 480px) {
      header.title-area--mobile {
        display: block; } }

/***********************************************************************************/
/* Video Play Button */
/***********************************************************************************/
.video-play-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  text-decoration: none; }
  @media only screen and (max-width: 835px) {
    .video-play-button svg {
      width: 38px;
      height: 38px; } }
  .video-play-button span {
    font-size: 1.25rem;
    font-weight: 300;
    color: #FFFFFF;
    margin-left: 0.5rem;
    display: block;
    transition: color 0.25s; }
  .video-play-button polygon {
    transition: fill 0.25s; }
  .video-play-button circle {
    transition: stroke 0.25s; }
  .video-play-button:hover polygon#Stroke-1 {
    fill: #ff9600; }
  .video-play-button:hover circle#Oval {
    stroke: #ff9600; }
  .video-play-button:hover span {
    color: #ff9600; }
  .video-play-button--tangerine polygon#Stroke-1 {
    fill: #ff9600; }
  .video-play-button--tangerine circle#Oval {
    stroke: #ff9600; }
  .video-play-button--tangerine span {
    color: #ff9600;
    font-weight: 400; }
  .video-play-button--tangerine:hover polygon#Stroke-1 {
    fill: #ea8b00; }
  .video-play-button--tangerine:hover circle#Oval {
    stroke: #ea8b00; }
  .video-play-button--tangerine:hover span {
    color: #ea8b00; }
  .video-play-button--tangerine-outline polygon#Stroke-1 {
    fill: transparent;
    stroke: #ff9600; }

/***********************************************************************************/
/* Footer CTA Horitzontal Default */
/***********************************************************************************/
.footer-cta {
  background-position: center center;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 835px) {
    .footer-cta {
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta {
      padding: 3rem 0 13.75rem; } }
  .footer-cta .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .footer-cta__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 450px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media only screen and (max-width: 835px) {
      .footer-cta__flex {
        min-height: 300px; } }
  .footer-cta h2, .footer-cta .internal-header h1, .internal-header .footer-cta h1, .footer-cta .press-release h1, .press-release .footer-cta h1 {
    max-width: 598px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    line-height: 3.1875rem; }
    @media only screen and (max-width: 835px) {
      .footer-cta h2, .footer-cta .internal-header h1, .internal-header .footer-cta h1, .footer-cta .press-release h1, .press-release .footer-cta h1 {
        max-width: 525px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.875rem;
        line-height: 2.625rem; } }
    @media only screen and (max-width: 480px) {
      .footer-cta h2, .footer-cta .internal-header h1, .internal-header .footer-cta h1, .footer-cta .press-release h1, .press-release .footer-cta h1 {
        font-size: 1.625rem;
        line-height: 2rem;
        margin-left: auto;
        margin-right: auto; } }
  .footer-cta__button {
    margin-top: 1.875rem; }
    @media screen and (min-width: 569px) and (max-width: 835px) {
      .footer-cta__button a.btn.btn--orange {
        font-size: 1.25rem; } }

/***********************************************************************************/
/* Footer CTA Vertical Default (Like branded pages) */
/***********************************************************************************/
.footer-cta-vertical {
  background-position: center center;
  position: relative;
  padding: 6.25rem 0;
  text-align: center; }
  @media only screen and (max-width: 835px) {
    .footer-cta-vertical {
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 568px) {
    .footer-cta-vertical {
      padding: 3rem 0 13.75rem; } }
  .footer-cta-vertical h2, .footer-cta-vertical .internal-header h1, .internal-header .footer-cta-vertical h1, .footer-cta-vertical .press-release h1, .press-release .footer-cta-vertical h1 {
    max-width: 598px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    line-height: 3.1875rem; }
    @media only screen and (max-width: 835px) {
      .footer-cta-vertical h2, .footer-cta-vertical .internal-header h1, .internal-header .footer-cta-vertical h1, .footer-cta-vertical .press-release h1, .press-release .footer-cta-vertical h1 {
        max-width: 525px;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.25rem;
        line-height: 1.4; } }
    @media only screen and (max-width: 480px) {
      .footer-cta-vertical h2, .footer-cta-vertical .internal-header h1, .internal-header .footer-cta-vertical h1, .footer-cta-vertical .press-release h1, .press-release .footer-cta-vertical h1 {
        font-size: 1.625rem;
        line-height: 2rem;
        margin-left: auto;
        margin-right: auto; } }
  .footer-cta-vertical__button {
    margin-top: 1.875rem; }

input.om-trigger-conversion {
  border: 1px solid transparent !important; }

.tucson-powered-by {
  display: none !important; }

/***********************************************************************************/
/* Homepage - V3 */
/***********************************************************************************/
/***********************************************************************************/
/* Direct Offer Discount */
/***********************************************************************************/
.direct-offer-discount {
  background: #303c4b;
  padding: 20px;
  text-align: center; }
  .direct-offer-discount a {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600; }

/***********************************************************************************/
/* Hero Default */
/***********************************************************************************/
.hero-home, .hero-partner-home {
  background-image: url("/img/style-guide/home-v3/bg-homepage-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow-y: hidden; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-home, .hero-partner-home {
      background-image: url("/img/style-guide/home-v3/bg-homepage-hero@2x.jpg");
      background-size: cover; } }
  .hero-home__video-contain, .hero-partner-home__video-contain {
    height: auto;
    background-image: none;
    background-color: transparent;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    overflow: hidden; }
  .hero-home__video, .hero-partner-home__video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
    display: block;
    width: 100%;
    font-family: 'object-fit: cover;'; }
    @supports (object-fit: cover) {
      .hero-home__video, .hero-partner-home__video {
        max-height: 630px; } }
    @supports (-ms-ime-align: auto) {
      .hero-home__video, .hero-partner-home__video {
        max-height: inherit; } }
  .hero-home__flex, .hero-partner-home__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 630px;
    text-align: center;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 480px) {
      .hero-home__flex, .hero-partner-home__flex {
        height: 260px; } }
  .hero-home h1, .hero-partner-home h1 {
    font-size: 3.125rem;
    line-height: 3.75rem;
    font-weight: 700;
    padding-top: 4.5rem;
    color: #FFFFFF; }
    @media only screen and (max-width: 480px) {
      .hero-home h1, .hero-partner-home h1 {
        font-size: 1.875rem;
        font-weight: 500;
        line-height: 2.25rem;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2.5rem; } }
  .hero-home h3, .hero-home .members-cta__left__link, .hero-partner-home h3, .hero-partner-home .members-cta__left__link {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 300;
    padding-top: 1rem;
    color: #FFFFFF; }
    @media only screen and (max-width: 480px) {
      .hero-home h3, .hero-home .members-cta__left__link, .hero-partner-home h3, .hero-partner-home .members-cta__left__link {
        display: none; } }
  .hero-home__button-container, .hero-partner-home__button-container {
    padding-top: 6.25rem; }
    @media only screen and (max-width: 480px) {
      .hero-home__button-container, .hero-partner-home__button-container {
        padding-top: 1.875rem; } }
  .hero-home .wistia_click_to_play, .hero-partner-home .wistia_click_to_play {
    display: inline-block !important; }

.hero-home__video-pop, .watch-video-button, .hero-partner-home__video-pop {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  text-decoration: none; }
  @media only screen and (max-width: 835px) {
    .hero-home__video-pop svg, .watch-video-button svg, .hero-partner-home__video-pop svg {
      width: 38px;
      height: 38px; } }
  .hero-home__video-pop span, .watch-video-button span, .hero-partner-home__video-pop span {
    font-size: 1.25rem;
    font-weight: 300;
    color: #FFFFFF;
    margin-left: 0.5rem;
    display: block;
    transition: color 0.25s; }
  .hero-home__video-pop polygon, .watch-video-button polygon, .hero-partner-home__video-pop polygon {
    transition: fill 0.25s; }
  .hero-home__video-pop circle, .watch-video-button circle, .hero-partner-home__video-pop circle {
    transition: stroke 0.25s; }
  .hero-home__video-pop:hover polygon#Stroke-1, .watch-video-button:hover polygon#Stroke-1, .hero-partner-home__video-pop:hover polygon#Stroke-1 {
    fill: #ff9600; }
  .hero-home__video-pop:hover circle#Oval, .watch-video-button:hover circle#Oval, .hero-partner-home__video-pop:hover circle#Oval {
    stroke: #ff9600; }
  .hero-home__video-pop:hover span, .watch-video-button:hover span, .hero-partner-home__video-pop:hover span {
    color: #ff9600; }

/***********************************************************************************/
/* How it Works */
/***********************************************************************************/
.home-how {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 480px) {
    .home-how {
      padding: 1.875rem 0; } }
  .home-how__row {
    margin-top: 3.75rem; }
    @media only screen and (max-width: 480px) {
      .home-how__row {
        margin-top: 1.875rem; } }
  .home-how__button {
    margin-top: 1.25rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: none; }
    @media only screen and (max-width: 835px) {
      .home-how__button {
        display: block; } }

.works-with--home {
  padding: 3.75rem 0 5rem; }
  .works-with--home .container-v2 .amazon-fresh-logo img {
    height: auto;
    width: 11.0625rem; }
  .works-with--home .container-v2 .walmart-logo img {
    height: 3.25rem;
    width: auto; }
  .works-with--home .container-v2 .instacart-logo img {
    height: 2.5rem;
    width: auto; }
  .works-with--home .container-v2 .kroger-logo img {
    height: auto;
    width: 6.5rem; }
  .works-with--home .container-v2 .shipt-logo img {
    height: auto;
    width: 6.5625rem; }
  .works-with--home .container-v2 .albertsons-logo img {
    height: auto;
    width: 12.1875rem; }
  .works-with--home .container-v2 .safeway-logo img {
    height: auto;
    width: 10.625rem; }
  .works-with--home .container-v2 .more-logo img {
    height: auto;
    width: 6.5rem; }
  @media only screen and (max-width: 480px) {
    .works-with--home .container-v2 {
      display: none; } }
  .works-with--home .container-v2-mobile {
    display: none;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem; }
    .works-with--home .container-v2-mobile .works-with__logo {
      -webkit-flex-basis: 0%;
          -ms-flex-preferred-size: 0%;
              flex-basis: 0%;
      margin: auto;
      padding-left: 0;
      padding-right: 0; }
    .works-with--home .container-v2-mobile .amazon-fresh-logo img {
      height: auto;
      width: 9.6875rem; }
    .works-with--home .container-v2-mobile .walmart-logo img {
      height: 3.25rem;
      width: auto; }
    .works-with--home .container-v2-mobile .instacart-logo img {
      height: 1.625rem;
      width: auto; }
    .works-with--home .container-v2-mobile .kroger-logo img {
      height: auto;
      width: 4.6875rem; }
    .works-with--home .container-v2-mobile .shipt-logo img {
      height: auto;
      width: 4.6875rem; }
    .works-with--home .container-v2-mobile .albertsons-logo img {
      height: auto;
      width: 10.5rem; }
    .works-with--home .container-v2-mobile .safeway-logo img {
      height: auto;
      margin-right: 0;
      width: 8.75rem; }
    .works-with--home .container-v2-mobile .more-logo img {
      height: auto;
      width: 5rem; }
    @media only screen and (max-width: 480px) {
      .works-with--home .container-v2-mobile {
        display: block; } }
  @media only screen and (max-width: 480px) {
    .works-with--home {
      padding: 1.25rem 0; } }
  .works-with--home h3, .works-with--home .members-cta__left__link {
    text-align: center;
    font-size: 1.75rem;
    color: rgba(255, 255, 255, 0.74); }
    @media only screen and (max-width: 480px) {
      .works-with--home h3, .works-with--home .members-cta__left__link {
        font-size: 1.375rem;
        line-height: 1.9375rem;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.55); } }

.dave-ramsey--home {
  background-color: #FCFCFC; }
  @media screen and (max-width: 1280px) {
    .dave-ramsey--home {
      padding: 1.875rem 0 3.75rem;
      margin-top: 6.25rem; } }
  @media only screen and (max-width: 480px) {
    .dave-ramsey--home {
      padding: 1.875rem 0; } }

.jenny-desktop {
  height: auto;
  width: 540px; }

.plan-grid--home {
  padding: 3.75rem 0;
  overflow: hidden; }
  @media only screen and (max-width: 480px) {
    .plan-grid--home {
      padding: 1.875rem 0; } }
  .plan-grid--home .headline-block {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }
  .plan-grid--home .plan-grid-outer {
    margin-top: 3.75rem; }

.trust-block--home {
  margin-top: 0;
  padding-bottom: 3.75rem; }
  .trust-block--home .title-area {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto; }

.plan-cards-home {
  background: #F8F8F8;
  padding: 3.75rem 0; }
  .plan-cards-home .title-area {
    max-width: 645px;
    margin-left: auto;
    margin-right: auto; }

.home-cta {
  background-image: url("/img/style-guide/home-v3/bg-home-cta.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding: 6.25rem 0;
  text-align: center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .home-cta {
      background-image: url("/img/style-guide/home-v3/bg-home-cta@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .home-cta {
      background-image: url("/img/style-guide/home-v3/bg-home-cta-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .home-cta {
      background-image: url("/img/style-guide/home-v3/bg-home-cta-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .home-cta {
      background-image: url("/img/style-guide/home-v3/bg-home-cta-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 10rem 0; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .home-cta {
      background-image: url("/img/style-guide/home-v3/bg-home-cta-mobile@2x.jpg");
      background-size: cover; } }

  .home-cta h2, .home-cta .internal-header h1, .internal-header .home-cta h1, .home-cta .press-release h1, .press-release .home-cta h1 {
    max-width: 525px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.375rem;
    line-height: 3.25rem; }
    @media only screen and (max-width: 835px) {
      .home-cta h2, .home-cta .internal-header h1, .internal-header .home-cta h1, .home-cta .press-release h1, .press-release .home-cta h1 {
        max-width: 505px;
        margin-left: auto;
        margin-right: auto;
        font-size: 3rem;
        line-height: 3.875rem; } }
    @media only screen and (max-width: 568px) {
      .home-cta h2, .home-cta .internal-header h1, .internal-header .home-cta h1, .home-cta .press-release h1, .press-release .home-cta h1 {
        font-size: 1.625rem;
        line-height: 2rem;
        max-width: 204px;
        margin-left: auto;
        margin-right: auto; } }
  .home-cta__button {
    margin-top: 1.875rem; }

.faq-home {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  background-color: #FCFCFC; }
  @media only screen and (max-width: 480px) {
    .faq-home {
      padding: 1.875rem 0;
      background-color: #FFFFFF; } }

.partners-home {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 480px) {
    .partners-home {
      display: none; } }
  .partners-home__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 760px;
    margin: auto; }
  .partners-home__image {
    padding-left: 10px;
    padding-right: 10px; }

/***********************************************************************************/
/* New Reviews Page - Created 08/09/18 - Silverman */
/***********************************************************************************/
.hero-reviews {
  background-image: url("/img/style-guide/reviews/bg-reviews-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-reviews {
      background-image: url("/img/style-guide/reviews/bg-reviews-hero@2x.jpg");
      background-size: cover; } }
  .hero-reviews__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 487px;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .hero-reviews__flex {
        height: auto;
        padding-top: 5rem;
        padding-bottom: 1.875rem; } }
  .hero-reviews h1 {
    font-weight: 700;
    color: #FFFFFF; }
    @media only screen and (max-width: 568px) {
      .hero-reviews h1 {
        font-weight: 500; } }
  .hero-reviews__button-container {
    margin-top: 1.875rem; }

.trust-block--1 {
  margin-top: 1.875rem; }
.trust-block .trust-pilot-embed {
  margin-top: 3.75rem;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 480px) {
    .trust-block .trust-pilot-embed {
      margin-top: 1.875rem; } }
  .trust-block .trust-pilot-embed .rebranding .wrapper-bottom {
    display: none !important; }

.rebranding .wrapper-top .tp-widget-reviews .tp-widget-review {
  border: 1px solid pink; }

.split-feature-reviews {
  border: 1px solid #EFEFEF;
  border-width: 1px 0;
  background-color: #FCFCFC; }

@media only screen and (max-width: 480px) {
  .reviews-one-million {
    margin-top: -2.0625rem; } }
.reviews-one-million.split-feature--image-left .price-svg {
  position: absolute;
  top: -70px;
  right: -60px;
  transition: -webkit-transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -webkit-transform: rotate(-14deg);
          transform: rotate(-14deg);
  width: 112px;
  height: 102px; }
  .reviews-one-million.split-feature--image-left .price-svg--transition {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  @media screen and (max-width: 1360px) {
    .reviews-one-million.split-feature--image-left .price-svg {
      display: none; } }

@media only screen and (max-width: 480px) {
  .reviews-save-time {
    margin-top: -2.0625rem; } }
.reviews-save-time .split-feature__content .button-container {
  margin-top: 1.875rem; }
.reviews-save-time.split-feature--image-right .no-stress-svg {
  position: absolute;
  top: -80px;
  left: -132px;
  transition: -webkit-transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out;
  transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -webkit-transform: rotate(14deg);
          transform: rotate(14deg);
  width: 109px;
  height: 116px; }
  .reviews-save-time.split-feature--image-right .no-stress-svg--transition {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  @media screen and (max-width: 1360px) {
    .reviews-save-time.split-feature--image-right .no-stress-svg {
      display: none; } }

/***********************************************************************************/
/* Meal Plan Inspiration Grids / Includes a Cycle Slideshow */
/***********************************************************************************/
.inspiration-grid {
  margin-top: 2.8125rem;
  max-width: 2000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media only screen and (max-width: 835px) {
    .inspiration-grid__pager {
      display: none; } }
  .inspiration-grid__pager a {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    z-index: 997;
    width: 36px;
    height: 65px; }
    .inspiration-grid__pager a img {
      transition: opacity 0.3s; }
    .inspiration-grid__pager a:hover img {
      opacity: 0.8; }
  .inspiration-grid__pager a#cycle-prev {
    left: 60px; }
    @media only screen and (max-width: 835px) {
      .inspiration-grid__pager a#cycle-prev {
        left: 20px; } }
  .inspiration-grid__pager a#cycle-next {
    right: 60px; }
    @media only screen and (max-width: 835px) {
      .inspiration-grid__pager a#cycle-next {
        right: 20px; } }
  .inspiration-grid .cycle-group {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%; }
  .inspiration-grid .inspiration-slider {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    @media only screen and (max-width: 835px) {
      .inspiration-grid .inspiration-slider {
        margin-left: 10px;
        margin-right: 10px; } }
  .inspiration-grid__plan {
    -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    height: 440px;
    transition: height 0.3s ease; }
    @media only screen and (max-width: 835px) {
      .inspiration-grid__plan {
        margin-left: 10px;
        margin-right: 10px; } }
    .inspiration-grid__plan:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 1024px) {
      .inspiration-grid__plan {
        height: auto; } }
    @media only screen and (max-width: 568px) {
      .inspiration-grid__plan {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        width: 100%; } }
    .inspiration-grid__plan img {
      display: none;
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 1024px) {
        .inspiration-grid__plan img {
          display: block; } }
    .inspiration-grid__plan figcaption {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      background-color: #99ca3c;
      color: #FFFFFF;
      padding: 0.375rem 1.875rem;
      margin-top: auto;
      margin-left: 1.25rem;
      position: absolute;
      bottom: 1.25rem;
      display: inline-block; }
      @media only screen and (max-width: 835px) {
        .inspiration-grid__plan figcaption {
          font-size: 1rem; } }
  .inspiration-grid__plan-wide {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
  .inspiration-grid ul.slick-dots {
    margin: 20px auto 30px;
    text-align: center; }

.inspiration-grid-reviews {
  margin-top: 3.75rem; }
  .inspiration-grid-reviews .headline-block h5 {
    max-width: 575px;
    margin-left: auto;
    margin-right: auto; }
  .inspiration-grid-reviews figure.inspiration-grid__plan {
    margin-bottom: 0; }
    @media only screen and (max-width: 1024px) {
      .inspiration-grid-reviews figure.inspiration-grid__plan {
        background-size: 0 0; } }
  .inspiration-grid-reviews .quick-healthy {
    background-image: url("/img/style-guide/reviews/meal-plans/quick-healthy.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .quick-healthy {
        background-image: url("/img/style-guide/reviews/meal-plans/quick-healthy@2x.jpg");
        background-size: cover; } }
  .inspiration-grid-reviews .low-carb {
    background-image: url("/img/style-guide/reviews/meal-plans/low-carb.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .low-carb {
        background-image: url("/img/style-guide/reviews/meal-plans/low-carb@2x.jpg");
        background-size: cover; } }
  .inspiration-grid-reviews .budget-friendly {
    background-image: url("/img/style-guide/reviews/meal-plans/budget-friendly.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .budget-friendly {
        background-image: url("/img/style-guide/reviews/meal-plans/budget-friendly@2x.jpg");
        background-size: cover; } }
  .inspiration-grid-reviews .clean-eating {
    background-image: url("/img/style-guide/reviews/meal-plans/clean-eating.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .clean-eating {
        background-image: url("/img/style-guide/reviews/meal-plans/clean-eating@2x.jpg");
        background-size: cover; } }
  .inspiration-grid-reviews .kid-friendly {
    background-image: url("/img/style-guide/reviews/meal-plans/kid-friendly.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .kid-friendly {
        background-image: url("/img/style-guide/reviews/meal-plans/kid-friendly@2x.jpg");
        background-size: cover; } }
  .inspiration-grid-reviews .paleo {
    background-image: url("/img/style-guide/reviews/meal-plans/paleo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .inspiration-grid-reviews .paleo {
        background-image: url("/img/style-guide/reviews/meal-plans/paleo@2x.jpg");
        background-size: cover; } }

.money-back-cta {
  padding: 4.375rem 0;
  text-align: center;
  background-color: #FCFCFC;
  border-top: 1px solid #E9E9E9; }
  .money-back-cta h3, .money-back-cta .members-cta__left__link {
    margin-bottom: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .money-back-cta h3, .money-back-cta .members-cta__left__link {
        font-size: 1.375rem;
        line-height: 1.625rem; } }
  .money-back-cta h5 {
    color: #303c4b; }
  .money-back-cta__button {
    margin-top: 3.125rem; }

/***********************************************************************************/
/* On Boarding Page - Silverman 08/28/18 */
/***********************************************************************************/
.page-onboarding .text-message-notify {
  font-size: 1rem;
  font-weight: 600;
  padding-top: 0.625rem;
  padding-left: 0.125rem;
  color: #303c4b; }

.hero-onboarding, .hero-onboarding-pdf {
  background-color: #99ca3c;
  position: relative; }
  @media screen and (max-width: 1000px) {
    .hero-onboarding, .hero-onboarding-pdf {
      background-color: #FFFFFF; } }
  .hero-onboarding .container, .hero-onboarding-pdf .container {
    position: relative; }
  .hero-onboarding__phone-image, .hero-onboarding-pdf__phone-image {
    position: absolute;
    top: 60px;
    right: 0; }
    @media screen and (min-width: 1001px) and (max-width: 1240px) {
      .hero-onboarding__phone-image, .hero-onboarding-pdf__phone-image {
        top: 115px; } }
    @media screen and (max-width: 1000px) {
      .hero-onboarding__phone-image, .hero-onboarding-pdf__phone-image {
        position: static;
        background-color: #99ca3c;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; }
        .hero-onboarding__phone-image img.onboarding-app-image, .hero-onboarding-pdf__phone-image img.onboarding-app-image {
          text-align: right;
          margin-left: auto; } }
    @media only screen and (max-width: 1000px) and (max-width: 320px) {
      .hero-onboarding__phone-image img.onboarding-app-image, .hero-onboarding-pdf__phone-image img.onboarding-app-image {
        position: relative;
        right: -50px; } }

    .hero-onboarding__phone-image img, .hero-onboarding-pdf__phone-image img {
      display: block; }
      @media screen and (min-width: 1001px) and (max-width: 1240px) {
        .hero-onboarding__phone-image img, .hero-onboarding-pdf__phone-image img {
          width: 70%;
          text-align: right;
          display: block;
          margin-left: auto;
          transition: width 0.25s ease-in-out; } }
    .hero-onboarding__phone-image div.badge, .hero-onboarding-pdf__phone-image div.badge {
      display: none; }
      @media screen and (max-width: 1000px) {
        .hero-onboarding__phone-image div.badge, .hero-onboarding-pdf__phone-image div.badge {
          display: block; }
          .hero-onboarding__phone-image div.badge.google-play, .hero-onboarding-pdf__phone-image div.badge.google-play {
            position: absolute;
            bottom: 22px;
            left: 20px; } }
    @media only screen and (max-width: 1000px) and (max-width: 375px) {
      .hero-onboarding__phone-image div.badge.google-play, .hero-onboarding-pdf__phone-image div.badge.google-play {
        left: 14px; } }
      @media screen and (max-width: 1000px) {
          .hero-onboarding__phone-image div.badge.apple-store, .hero-onboarding-pdf__phone-image div.badge.apple-store {
            position: absolute;
            bottom: 76px;
            left: 20px; } }
    @media only screen and (max-width: 1000px) and (max-width: 375px) {
      .hero-onboarding__phone-image div.badge.apple-store, .hero-onboarding-pdf__phone-image div.badge.apple-store {
        left: 14px; } }

  .hero-onboarding__content, .hero-onboarding-pdf__content {
    max-width: 460px;
    padding-top: 5.625rem;
    padding-bottom: 1.875rem; }
    @media screen and (max-width: 1000px) {
      .hero-onboarding__content, .hero-onboarding-pdf__content {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem; } }
    .hero-onboarding__content h1, .hero-onboarding-pdf__content h1 {
      color: #FFFFFF;
      font-weight: 600;
      font-size: 2rem;
      line-height: 1.875rem;
      margin-bottom: 1.25rem;
      -webkit-font-smoothing: antialiased; }
      .hero-onboarding__content h1 br, .hero-onboarding-pdf__content h1 br {
        display: none; }
      @media screen and (max-width: 1000px) {
        .hero-onboarding__content h1, .hero-onboarding-pdf__content h1 {
          color: #303c4b;
          font-size: 1.625rem;
          line-height: 1.875rem; }
          .hero-onboarding__content h1 br, .hero-onboarding-pdf__content h1 br {
            display: block; } }
    .hero-onboarding__content h2, .hero-onboarding__content .internal-header h1, .internal-header .hero-onboarding__content h1, .hero-onboarding__content .press-release h1, .press-release .hero-onboarding__content h1, .hero-onboarding-pdf__content h2, .hero-onboarding-pdf__content .internal-header h1, .internal-header .hero-onboarding-pdf__content h1, .hero-onboarding-pdf__content .press-release h1, .press-release .hero-onboarding-pdf__content h1 {
      font-weight: 500;
      font-size: 1.375rem;
      line-height: 1.875rem;
      color: #FFFFFF;
      padding-bottom: 5.625rem;
      -webkit-font-smoothing: antialiased;
      max-width: 410px; }
      @media screen and (max-width: 1000px) {
        .hero-onboarding__content h2, .hero-onboarding__content .internal-header h1, .internal-header .hero-onboarding__content h1, .hero-onboarding__content .press-release h1, .press-release .hero-onboarding__content h1, .hero-onboarding-pdf__content h2, .hero-onboarding-pdf__content .internal-header h1, .internal-header .hero-onboarding-pdf__content h1, .hero-onboarding-pdf__content .press-release h1, .press-release .hero-onboarding-pdf__content h1 {
          color: #8f959e;
          font-size: 1rem;
          line-height: 1.375rem;
          padding-bottom: 0; } }
    .hero-onboarding__content h6, .hero-onboarding-pdf__content h6 {
      color: #303c4b;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      font-size: 1.25rem;
      line-height: 1.875rem;
      margin-bottom: 1.125rem; }
  @media screen and (max-width: 1000px) {
    .hero-onboarding__form, .hero-onboarding-pdf__form {
      display: none; } }
  .hero-onboarding__form label, .hero-onboarding-pdf__form label {
    display: none; }
  .hero-onboarding__form .flex, .hero-onboarding-pdf__form .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .hero-onboarding__form .flex input[type="tel"], .hero-onboarding-pdf__form .flex input[type="tel"] {
      font-size: 1.25rem;
      padding: 0.5rem 0.8125rem;
      border: solid 1px rgba(122, 162, 46, 0.9);
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 7px;
      width: 218px;
      margin-bottom: 0; }
      .hero-onboarding__form .flex input[type="tel"]:focus, .hero-onboarding-pdf__form .flex input[type="tel"]:focus {
        border-color: #ff9600; }
    .hero-onboarding__form .flex a.btn, .hero-onboarding-pdf__form .flex a.btn {
      margin-left: 0.375rem;
      font-size: 1.375rem;
      font-weight: 500;
      padding: 0.375rem 0.625rem;
      min-width: 154px;
      position: relative;
      border-width: 2px; }
      .hero-onboarding__form .flex a.btn.sending, .hero-onboarding-pdf__form .flex a.btn.sending {
        padding-left: 1.25rem;
        background-color: #ea8b00;
        color: #FFFFFF;
        border-color: #ea8b00; }
      .hero-onboarding__form .flex a.btn.sent, .hero-onboarding-pdf__form .flex a.btn.sent {
        padding-left: 0;
        background-color: rgba(153, 202, 60, 0.9);
        color: #FFFFFF;
        border-color: #FFFFFF; }
        .hero-onboarding__form .flex a.btn.sent img, .hero-onboarding-pdf__form .flex a.btn.sent img {
          display: inline-block; }
      .hero-onboarding__form .flex a.btn:focus, .hero-onboarding-pdf__form .flex a.btn:focus {
        outline: none; }
      .hero-onboarding__form .flex a.btn img, .hero-onboarding-pdf__form .flex a.btn img {
        display: inline-block;
        margin-right: 0.375rem;
        display: none; }
  .hero-onboarding__form p.hero-onboarding__notice, .hero-onboarding-pdf__form p.hero-onboarding__notice {
    color: #FFFFFF;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 0.875rem;
    line-height: 1.125rem; }
  .hero-onboarding .app-store-links, .hero-onboarding-pdf .app-store-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1000px) {
      .hero-onboarding .app-store-links, .hero-onboarding-pdf .app-store-links {
        display: none; } }
    .hero-onboarding .app-store-links > figure.apple-store, .hero-onboarding-pdf .app-store-links > figure.apple-store {
      margin-left: 0.625rem; }

.app-dload {
  display: none; }
  @media screen and (max-width: 1000px) {
    .app-dload {
      display: block;
      margin-top: 2.5rem;
      text-align: center; } }

.onboarding-steps {
  margin-top: 3rem;
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 375px) {
    .onboarding-steps {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .onboarding-steps header.headline-block h2, .onboarding-steps header.headline-block .internal-header h1, .internal-header .onboarding-steps header.headline-block h1, .onboarding-steps header.headline-block .press-release h1, .press-release .onboarding-steps header.headline-block h1 {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased; }
    @media screen and (max-width: 1000px) {
      .onboarding-steps header.headline-block h2, .onboarding-steps header.headline-block .internal-header h1, .internal-header .onboarding-steps header.headline-block h1, .onboarding-steps header.headline-block .press-release h1, .press-release .onboarding-steps header.headline-block h1 {
        text-align: left; } }
  .onboarding-steps__row {
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
    text-align: center; }
    @media screen and (max-width: 1000px) {
      .onboarding-steps__row {
        display: none; } }
  .onboarding-steps__row-mobile {
    display: none; }
    @media screen and (max-width: 1000px) {
      .onboarding-steps__row-mobile {
        display: block; } }
    .onboarding-steps__row-mobile ol {
      margin-left: 1rem;
      color: #8f959e;
      font-size: 0.875rem;
      line-height: 1.125rem; }
      .onboarding-steps__row-mobile ol li {
        padding-left: 1.25rem;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem; }

.onboarding-step {
  width: 32.2033898305%;
  float: left;
  position: relative; }
  .onboarding-step:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0; }
  .onboarding-step:nth-child(3n + 2) {
    margin-left: 33.8983050847%;
    margin-right: -100%;
    clear: none; }
  .onboarding-step:nth-child(3n + 3) {
    margin-left: 67.7966101695%;
    margin-right: -100%;
    clear: none; }
  .onboarding-step__icon {
    position: absolute;
    top: -16px;
    left: -12px; }
    .onboarding-step__icon img {
      display: block; }
  .onboarding-step__content p {
    margin-top: 0.625rem;
    margin-bottom: 0;
    margin-left: 0.25rem;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    font-weight: 500; }

/***********************************************************************************/
/* OnBoarding PDF Interstitial */
/***********************************************************************************/
@media screen and (min-width: 1001px) {
  .hero-onboarding-pdf {
    min-height: 480px; } }
.hero-onboarding-pdf__content {
  padding-top: 6.25rem;
  padding-bottom: 2.5rem;
  max-width: 395px; }
  @media screen and (max-width: 1000px) {
    .hero-onboarding-pdf__content {
      padding-top: 2.5rem;
      padding-bottom: 0; } }
  .hero-onboarding-pdf__content h1 {
    font-size: 2.375rem;
    line-height: 2rem;
    margin-bottom: 1.5625rem; }
    @media screen and (max-width: 1000px) {
      .hero-onboarding-pdf__content h1 {
        font-size: 1.625rem;
        line-height: 1.875rem;
        margin-bottom: 0.5rem; } }
  .hero-onboarding-pdf__content h2, .hero-onboarding-pdf__content .internal-header h1, .internal-header .hero-onboarding-pdf__content h1, .hero-onboarding-pdf__content .press-release h1, .press-release .hero-onboarding-pdf__content h1 {
    font-size: 1.375rem;
    line-height: 1.875rem;
    padding-bottom: 3.125rem; }
    @media screen and (max-width: 1000px) {
      .hero-onboarding-pdf__content h2, .hero-onboarding-pdf__content .internal-header h1, .internal-header .hero-onboarding-pdf__content h1, .hero-onboarding-pdf__content .press-release h1, .press-release .hero-onboarding-pdf__content h1 {
        font-size: 1rem;
        line-height: 1.375rem;
        padding-bottom: 0.875rem; } }
    @media only screen and (max-width: 568px) {
      .hero-onboarding-pdf__content h2, .hero-onboarding-pdf__content .internal-header h1, .internal-header .hero-onboarding-pdf__content h1, .hero-onboarding-pdf__content .press-release h1, .press-release .hero-onboarding-pdf__content h1 {
        max-width: 320px; } }
  .hero-onboarding-pdf__content h6 {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-bottom: 1.125rem; }
.hero-onboarding-pdf__buttons {
  padding-top: 3.125rem; }
  @media screen and (max-width: 1000px) {
    .hero-onboarding-pdf__buttons {
      display: none; } }
  .hero-onboarding-pdf__buttons a.btn {
    font-weight: 700;
    font-size: 1.375rem;
    padding: 0.625rem 0.75rem;
    min-width: 265px; }
  .hero-onboarding-pdf__buttons div.no-phone-link {
    max-width: 265px;
    text-align: center;
    margin-top: 0.75rem; }
  .hero-onboarding-pdf__buttons a.no-phone {
    color: #FFFFFF;
    text-align: center;
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 600; }
    .hero-onboarding-pdf__buttons a.no-phone:hover {
      color: #FCFCFC; }
.hero-onboarding-pdf__form {
  display: none; }
  @media screen and (max-width: 1000px) {
    .hero-onboarding-pdf__form {
      display: none !important; } }
  .hero-onboarding-pdf__form .flex a.btn {
    font-weight: 700;
    font-size: 1.4375rem;
    padding: 0.375rem 1.25rem; }
.hero-onboarding-pdf__apps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 1.25rem; }
  .hero-onboarding-pdf__apps figure:first-child {
    margin-right: 0.625rem; }

.onboarding-steps-pdf .onboarding-steps__row {
  text-align: left; }
.onboarding-steps-pdf .onboarding-step p {
  font-weight: 600; }

/***********************************************************************************/
/* New Onboarding Page Design */
/***********************************************************************************/
.new-onboarding-container {
  margin-top: 2.3125rem; }
  .new-onboarding-container h1 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.1875rem;
    margin-top: 2.6875rem; }
  .new-onboarding-container h2, .new-onboarding-container .internal-header h1, .internal-header .new-onboarding-container h1, .new-onboarding-container .press-release h1, .press-release .new-onboarding-container h1 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 3.3125rem; }
  .new-onboarding-container p {
    font-size: 1.375rem;
    margin: 0;
    text-align: center; }
  .new-onboarding-container .desktop-component {
    display: revert; }
  .new-onboarding-container .mobile-component {
    display: none; }
  .new-onboarding-container .hero-container {
    border-bottom: 0.0625rem solid #e6e6e6;
    overflow: hidden; }
    .new-onboarding-container .hero-container__content {
      margin: 0 auto;
      max-width: 70rem;
      overflow: hidden; }
      .new-onboarding-container .hero-container__content .left-content,
      .new-onboarding-container .hero-container__content .right-content {
        float: left;
        width: 50%; }
      .new-onboarding-container .hero-container__content .left-content {
        padding-left: 0.625rem; }
        .new-onboarding-container .hero-container__content .left-content ul {
          font-size: 1.375rem;
          font-weight: 500;
          margin: 0;
          margin-left: 2.5rem; }
          .new-onboarding-container .hero-container__content .left-content ul li {
            list-style-type: none;
            padding: 0.0625rem 0; }
          .new-onboarding-container .hero-container__content .left-content ul li:before {
            content: url(/img/style-guide/account/new-onboarding/check-mark-desktop.png);
            position: relative;
            right: 0.75rem;
            top: 0.3125rem; }
        .new-onboarding-container .hero-container__content .left-content .download-box {
          background: #FFFFFF;
          border-radius: 0.4375rem;
          box-shadow: 0 0 0.625rem 0.1875rem rgba(119, 119, 119, 0.14);
          margin-bottom: 1.25rem;
          margin-top: 2.5rem;
          max-width: 27.8125rem;
          overflow: hidden;
          padding-left: 2rem;
          padding-right: 1.9375rem; }
          .new-onboarding-container .hero-container__content .left-content .download-box h3, .new-onboarding-container .hero-container__content .left-content .download-box .members-cta__left__link {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 1.0625rem;
            margin-top: 1rem; }
          .new-onboarding-container .hero-container__content .left-content .download-box .form {
            overflow: hidden; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form input {
              background-color: #FFFFFF;
              border-radius: 0.4375rem;
              border: 0.0625rem solid #e6e6e6;
              display: block;
              float: left;
              font-size: 1.25rem;
              margin: 0;
              padding-bottom: 0.5625rem;
              padding-top: 0.5625rem;
              width: 13.625rem; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form input::-webkit-input-placeholder {
              color: #303c4b; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form input::-moz-placeholder {
              color: #303c4b; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form input:-ms-input-placeholder {
              color: #303c4b; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form input::placeholder {
              color: #303c4b; }
            .new-onboarding-container .hero-container__content .left-content .download-box .form button {
              display: block;
              float: right;
              font-family: 'Poppins', sans-serif;
              font-size: 1.375rem;
              font-weight: bold;
              min-width: auto !important;
              padding: 0.5rem 2.125rem !important;
              padding-bottom: 0.4375rem !important; }
          .new-onboarding-container .hero-container__content .left-content .download-box .text-message-notify {
            color: #303c4b;
            display: none;
            font-size: 1.125rem;
            font-weight: 600; }
          .new-onboarding-container .hero-container__content .left-content .download-box p {
            font-size: 0.875rem;
            font-weight: 500;
            margin-bottom: 1.25rem;
            margin-top: 1.4375rem;
            text-align: left; }
        .new-onboarding-container .hero-container__content .left-content .download-apps {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          gap: 0.625rem;
          margin: 1.25rem 2rem 2.75rem 2rem; }
      .new-onboarding-container .hero-container__content .right-content {
        margin-top: 5.5rem;
        padding-left: 0.625rem; }
        .new-onboarding-container .hero-container__content .right-content img {
          margin-bottom: -0.25rem; }
  .new-onboarding-container .btn {
    padding: 0.5625rem 3.125rem !important; }
  .new-onboarding-container .btn:disabled {
    opacity: 0.5; }
  .new-onboarding-container .special-offer-container {
    background: #FFFFFF;
    padding-bottom: 3.3125rem;
    text-align: center; }
    .new-onboarding-container .special-offer-container p {
      margin-bottom: 2.4375rem;
      margin-top: 0.3125rem; }
    .new-onboarding-container .special-offer-container .bold {
      font-weight: 600; }
  .new-onboarding-container .grocery-partners-container {
    background: #edf1f3;
    padding-bottom: 3.5rem;
    padding-top: 0.25rem;
    text-align: center; }
    .new-onboarding-container .grocery-partners-container .grocery-shops {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      gap: 2.5rem;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 auto;
      width: 44.25rem; }
  .new-onboarding-container .trustpilot-container {
    background: #FFFFFF;
    padding-bottom: 3.4375rem;
    padding-top: 0.125rem;
    text-align: center; }
    .new-onboarding-container .trustpilot-container .container--narrow {
      max-width: 72rem !important; }
    .new-onboarding-container .trustpilot-container h2, .new-onboarding-container .trustpilot-container .internal-header h1, .internal-header .new-onboarding-container .trustpilot-container h1, .new-onboarding-container .trustpilot-container .press-release h1, .press-release .new-onboarding-container .trustpilot-container h1 {
      margin-bottom: 1.4375rem; }
    .new-onboarding-container .trustpilot-container .trust-pilot {
      margin-top: 3.0625rem; }
      .new-onboarding-container .trustpilot-container .trust-pilot p {
        font-size: 1rem; }
      .new-onboarding-container .trustpilot-container .trust-pilot .trust-card {
        padding-bottom: 2rem; }
      .new-onboarding-container .trustpilot-container .trust-pilot .author {
        font-size: 0.875rem; }
    .new-onboarding-container .trustpilot-container .trust-logo {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 0.3125rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .new-onboarding-container .trustpilot-container .trust-logo__text {
        color: #9b9a9c; }
  @media only screen and (max-width: 1320px) {
    .new-onboarding-container .desktop-component {
      display: none; }
    .new-onboarding-container .mobile-component {
      display: revert; }
    .new-onboarding-container .hero-container__content {
      margin: 0;
      max-width: none;
      width: 100%; }
      .new-onboarding-container .hero-container__content .left-content,
      .new-onboarding-container .hero-container__content .right-content {
        float: none;
        width: 100%; }
      .new-onboarding-container .hero-container__content .left-content {
        padding-left: 0; }
        .new-onboarding-container .hero-container__content .left-content h1 {
          text-align: center; }
        .new-onboarding-container .hero-container__content .left-content ul {
          margin-left: 20%;
          margin-right: 20%; }
        .new-onboarding-container .hero-container__content .left-content .download-button-container {
          margin-bottom: 1.5rem;
          margin-top: 1.4375rem;
          text-align: center; }
        .new-onboarding-container .hero-container__content .left-content .download-apps {
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
      .new-onboarding-container .hero-container__content .right-content {
        margin-top: 2rem;
        padding-left: 0;
        text-align: center; }
        .new-onboarding-container .hero-container__content .right-content img {
          max-width: 33.9375rem;
          width: 83%; } }
@media only screen and (max-width: 1320px) and (max-width: 1024px) {
  .new-onboarding-container .special-offer-container {
    padding-bottom: 2.25rem; }
    .new-onboarding-container .special-offer-container p {
      margin-bottom: 1.25rem;
      margin-left: 15%;
      margin-right: 15%;
      margin-top: 0; }
  .new-onboarding-container .trustpilot-container {
    padding-bottom: 2.3125rem; }
    .new-onboarding-container .trustpilot-container .container--narrow {
      max-width: none;
      width: 100%; }
    .new-onboarding-container .trustpilot-container .trust-pilot {
      margin-top: 1.8125rem; }
      .new-onboarding-container .trustpilot-container .trust-pilot .trust-card {
        padding-bottom: 1rem; }
      .new-onboarding-container .trustpilot-container .trust-pilot .author {
        color: rgba(48, 60, 75, 0.8); } }

@media only screen and (max-width: 1320px) and (max-width: 1024px) and (max-width: 736px) {
  .new-onboarding-container .grocery-partners-container {
    padding-bottom: 2.3125rem; }
    .new-onboarding-container .grocery-partners-container h2, .new-onboarding-container .grocery-partners-container .internal-header h1, .internal-header .new-onboarding-container .grocery-partners-container h1, .new-onboarding-container .grocery-partners-container .press-release h1, .press-release .new-onboarding-container .grocery-partners-container h1 {
      margin-bottom: 1.6875rem; }
    .new-onboarding-container .grocery-partners-container .grocery-shops {
      gap: 1.0625rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 87%; }
      .new-onboarding-container .grocery-partners-container .grocery-shops img {
        height: auto;
        width: 25%; } }

@media only screen and (max-width: 1320px) and (max-width: 1024px) and (max-width: 736px) and (max-width: 568px) {
  .new-onboarding-container h1 {
    margin-bottom: 0.4375rem;
    margin-top: 0.0625rem; }
  .new-onboarding-container h2, .new-onboarding-container .internal-header h1, .internal-header .new-onboarding-container h1, .new-onboarding-container .press-release h1, .press-release .new-onboarding-container h1 {
    font-size: 1.125rem;
    margin-bottom: 1.1875rem;
    margin-left: 9.3%;
    margin-right: 9.3%;
    margin-top: 2rem; }
  .new-onboarding-container p {
    font-size: 1rem; }
  .new-onboarding-container .hero-container__content .left-content h1 {
    font-size: 1.375rem; }
  .new-onboarding-container .hero-container__content .left-content ul {
    font-size: 1rem; }
    .new-onboarding-container .hero-container__content .left-content ul li {
      padding-bottom: 0.375rem;
      padding-top: 0.375rem; }
    .new-onboarding-container .hero-container__content .left-content ul li:before {
      content: url(/img/style-guide/account/new-onboarding/check-mark-mobile.png); }
  .new-onboarding-container .hero-container__content .left-content p {
    margin-left: 15%;
    margin-right: 15%; }
  .new-onboarding-container .hero-container__content .left-content .download-apps {
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 1.125rem;
    margin-bottom: 0;
    margin-top: 0.9375rem; }
  .new-onboarding-container .btn {
    font-size: 1rem !important;
    padding: 0.375rem 2rem !important; } }

/***********************************************************************************/
/* Trial Funnel - V3 */
/***********************************************************************************/
.moveOut {
  -webkit-transform: scale(0.8) translate(-0.5em, -2.4em);
          transform: scale(0.8) translate(-0.5em, -2.4em);
  transition: color 0.2s, -webkit-transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1);
  transition: transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
  transition: transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1); }
  @media screen and (max-width: 600px) {
    .moveOut {
      -webkit-transform: scale(0.8) translate(-0.5em, -2.8em) !important;
              transform: scale(0.8) translate(-0.5em, -2.8em) !important; } }

.moveIn {
  -webkit-transform: scale(1) translate(0em, 0em);
          transform: scale(1) translate(0em, 0em);
  transition: color 0.2s, -webkit-transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1);
  transition: transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
  transition: transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.5s cubic-bezier(0.2, 1.3, 0.7, 1); }

.trial-grid-wrapper-v3 select::-ms-expand {
  display: none; }
.trial-grid-wrapper-v3 .form-container2 {
  background-color: #fbfbfb;
  border-top: solid 1px #e6e6e6;
  padding-bottom: 30px; }
  .trial-grid-wrapper-v3 .form-container2 .satisfaction-image {
    position: absolute;
    width: 166px;
    height: auto;
    right: 100px; }
    @media screen and (max-width: 1150px) {
      .trial-grid-wrapper-v3 .form-container2 .satisfaction-image {
        position: relative;
        margin: 0px auto;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        right: 10px;
        width: 69px; } }
    @media screen and (min-width: 1800px) {
      .trial-grid-wrapper-v3 .form-container2 .satisfaction-image {
        right: 20%; } }
  .trial-grid-wrapper-v3 .form-container2 .inner-form {
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    padding: 2% 3%;
    max-width: 609px;
    margin: 0px auto;
    margin-top: 30px; }
    @media screen and (max-width: 645px) {
      .trial-grid-wrapper-v3 .form-container2 .inner-form {
        border: none; } }
    .trial-grid-wrapper-v3 .form-container2 .inner-form h1 {
      font-family: "Poppins";
      font-size: 40px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.8px;
      text-align: center;
      color: #303c4b;
      margin-bottom: 20px; }
      @media screen and (max-width: 550px) {
        .trial-grid-wrapper-v3 .form-container2 .inner-form h1 {
          font-size: 32px; } }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .foundInfo::before {
      content: url("../../img/account/trial/pickedCheck.png");
      padding-right: 10px;
      vertical-align: -10%; }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .foundInfo {
      font-family: "Poppins";
      font-size: 27px;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: 0.5px;
      color: #8f959e;
      text-align: center; }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .greatChoice {
      font-family: "Poppins";
      font-size: 14px;
      text-align: center;
      color: #8f959e; }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm {
      width: 100%;
      margin: 0px auto; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #size_select::ms-expand {
        display: none; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #store_select::ms-expand {
        display: none; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #plan_select::ms-expand {
        display: none; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #size_select, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #store_select, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #plan_select {
        height: 47px !important;
        background-image: url(/img/account/trial/v3/jareds_dropdown_solution.png) !important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: right;
        -webkit-appearance: none;
        border-radius: 5px !important;
        -moz-appearance: none;
             appearance: none; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #initial_pass, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #setEmail, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #size_select, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #store_select, .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm #plan_select {
        font-family: Poppins;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8f959e;
        border-radius: 5px;
        padding: .65em;
        width: 100%;
        margin: 0px auto;
        margin-bottom: 1.5em;
        display: block;
        border: 1px solid #d2d2d2; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm .anyStore {
        color: #8f959e;
        margin-bottom: 30px;
        margin-top: 0px; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm .fieldContainer {
        position: relative;
        width: 70%;
        margin: 0px auto; }
        .trial-grid-wrapper-v3 .form-container2 .inner-form .trialForm .fieldContainer label {
          color: #8f959e;
          transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
          transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
          transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
          -webkit-transform-origin: 0 0;
                  transform-origin: 0 0;
          font-size: 16px;
          position: absolute;
          top: 14px;
          left: 10px;
          cursor: text; }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .term-details {
      font-family: "Poppins";
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #8f959e; }
      .trial-grid-wrapper-v3 .form-container2 .inner-form .term-details a {
        color: #ff9600; }
    @media screen and (max-width: 750px) {
      .trial-grid-wrapper-v3 .form-container2 .inner-form .button-container .try-us-submit {
        font-size: 14px; } }
    .trial-grid-wrapper-v3 .form-container2 .inner-form .button-container input {
      margin: 0px auto;
      display: block; }
  .trial-grid-wrapper-v3 .form-container2 #account_error {
    background: #ffe5e6;
    border: 0.125rem solid #b92222;
    color: #b92222;
    display: none;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 0.9375rem;
    margin-top: 0.9375rem;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.25rem 0.625rem;
    width: 77.5%; }
    .trial-grid-wrapper-v3 .form-container2 #account_error .icon::before {
      content: '!'; }
    .trial-grid-wrapper-v3 .form-container2 #account_error .icon {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #FFFFFF;
      border: 0.125rem solid #f1e6e6;
      border-radius: 50%;
      color: #ff4747;
      cursor: default;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 2.5rem;
          -ms-flex: 0 0 2.5rem;
              flex: 0 0 2.5rem;
      font-size: 2.125rem;
      height: 2.5rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .trial-grid-wrapper-v3 .form-container2 #account_error p {
      margin: 0; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .form-container2 #account_error {
        width: 100%; } }
.trial-grid-wrapper-v3 .trust-pilot-container {
  width: 100%; }
.trial-grid-wrapper-v3 .btn {
  border-radius: 45px;
  background-color: #fe9700; }
.trial-grid-wrapper-v3 .quoteSection {
  background-color: #fcfcfc;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px; }
  .trial-grid-wrapper-v3 .quoteSection .quoteText, .trial-grid-wrapper-v3 .quoteSection .welcomeBack {
    font-family: "Poppins";
    font-size: 40px;
    text-align: center;
    color: #303c4b; }
    @media screen and (max-width: 750px) {
      .trial-grid-wrapper-v3 .quoteSection .quoteText, .trial-grid-wrapper-v3 .quoteSection .welcomeBack {
        font-size: 16px; } }
  .trial-grid-wrapper-v3 .quoteSection .reactivateTerm {
    font-family: Poppins;
    font-size: 27px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #8f959e; }
    @media screen and (max-width: 750px) {
      .trial-grid-wrapper-v3 .quoteSection .reactivateTerm {
        font-size: 16px; } }
  .trial-grid-wrapper-v3 .quoteSection .quoteContainer {
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px; }
    .trial-grid-wrapper-v3 .quoteSection .quoteContainer .quoter {
      font-family: "Poppins";
      font-size: 22px;
      font-weight: 300;
      letter-spacing: 0.2px;
      color: #303c4b;
      padding-left: 20px; }
      @media screen and (max-width: 750px) {
        .trial-grid-wrapper-v3 .quoteSection .quoteContainer .quoter {
          font-size: 14px; } }
.trial-grid-wrapper-v3 .termHeader {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-align: center;
  color: #303c4b;
  margin-top: 60px;
  margin-bottom: 85px; }
  @media screen and (max-width: 750px) {
    .trial-grid-wrapper-v3 .termHeader {
      font-size: 25px; } }
  @media screen and (max-width: 400px) {
    .trial-grid-wrapper-v3 .termHeader {
      margin-top: 30px;
      margin-bottom: 65px; } }
.trial-grid-wrapper-v3 #termForm .termSelection {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .trial-grid-wrapper-v3 #termForm .termSelection .orangeBorder {
    border: 1px solid #ff9600 !important; }
  @media screen and (max-width: 550px) {
    .trial-grid-wrapper-v3 #termForm .termSelection {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder {
        width: 90% !important;
        margin: 0px auto; }
      .trial-grid-wrapper-v3 #termForm .termSelection .threeMonth {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin: 20px 0px !important; } }
  .trial-grid-wrapper-v3 #termForm .termSelection .twelveMonth .discountCallout,
  .trial-grid-wrapper-v3 #termForm .termSelection .sixMonth .discountCallout {
    position: absolute;
    margin-top: -50px;
    margin-left: 87px; }
  .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder {
    width: 250px;
    height: 233px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    margin: 0px 15px; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer input {
      display: none; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h3, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .members-cta__left__link {
      font-family: "Poppins";
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.8px;
      text-align: center;
      color: #303c4b;
      margin-bottom: 15px; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h2, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .internal-header h1, .internal-header .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .press-release h1, .press-release .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1 {
      text-align: center; }
      .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h2 .small, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .internal-header h1 .small, .internal-header .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1 .small, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .press-release h1 .small, .press-release .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1 .small {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        color: #303c4b;
        position: relative;
        top: -16px; }
      .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h2 .large, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .internal-header h1 .large, .internal-header .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1 .large, .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .press-release h1 .large, .press-release .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer h1 .large {
        font-family: Poppins;
        font-size: 60px;
        font-weight: 500;
        letter-spacing: 2.7px;
        text-align: center;
        color: #303c4b; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer input[type="radio"] + label {
      background: url(/img/account/trial/v3/unchecked.png);
      height: 25px;
      width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
      background-repeat: no-repeat;
      vertical-align: top;
      cursor: pointer;
      margin: 10px 0px -15px 10px; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer input[type="radio"]:checked + label {
      background: url(/img/account/trial/v3/orange_check_mark.png);
      height: 25px;
      width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
      background-repeat: no-repeat;
      vertical-align: top;
      cursor: pointer;
      margin: 10px 0px -15px 10px; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .perMonth {
      font-family: "Poppins";
      font-size: 12px;
      text-align: center;
      color: #8f959e;
      margin: 0px; }
    .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder .innerContainer .billedAt {
      font-family: Poppins;
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      color: #8f959e; }
.trial-grid-wrapper-v3 #termForm .button-container {
  text-align: center;
  margin: 60px 0px; }
  @media screen and (max-width: 400px) {
    .trial-grid-wrapper-v3 #termForm .button-container {
      margin: 30px 0px; } }
.trial-grid-wrapper-v3 .top-container {
  margin-top: 60px; }
  .trial-grid-wrapper-v3 .top-container h1 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.8px;
    text-align: center;
    color: #303c4b;
    max-width: 544px;
    width: 50%;
    clear: both;
    margin: 0px auto;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .trial-grid-wrapper-v3 .top-container h1 {
        width: 90% !important;
        font-size: 32px; } }
.trial-grid-wrapper-v3 .options-container {
  border-radius: 8px;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  width: 50%;
  margin: 0px auto;
  margin-top: 30px;
  max-width: 683px; }
  @media screen and (max-width: 600px) {
    .trial-grid-wrapper-v3 .options-container {
      width: 100% !important;
      border-radius: 0px;
      border: none !important; } }
  .trial-grid-wrapper-v3 .options-container ol {
    padding: 35px 20px;
    margin: 0px;
    counter-reset: section; }
    .trial-grid-wrapper-v3 .options-container ol .point::before {
      counter-increment: section;
      content: "";
      background-color: #9AC947;
      border-radius: 50%;
      background-color: #9AC947;
      border-radius: 50%;
      margin-right: 10px;
      content: counter(section);
      border-radius: 100%;
      color: white;
      width: 1.25em;
      text-align: center;
      display: inline-block;
      text-indent: 0em;
      height: 1.25em;
      padding-top: 2px;
      padding-left: 1px; }
      .trial-grid-wrapper-v3 .options-container ol .point::before li {
        list-style: decimal;
        padding: .25em 0; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .options-container ol .point::before {
          counter-increment: section;
          content: "";
          background-color: #9AC947;
          border-radius: 50%;
          background-color: #9AC947;
          border-radius: 50%;
          margin-right: 10px;
          content: counter(section);
          border-radius: 100%;
          color: white;
          width: 1.4em;
          text-align: center;
          display: inline-block;
          text-indent: 0em;
          height: 1.4em;
          padding-top: 0px;
          padding-left: 0px; } }
    .trial-grid-wrapper-v3 .options-container ol .point {
      color: #b3b3b3;
      font-size: 1em;
      list-style-type: none;
      text-indent: -2.1em;
      padding-left: 2em;
      margin-bottom: 15px; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .options-container ol .point {
          font-size: 14px; } }
.trial-grid-wrapper-v3 .form-container {
  width: 50%;
  margin: 0px auto;
  margin-top: 60px; }
  @media screen and (max-width: 600px) {
    .trial-grid-wrapper-v3 .form-container {
      width: 100%;
      margin-top: 0px !important;
      padding: 10px; } }
  .trial-grid-wrapper-v3 .form-container .user_info_header {
    margin-top: 60px;
    font-family: Poppins;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #303c4b;
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      .trial-grid-wrapper-v3 .form-container .user_info_header {
        margin-bottom: 0px !important;
        text-align: center;
        margin-top: 30px; } }
  .trial-grid-wrapper-v3 .form-container #account_error, .trial-grid-wrapper-v3 .form-container #payment_error {
    background: #fbcfbd;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 50%;
    display: none; }
    .trial-grid-wrapper-v3 .form-container #account_error .topError, .trial-grid-wrapper-v3 .form-container #payment_error .topError {
      font-size: 18px;
      font-weight: bold;
      font-family: "Poppins"; }
    .trial-grid-wrapper-v3 .form-container #account_error .errortext, .trial-grid-wrapper-v3 .form-container #payment_error .errortext {
      font-size: 14px;
      font-weight: normal;
      font-family: "Poppins"; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .form-container #account_error, .trial-grid-wrapper-v3 .form-container #payment_error {
        width: 100%; } }
  .trial-grid-wrapper-v3 .form-container #payment_error_v2 {
    background: #ffe5e6;
    border: 0.125rem solid #b92222;
    color: #b92222;
    display: none;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 0.9375rem;
    margin-top: 0.9375rem;
    padding: 1.25rem 0.625rem;
    width: 77.5%; }
    .trial-grid-wrapper-v3 .form-container #payment_error_v2 .icon::before {
      content: '!'; }
    .trial-grid-wrapper-v3 .form-container #payment_error_v2 .icon {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #FFFFFF;
      border: 0.125rem solid #f1e6e6;
      border-radius: 50%;
      color: #ff4747;
      cursor: default;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 2.5rem;
          -ms-flex: 0 0 2.5rem;
              flex: 0 0 2.5rem;
      font-size: 2.125rem;
      height: 2.5rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .trial-grid-wrapper-v3 .form-container #payment_error_v2 p {
      margin: 0; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .form-container #payment_error_v2 {
        width: 100%; } }
  .trial-grid-wrapper-v3 .form-container #account_error {
    background: #ffe5e6;
    border: 0.125rem solid #b92222;
    color: #b92222;
    display: none;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 0.9375rem;
    margin-top: 0.9375rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem 0.625rem;
    width: 77.5%; }
    .trial-grid-wrapper-v3 .form-container #account_error .icon::before {
      content: '!'; }
    .trial-grid-wrapper-v3 .form-container #account_error .icon {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #FFFFFF;
      border: 0.125rem solid #f1e6e6;
      border-radius: 50%;
      color: #ff4747;
      cursor: default;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 2.5rem;
          -ms-flex: 0 0 2.5rem;
              flex: 0 0 2.5rem;
      font-size: 2.125rem;
      height: 2.5rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .trial-grid-wrapper-v3 .form-container #account_error p {
      margin: 0; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .form-container #account_error {
        width: 100%; } }
  .trial-grid-wrapper-v3 .form-container .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .trial-grid-wrapper-v3 .form-container .form-group .fieldContainer {
      width: 50%;
      position: relative; }
      .trial-grid-wrapper-v3 .form-container .form-group .fieldContainer label {
        color: #8f959e;
        transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
        transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
        transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        font-size: 14px;
        position: absolute;
        top: 17px;
        left: 10px;
        cursor: text; }
      .trial-grid-wrapper-v3 .form-container .form-group .fieldContainer input {
        width: 100%; }
    @media screen and (max-width: 850px) {
      .trial-grid-wrapper-v3 .form-container .form-group .hearContainer {
        width: 100% !important; }
        .trial-grid-wrapper-v3 .form-container .form-group .hearContainer select {
          width: 100% !important; } }
    .trial-grid-wrapper-v3 .form-container .form-group select {
      border-radius: 5px !important;
      border: 1px solid #d2d2d2;
      width: 98.5%;
      padding: 14px;
      margin-right: auto;
      font-family: "Poppins";
      font-size: 14px;
      color: #8f959e;
      height: 50px;
      margin-top: 20px;
      background-image: url(/img/account/trial/v3/jareds_dropdown_solution.png) !important;
      background-repeat: no-repeat;
      background-size: contain;
      background-position-x: right;
      border-radius: 5px !important;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      @media screen and (max-width: 1366px) {
        .trial-grid-wrapper-v3 .form-container .form-group select {
          width: 97%; } }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container .form-group select {
          width: 96%; } }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container .form-group select {
          width: 94%; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container .form-group select {
          width: 100%; } }
    .trial-grid-wrapper-v3 .form-container .form-group select::-ms-expand {
      display: none; }
    .trial-grid-wrapper-v3 .form-container .form-group label {
      color: #8f959e;
      transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
      transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
      transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      font-size: 16px;
      position: absolute;
      top: 17px;
      left: 10px;
      cursor: text; }
    .trial-grid-wrapper-v3 .form-container .form-group #first_name_label, .trial-grid-wrapper-v3 .form-container .form-group #last_name_label {
      top: 12px; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container .form-group #first_name_label, .trial-grid-wrapper-v3 .form-container .form-group #last_name_label {
          top: 37px; } }
    .trial-grid-wrapper-v3 .form-container .form-group #hear_label {
      top: 33px; }
    .trial-grid-wrapper-v3 .form-container .form-group #phone_number_label {
      top: 17px; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container .form-group #phone_number_label {
          top: 20px; } }
    .trial-grid-wrapper-v3 .form-container .form-group #phone-number-field {
      margin-top: 0.3125rem; }
    .trial-grid-wrapper-v3 .form-container .form-group input {
      border-radius: 5px;
      border: 1px solid #d2d2d2;
      width: 48%;
      padding: 14px;
      margin-right: auto;
      font-family: Poppins;
      font-size: 14px;
      color: #8f959e; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container .form-group input {
          width: 100%;
          margin-top: 20px; } }
  .trial-grid-wrapper-v3 .form-container .custom-dropdown {
    width: 48%;
    -webkit-justify-content: left !important;
        -ms-flex-pack: left !important;
            justify-content: left !important;
    font-family: "Poppins";
    margin: 1em 0 1em 0 !important; }
    .trial-grid-wrapper-v3 .form-container .custom-dropdown a {
      border-radius: 5px !important; }
    .trial-grid-wrapper-v3 .form-container .custom-dropdown .custom-dropdown__trigger-text {
      font-size: 14px; }
    .trial-grid-wrapper-v3 .form-container .custom-dropdown .custom-dropdown__list a {
      font-size: 14px !important; }
  .trial-grid-wrapper-v3 .form-container .paymentTopper {
    clear: both;
    display: block;
    overflow: hidden;
    margin-top: 60px; }
    @media screen and (max-width: 600px) {
      .trial-grid-wrapper-v3 .form-container .paymentTopper {
        margin-top: 20px;
        text-align: center; } }
    .trial-grid-wrapper-v3 .form-container .paymentTopper .paymentHeader {
      font-family: "Poppins";
      font-size: 30px;
      font-weight: 500;
      letter-spacing: 0.6px;
      color: #303c4b;
      display: inline-block; }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container .paymentTopper .paymentHeader {
          margin-bottom: 20px; } }
    .trial-grid-wrapper-v3 .form-container .paymentTopper img {
      display: inline-block;
      margin-left: 50px; }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container .paymentTopper img {
          display: block;
          margin-left: 0px;
          margin-top: 20px; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container .paymentTopper img {
          margin: 0px auto; } }
  .trial-grid-wrapper-v3 .form-container .optionSelector {
    margin-top: 30px; }
    .trial-grid-wrapper-v3 .form-container .optionSelector .paymentOption-container {
      margin-bottom: 16px; }
      .trial-grid-wrapper-v3 .form-container .optionSelector .paymentOption-container input {
        width: auto !important; }
      .trial-grid-wrapper-v3 .form-container .optionSelector .paymentOption-container label {
        margin-left: 6px; }
      .trial-grid-wrapper-v3 .form-container .optionSelector .paymentOption-container img {
        height: 20px;
        width: auto;
        vertical-align: bottom; }
  .trial-grid-wrapper-v3 .form-container .paymentOption-container-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .trial-grid-wrapper-v3 .form-container .paymentOption-container-flex input[type="radio"] {
      margin: 0; }
    .trial-grid-wrapper-v3 .form-container .paymentOption-container-flex label {
      margin: 0 0.375rem 0 0.375rem; }
    .trial-grid-wrapper-v3 .form-container .paymentOption-container-flex img.trial-gateway-icon {
      display: block;
      margin: 0;
      padding: 0;
      width: auto;
      height: 22px; }
  .trial-grid-wrapper-v3 .form-container #standardDiv {
    clear: both; }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .card_number_container {
      width: 50%;
      float: left; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .card_number_container {
          width: 100%;
          float: none; } }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
      width: 21%;
      float: left;
      margin-left: 20px; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 47.5%;
          margin-left: 0px;
          margin-top: 20px; } }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 46.5%; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 48%; } }
      @media screen and (max-width: 525px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 47.5%; } }
      @media screen and (max-width: 420px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 47.5%; } }
      @media screen and (max-width: 420px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .month_container {
          width: 46.5%; } }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
      width: 21%;
      float: left;
      margin-left: 20px; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
          width: 47.5%;
          margin-top: 20px; } }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
          width: 46.5%; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
          width: 48%; } }
      @media screen and (max-width: 465px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
          width: 47.5%; } }
      @media screen and (max-width: 420px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .year_container {
          width: 46.5%; } }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
      width: 23.5%;
      float: left;
      margin-top: 20px; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
          width: 47.5%; } }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
          width: 46.5%; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
          width: 48%; } }
      @media screen and (max-width: 525px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
          width: 47.5%; } }
      @media screen and (max-width: 420px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .cvv_container {
          width: 46.5%; } }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
      width: 23.5%;
      float: left;
      margin-left: 20px;
      margin-top: 20px; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
          width: 47.5%; } }
      @media screen and (max-width: 800px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
          width: 46.5%; } }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
          width: 48%; } }
      @media screen and (max-width: 465px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
          width: 47.5%; } }
      @media screen and (max-width: 420px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .zip_container {
          width: 46.5%; } }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .phone_container {
      width: 50%;
      margin-top: 20px;
      clear: both; }
      @media screen and (max-width: 1000px) {
        .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .phone_container {
          width: 100%;
          float: none; } }
      .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .phone_container input {
        width: 100% !important;
        height: 50px !important;
        margin-top: 20px;
        border-radius: 5px !important;
        border: 1px solid #d2d2d2; }
      .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .phone_container label {
        padding: 36px 0px 0px 16px !important; }
    .trial-grid-wrapper-v3 .form-container #standardDiv #standardForm .payment_field label {
      color: #8f959e;
      transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
      transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
      transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      line-height: 1;
      position: absolute;
      font-size: 14px;
      padding: 16px 0px 0px 16px; }
.trial-grid-wrapper-v3 .alt-form-container {
  min-width: 32rem;
  width: 27%; }
  .trial-grid-wrapper-v3 .alt-form-container .credit-card-icons-container {
    display: none;
    margin: 0.75rem 0;
    text-align: center; }
    .trial-grid-wrapper-v3 .alt-form-container .credit-card-icons-container img {
      display: inline-block;
      margin: 0 0.125rem; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container .credit-card-icons-container {
        display: block; } }
  .trial-grid-wrapper-v3 .alt-form-container .form-group .hearContainer {
    margin-bottom: 0.3125rem;
    width: 100%; }
  .trial-grid-wrapper-v3 .alt-form-container .optionSelector {
    margin: 0 5rem;
    margin-bottom: 1.5625rem;
    margin-top: 0.625rem; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container .optionSelector {
        margin: 0 2.5rem; } }
  .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .card_number_container {
    width: 36%; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .card_number_container {
        float: left !important;
        width: 50% !important; } }
  .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .date_container {
    float: left;
    width: 20%; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .date_container {
        float: left !important;
        width: 25% !important; } }
  .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .cvv_container {
    margin: 0;
    width: 15%; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .cvv_container {
        float: left !important;
        width: 25% !important; } }
  .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .zip_container {
    float: right;
    margin: 0;
    width: 25%; }
    @media screen and (max-width: 1000px) {
      .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .zip_container {
        float: left !important;
        margin-top: 1.375rem;
        width: 50% !important; } }
  .trial-grid-wrapper-v3 .alt-form-container #standardDiv #standardForm .secure_site_container {
    display: block;
    margin: 0 auto;
    padding-top: 1.375rem; }
  @media screen and (max-width: 600px) {
    .trial-grid-wrapper-v3 .alt-form-container {
      min-width: 0;
      width: 100%; } }
.trial-grid-wrapper-v3 .bottom-container {
  background: #fafafa;
  padding: 60px 0px;
  margin-top: 60px; }
  @media screen and (max-width: 600px) {
    .trial-grid-wrapper-v3 .bottom-container {
      padding: 30px 0px;
      margin-top: 30px; } }
  .trial-grid-wrapper-v3 .bottom-container .text-container {
    width: 50%;
    margin: 0px auto; }
    @media screen and (max-width: 600px) {
      .trial-grid-wrapper-v3 .bottom-container .text-container {
        width: 95%;
        text-align: center; } }
    .trial-grid-wrapper-v3 .bottom-container .text-container h2, .trial-grid-wrapper-v3 .bottom-container .text-container .internal-header h1, .internal-header .trial-grid-wrapper-v3 .bottom-container .text-container h1, .trial-grid-wrapper-v3 .bottom-container .text-container .press-release h1, .press-release .trial-grid-wrapper-v3 .bottom-container .text-container h1 {
      font-family: "Poppins";
      font-size: 30px;
      font-weight: 500;
      letter-spacing: 0.6px;
      color: #303c4b;
      margin-bottom: 25px; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .bottom-container .text-container h2, .trial-grid-wrapper-v3 .bottom-container .text-container .internal-header h1, .internal-header .trial-grid-wrapper-v3 .bottom-container .text-container h1, .trial-grid-wrapper-v3 .bottom-container .text-container .press-release h1, .press-release .trial-grid-wrapper-v3 .bottom-container .text-container h1 {
          font-size: 25px; } }
    .trial-grid-wrapper-v3 .bottom-container .text-container h1 {
      font-family: "Poppins";
      font-size: 40px;
      font-weight: 500;
      color: #99ca3c; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .bottom-container .text-container h1 {
          font-size: 28px; } }
    .trial-grid-wrapper-v3 .bottom-container .text-container p {
      font-family: Poppins;
      font-size: 20px;
      color: #8f959e; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .bottom-container .text-container p {
          font-size: 14px; } }
    .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder {
      -webkit-align-items: baseline;
          -ms-flex-align: baseline;
                  -ms-grid-row-align: baseline;
              align-items: baseline; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder {
          -webkit-flex-flow: column;
              -ms-flex-flow: column;
                  flex-flow: column; } }
      .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder #coupon {
        padding: .75em !important; }
      .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder #apply_coupon {
        padding: 0.9375rem 3.75rem;
        background-color: #ff9600;
        border-color: #ff9600;
        color: #FFFFFF; }
        @media screen and (max-width: 600px) {
          .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder #apply_coupon {
            width: 100%;
            margin-bottom: 20px; } }
    .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupRight .cart-price-row {
      padding: 10px;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupRight #cart-discount-row {
      background: #ddd; }
.trial-grid-wrapper-v3 .button-container {
  margin: 0px auto;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .trial-grid-wrapper-v3 .button-container button {
      font-size: 14px; } }

.trustpilotSectionDark {
  background-color: #fbfbfb; }
  .trustpilotSectionDark h1 {
    padding-top: 40px; }

.tp-admin {
  margin: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .tp-admin {
      margin: 1.875rem 0; } }
  .tp-admin__header {
    text-align: center; }

.tp-desktop {
  display: block; }
  .tp-desktop .trustpilotSection .reviewContainer, .tp-desktop .trustpilotSectionDark .reviewContainer {
    width: 80%;
    margin: 0px auto; }
    @media screen and (max-width: 1150px) {
      .tp-desktop .trustpilotSection .reviewContainer, .tp-desktop .trustpilotSectionDark .reviewContainer {
        width: 100%; } }
    @media screen and (min-width: 1600px) {
      .tp-desktop .trustpilotSection .reviewContainer, .tp-desktop .trustpilotSectionDark .reviewContainer {
        width: 53%; } }
    .tp-desktop .trustpilotSection .reviewContainer .review, .tp-desktop .trustpilotSectionDark .reviewContainer .review {
      display: inline-block;
      float: left;
      width: 32%;
      padding: 0px 30px; }
      @media screen and (max-width: 750px) {
        .tp-desktop .trustpilotSection .reviewContainer .review, .tp-desktop .trustpilotSectionDark .reviewContainer .review {
          width: 80%;
          margin: 0px auto;
          display: block;
          float: none;
          margin-bottom: 1.725rem; } }
      @media screen and (max-width: 320px) {
        .tp-desktop .trustpilotSection .reviewContainer .review, .tp-desktop .trustpilotSectionDark .reviewContainer .review {
          max-width: 320px;
          display: block; } }
  @media screen and (max-width: 736px) {
    .tp-desktop {
      display: none; } }

.tp-mobile {
  display: none !important; }
  @media screen and (max-width: 736px) {
    .tp-mobile {
      display: block !important;
      padding-bottom: 30px; } }
  .tp-mobile h1 {
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: #303c4b;
    margin-bottom: 20px;
    margin-top: 30px; }
    @media screen and (max-width: 750px) {
      .tp-mobile h1 {
        font-size: 32px; } }
  .tp-mobile .review {
    margin-bottom: 0px;
    margin-top: 30px;
    margin-right: 0px !important; }
    .tp-mobile .review img {
      margin: 0px auto;
      margin-bottom: 30px; }
    .tp-mobile .review .title {
      font-family: "Poppins";
      font-size: 16px;
      font-weight: 500;
      text-align: center;
      color: #8f959e;
      padding: 0px 20px;
      margin-bottom: 20px; }
    .tp-mobile .review .text {
      font-family: "Poppins";
      font-size: 16px;
      font-weight: normal;
      text-align: center;
      color: #8f959e;
      padding: 0px 20px; }
    .tp-mobile .review .reviewer {
      font-family: "Poppins";
      font-size: 16px;
      font-weight: normal;
      text-align: center;
      color: #8f959e;
      margin-top: 30px; }
  .tp-mobile .poweredBy {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    .tp-mobile .poweredBy p {
      margin: 0px !important; }
    .tp-mobile .poweredBy img {
      margin-top: -6px;
      margin-left: 10px;
      height: 28px !important; }

.trustpilotSection, .trustpilotSectionDark {
  margin: 0px auto;
  padding-bottom: 30px; }
  @media screen and (min-width: 1600px) {
    .trustpilotSection, .trustpilotSectionDark {
      width: 100%; } }
  .trustpilotSection h1, .trustpilotSectionDark h1 {
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: #303c4b;
    margin-bottom: 20px;
    margin-top: 30px; }
    @media screen and (max-width: 750px) {
      .trustpilotSection h1, .trustpilotSectionDark h1 {
        font-size: 32px; } }
  .trustpilotSection .reviewContainer .review .title, .trustpilotSectionDark .reviewContainer .review .title {
    color: #8f959e;
    font-family: "Poppins";
    font-size: 16px;
    margin-top: 27px; }
  .trustpilotSection .reviewContainer .review .text, .trustpilotSectionDark .reviewContainer .review .text {
    margin-top: 35px;
    color: #8f959e;
    font-family: "Poppins";
    font-size: 16px; }
  .trustpilotSection .reviewContainer .review .reviewer, .trustpilotSectionDark .reviewContainer .review .reviewer {
    margin-top: 35px;
    color: #8f959e;
    font-family: "Poppins";
    font-size: 16px; }
  .trustpilotSection .poweredBy, .trustpilotSectionDark .poweredBy {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding-top: 30px; }
    .trustpilotSection .poweredBy p, .trustpilotSectionDark .poweredBy p {
      margin: 0px !important; }
    .trustpilotSection .poweredBy img, .trustpilotSectionDark .poweredBy img {
      margin-top: -6px;
      margin-left: 10px;
      height: 28px !important; }

.addon_bundle .header_image {
  width: 100%; }
  @media screen and (max-width: 500px) {
    .addon_bundle .header_image {
      display: none; } }
.addon_bundle .header_image_mobile {
  display: none; }
  @media screen and (max-width: 500px) {
    .addon_bundle .header_image_mobile {
      display: block;
      width: 100%;
      height: 200px; } }
.addon_bundle .special_offer {
  position: absolute;
  right: 100px; }
  @media screen and (min-width: 1800px) {
    .addon_bundle .special_offer {
      right: 20%; } }
  @media screen and (max-width: 1000px) {
    .addon_bundle .special_offer {
      right: 10px;
      width: 69px; } }
.addon_bundle h1 {
  color: #303c4b;
  font-family: "Poppins";
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-top: 60px; }
  @media screen and (max-width: 500px) {
    .addon_bundle h1 {
      font-family: "Poppins";
      font-size: 32px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #303c4b; } }
.addon_bundle p {
  padding-top: 30px;
  font-family: Poppins;
  font-size: 20px;
  text-align: center;
  color: #8f959e;
  width: 70%;
  margin: 0px auto; }
  @media screen and (max-width: 500px) {
    .addon_bundle p {
      font-family: "Poppins";
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #8f959e; } }
.addon_bundle .addon_container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  margin: 0px auto;
  margin-top: 60px; }
  @media screen and (max-width: 1220px) {
    .addon_bundle .addon_container {
      width: 95%; } }
  @media screen and (max-width: 1030px) {
    .addon_bundle .addon_container {
      width: 100%; } }
  @media screen and (max-width: 975px) {
    .addon_bundle .addon_container {
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      margin-top: 40px; } }
  .addon_bundle .addon_container .one-fourth {
    width: 100%; }
    @media screen and (max-width: 975px) {
      .addon_bundle .addon_container .one-fourth {
        width: 48%;
        margin-top: 20px; } }
    @media screen and (max-width: 710px) {
      .addon_bundle .addon_container .one-fourth {
        width: 60%; } }
    @media screen and (max-width: 500px) {
      .addon_bundle .addon_container .one-fourth {
        width: 80%; } }
    .addon_bundle .addon_container .one-fourth img {
      width: 100%;
      padding: 0px 26px; }
    .addon_bundle .addon_container .one-fourth h4, .addon_bundle .addon_container .one-fourth .member .member-header__head p, .member .member-header__head .addon_bundle .addon_container .one-fourth p {
      font-family: "Poppins";
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.4px;
      text-align: center;
      color: #99ca3c;
      margin-top: 10px; }
    .addon_bundle .addon_container .one-fourth p {
      margin-top: 10px;
      padding-top: 0px;
      font-family: Poppins;
      font-size: 14px;
      text-align: center;
      color: #8f959e; }
.addon_bundle .button-container {
  text-align: center;
  margin-top: 60px; }
.addon_bundle .skip_offer_container {
  width: 100%;
  text-align: center;
  margin-top: 30px; }
  .addon_bundle .skip_offer_container .skip_offer {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #8f959e;
    text-decoration: underline; }
.addon_bundle .footnote {
  margin-top: 20px;
  margin-bottom: 70px; }
  .addon_bundle .footnote p {
    font-family: "Poppins";
    font-size: 14px;
    text-align: center;
    color: #8f959e;
    width: 55%;
    padding-top: 0px; }
    @media screen and (max-width: 500px) {
      .addon_bundle .footnote p {
        width: 80%; } }
  .addon_bundle .footnote .orange {
    color: #ff9600; }

.dailyBurnB {
  margin-top: 60px; }
  .dailyBurnB .dailyBurnB_container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 880px) {
      .dailyBurnB .dailyBurnB_container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .dailyBurnB .dailyBurnB_container .dailyBurnB__content {
      width: 48%;
      float: left; }
      @media screen and (max-width: 880px) {
        .dailyBurnB .dailyBurnB_container .dailyBurnB__content {
          width: 100%;
          float: none; } }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1 {
        margin-bottom: 30px;
        font-weight: 500; }
        @media screen and (max-width: 880px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1 {
            text-align: center; } }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content h2, .dailyBurnB .dailyBurnB_container .dailyBurnB__content .internal-header h1, .internal-header .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1, .dailyBurnB .dailyBurnB_container .dailyBurnB__content .press-release h1, .press-release .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1 {
        text-align: center;
        margin-top: 30px;
        font-size: 24px; }
        @media screen and (max-width: 880px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content h2, .dailyBurnB .dailyBurnB_container .dailyBurnB__content .internal-header h1, .internal-header .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1, .dailyBurnB .dailyBurnB_container .dailyBurnB__content .press-release h1, .press-release .dailyBurnB .dailyBurnB_container .dailyBurnB__content h1 {
            margin-bottom: 10px;
            font-size: 18px; } }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content p {
        margin-top: 40px; }
        @media screen and (max-width: 880px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content p {
            text-align: center;
            margin-top: 20px; } }
      @media screen and (max-width: 880px) {
        .dailyBurnB .dailyBurnB_container .dailyBurnB__content .logo_container img {
          text-align: center;
          margin: 0px auto;
          display: block; } }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content .heavy {
        font-weight: 500; }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container {
        margin-top: 60px; }
        @media screen and (max-width: 880px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .button-container {
            text-align: center; } }
        .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .not-interested-container {
          text-align: center;
          margin-top: 30px;
          width: 76%; }
          @media screen and (max-width: 880px) {
            .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .not-interested-container {
              margin-left: 0px;
              width: 100%; } }
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .not-interested-container #not-interested {
            font-family: "Poppins";
            font-size: 20px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.4px;
            text-align: center;
            color: #8f959e;
            text-decoration: none; }
            @media screen and (max-width: 880px) {
              .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .not-interested-container #not-interested {
                font-size: 14px;
                letter-spacing: 0.3px; } }
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content .decision_container .not-interested-container #not-interested:hover {
            text-decoration: underline; }
      .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media screen and (max-width: 880px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container {
            width: 80%;
            margin: 0px auto; } }
        @media screen and (max-width: 640px) {
          .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container {
            width: 100%; } }
        .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container .inner_image {
          max-width: 200px;
          margin: 5px; }
          @media screen and (max-width: 930px) {
            .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container .inner_image {
              max-width: 180px; } }
          @media screen and (max-width: 880px) {
            .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container .inner_image {
              max-width: 227px;
              width: 100%; } }
          @media screen and (max-width: 505px) {
            .dailyBurnB .dailyBurnB_container .dailyBurnB__content .image_container .inner_image {
              max-width: 145px;
              margin: 2px; } }
    .dailyBurnB .dailyBurnB_container .dailyBurnB__content:nth-child(2) {
      margin-left: 30px; }
      @media screen and (max-width: 880px) {
        .dailyBurnB .dailyBurnB_container .dailyBurnB__content:nth-child(2) {
          margin: 0px !important; } }
  .dailyBurnB footer {
    display: block;
    width: 100%;
    clear: both;
    background-color: #f2f2f2;
    margin-top: 94px; }
    .dailyBurnB footer .container {
      padding: 30px 0px;
      text-align: center; }
      .dailyBurnB footer .container p {
        font-family: "Poppins";
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #8f959e; }
    @media screen and (max-width: 815px) {
      .dailyBurnB footer {
        margin-top: 15px; } }

@media screen and (max-width: 600px) {
  .dailyburn {
    padding: 10px; } }
.dailyburn .logo_container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px; }
.dailyburn .top_content h1 {
  font-family: "Poppins";
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  color: #303c4b;
  margin-top: 20px; }
  .dailyburn .top_content h1 .font500 {
    font-weight: 500; }
  @media screen and (max-width: 600px) {
    .dailyburn .top_content h1 {
      padding: 0px 20px; } }
.dailyburn .top_content p {
  font-family: "Poppins";
  font-size: 20px;
  text-align: center;
  color: #8f959e; }
.dailyburn .decision_container .button-container {
  text-align: center; }
.dailyburn .decision_container .not-interested {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-align: center;
  color: #8f959e;
  text-align: center; }
.dailyburn .dburn__policies {
  width: 54%;
  margin: 0px auto; }
  @media screen and (max-width: 630px) {
    .dailyburn .dburn__policies {
      width: 84%; } }
  .dailyburn .dburn__policies p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #8f959e; }
.dailyburn .dburn__benefits {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 86%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px auto;
  margin-top: 84px; }
  @media screen and (max-width: 900px) {
    .dailyburn .dburn__benefits {
      width: 100%; } }
  @media screen and (max-width: 700px) {
    .dailyburn .dburn__benefits {
      width: 100%; } }
  @media screen and (max-width: 700px) {
    .dailyburn .dburn__benefits {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media screen and (min-width: 1500px) {
    .dailyburn .dburn__benefits {
      width: 52%; } }
  .dailyburn .dburn__benefits .benefit {
    width: 33%;
    padding: 0px 40px; }
    .dailyburn .dburn__benefits .benefit img {
      display: block;
      margin: 0px auto; }
    @media screen and (max-width: 900px) {
      .dailyburn .dburn__benefits .benefit {
        padding: 0px 10px; } }
    @media screen and (max-width: 630px) {
      .dailyburn .dburn__benefits .benefit {
        width: 100%;
        text-align: center; } }
    .dailyburn .dburn__benefits .benefit h6 {
      font-family: "Poppins";
      font-size: 20px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.4px;
      text-align: center;
      color: #303c4b; }
      @media screen and (max-width: 630px) {
        .dailyburn .dburn__benefits .benefit h6 {
          margin-top: 10px; } }
    .dailyburn .dburn__benefits .benefit p {
      font-family: "Poppins";
      font-size: 14px;
      text-align: center;
      color: #8f959e; }
      @media screen and (max-width: 630px) {
        .dailyburn .dburn__benefits .benefit p {
          margin-top: 10px; } }
.dailyburn .db__workouts {
  margin-top: 70px;
  width: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 57px; }
  .dailyburn .db__workouts h4, .dailyburn .db__workouts .member .member-header__head p, .member .member-header__head .dailyburn .db__workouts p {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: center;
    color: #303c4b; }
    @media screen and (min-width: 1500px) {
      .dailyburn .db__workouts h4, .dailyburn .db__workouts .member .member-header__head p, .member .member-header__head .dailyburn .db__workouts p {
        width: 100%; } }
  .dailyburn .db__workouts img {
    margin-top: 30px; }

.purchaseReceipt .found {
  font-weight: 500; }
.purchaseReceipt .topContainer {
  background-color: #fcfcfc;
  width: 100%; }
  .purchaseReceipt .topContainer .innerContainer {
    width: 50%;
    margin: 0px auto; }
    .purchaseReceipt .topContainer .innerContainer h2, .purchaseReceipt .topContainer .innerContainer .internal-header h1, .internal-header .purchaseReceipt .topContainer .innerContainer h1, .purchaseReceipt .topContainer .innerContainer .press-release h1, .press-release .purchaseReceipt .topContainer .innerContainer h1 {
      font-family: "Poppins";
      font-size: 40px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.8px;
      text-align: center;
      color: #303c4b;
      padding-top: 30px; }
      @media screen and (max-width: 880px) {
        .purchaseReceipt .topContainer .innerContainer h2, .purchaseReceipt .topContainer .innerContainer .internal-header h1, .internal-header .purchaseReceipt .topContainer .innerContainer h1, .purchaseReceipt .topContainer .innerContainer .press-release h1, .press-release .purchaseReceipt .topContainer .innerContainer h1 {
          font-size: 16px; } }
    .purchaseReceipt .topContainer .innerContainer p {
      font-family: "Poppins";
      font-size: 27px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #8f959e;
      margin-top: 17px;
      padding-bottom: 38px; }
      @media screen and (max-width: 880px) {
        .purchaseReceipt .topContainer .innerContainer p {
          font-size: 16px; } }
.purchaseReceipt .appLinkContainer {
  width: 77%;
  margin: 0px auto;
  clear: both;
  max-width: 1366px; }
  .purchaseReceipt .appLinkContainer p {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fe9700;
    text-align: right; }
.purchaseReceipt .mainContainer {
  width: 77%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-flex-flow: row;
      -ms-flex-flow: row;
          flex-flow: row;
  margin: 0px auto;
  max-width: 1366px; }
  @media screen and (max-width: 880px) {
    .purchaseReceipt .mainContainer {
      display: block; } }
  .purchaseReceipt .mainContainer .leftSide {
    width: 56%; }
    @media screen and (max-width: 880px) {
      .purchaseReceipt .mainContainer .leftSide {
        width: 100%; } }
    .purchaseReceipt .mainContainer .leftSide .purchaseId {
      background-color: #fafafa;
      padding: 16px 30px; }
      .purchaseReceipt .mainContainer .leftSide .purchaseId p {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303c4b; }
    .purchaseReceipt .mainContainer .leftSide .orderDetails {
      background-color: #fafafa;
      margin-top: 20px;
      overflow: auto;
      min-height: 325px; }
      .purchaseReceipt .mainContainer .leftSide .orderDetails h2, .purchaseReceipt .mainContainer .leftSide .orderDetails .internal-header h1, .internal-header .purchaseReceipt .mainContainer .leftSide .orderDetails h1, .purchaseReceipt .mainContainer .leftSide .orderDetails .press-release h1, .press-release .purchaseReceipt .mainContainer .leftSide .orderDetails h1 {
        font-family: "Poppins";
        font-size: 28px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303c4b;
        padding: 30px 30px 15px 30px; }
      .purchaseReceipt .mainContainer .leftSide .orderDetails hr {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(230, 230, 230, 0.75), rgba(0, 0, 0, 0)); }
      .purchaseReceipt .mainContainer .leftSide .orderDetails p {
        padding: 10px 30px;
        float: left;
        width: 100%; }
      .purchaseReceipt .mainContainer .leftSide .orderDetails .price {
        float: right; }
    .purchaseReceipt .mainContainer .leftSide .button-container {
      margin-top: 30px; }
      .purchaseReceipt .mainContainer .leftSide .button-container input {
        display: block;
        margin: 0px auto; }
    .purchaseReceipt .mainContainer .leftSide .resetSection {
      border: 1px solid #d2d2d2;
      margin-top: 30px;
      padding: 30px; }
      .purchaseReceipt .mainContainer .leftSide .resetSection h6 {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8f959e; }
      .purchaseReceipt .mainContainer .leftSide .resetSection p {
        font-family: Poppins;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8f959e; }
      .purchaseReceipt .mainContainer .leftSide .resetSection a {
        color: #fe9700;
        text-decoration: underline; }
    .purchaseReceipt .mainContainer .leftSide .nextSteps {
      background-color: #fafafa;
      margin-top: 30px;
      padding: 30px;
      margin-bottom: 30px; }
      .purchaseReceipt .mainContainer .leftSide .nextSteps h6 {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8f959e;
        margin-bottom: 20px; }
      .purchaseReceipt .mainContainer .leftSide .nextSteps p::before {
        content: " ";
        background-image: url(/img/account/trial/v3/green_checkmark.png);
        width: 20px;
        height: 20px;
        position: absolute;
        background-size: contain;
        margin-left: -30px;
        margin-top: 5px; }
      .purchaseReceipt .mainContainer .leftSide .nextSteps p {
        padding: 0px 30px;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #8f959e;
        margin: 0px; }
  .purchaseReceipt .mainContainer .rightSide {
    width: 34%;
    margin-left: auto; }
    @media screen and (max-width: 880px) {
      .purchaseReceipt .mainContainer .rightSide {
        width: 100%; } }
    .purchaseReceipt .mainContainer .rightSide .transactionDate {
      background-color: #fafafa;
      padding: 16px 30px; }
      .purchaseReceipt .mainContainer .rightSide .transactionDate p {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303c4b; }
    .purchaseReceipt .mainContainer .rightSide .orderConfirmation {
      background-color: #fafafa;
      margin-top: 20px; }
      .purchaseReceipt .mainContainer .rightSide .orderConfirmation h3, .purchaseReceipt .mainContainer .rightSide .orderConfirmation .members-cta__left__link {
        font-family: "Poppins";
        font-size: 28px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #303c4b;
        padding: 30px 40px 15px 40px; }
      .purchaseReceipt .mainContainer .rightSide .orderConfirmation hr {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(230, 230, 230, 0.75), rgba(0, 0, 0, 0)); }
      .purchaseReceipt .mainContainer .rightSide .orderConfirmation .found {
        float: right; }
      .purchaseReceipt .mainContainer .rightSide .orderConfirmation .subTotal, .purchaseReceipt .mainContainer .rightSide .orderConfirmation .discount {
        font-family: "Poppins";
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303c4b;
        padding: 30px 60px 20px 60px;
        margin: 0px; }
      .purchaseReceipt .mainContainer .rightSide .orderConfirmation .total {
        font-family: "Poppins";
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #303c4b;
        padding: 30px 60px 20px 60px;
        margin: 0px; }
        @media screen and (min-width: 880px) {
          .purchaseReceipt .mainContainer .rightSide .orderConfirmation .total {
            padding: 30px 10px 20px 10px; } }
        @media screen and (min-width: 1150px) {
          .purchaseReceipt .mainContainer .rightSide .orderConfirmation .total {
            padding: 30px 60px 20px 60px; } }
        @media screen and (max-width: 400px) {
          .purchaseReceipt .mainContainer .rightSide .orderConfirmation .total {
            text-align: center; } }
        @media screen and (max-width: 400px) {
          .purchaseReceipt .mainContainer .rightSide .orderConfirmation .total .found {
            float: none; } }
      @media screen and (max-width: 880px) {
        .purchaseReceipt .mainContainer .rightSide .orderConfirmation {
          margin-bottom: 20px; } }

.trialfooter {
  clear: left;
  position: relative;
  padding: 0;
  color: #FFF;
  background-color: #99ca3c;
  line-height: 22px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .trialfooter .container .footer__copyright {
    clear: left;
    padding: 23px 0px;
    font-size: 10px;
    color: #FFF;
    color: rgba(255, 255, 255, 0.5);
    text-align: center; }
    .trialfooter .container .footer__copyright a {
      color: #FFF;
      text-decoration: none; }

.alt-trialfooter {
  background-color: #f2f2f2; }
  .alt-trialfooter .container .footer__copyright {
    color: #8f959e;
    font-size: 0.875rem;
    padding-bottom: 2.5rem;
    padding-top: 1.875rem; }
  @media only screen and (max-width: 568px) {
    .alt-trialfooter .container .footer__copyright {
      padding: 1.875rem 3.75rem 1.875rem 3.75rem; } }

/***********************************************************************************/
/* Meal Plans Overview and Single Pages  */
/***********************************************************************************/
.meal-plans-overview a.btn, .single-meals a.btn {
  font-size: 1.375rem;
  padding: 0.75rem 1.375rem; }
  @media only screen and (max-width: 568px) {
    .meal-plans-overview a.btn, .single-meals a.btn {
      font-size: 0.875rem;
      padding: 0.375rem 1.375rem; } }

/***********************************************************************************/
/* Overview Page */
/***********************************************************************************/
.hero-v3--mp-overview {
  background-image: url("/img/style-guide/meal-plans-v3/hero-meal-plans.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v3--mp-overview {
      background-image: url("/img/style-guide/meal-plans-v3/hero-meal-plans@2x.jpg");
      background-size: cover; } }

.meal-plans-title {
  padding: 4.5rem 0; }
  @media only screen and (max-width: 568px) {
    .meal-plans-title {
      padding: 1.25rem 0; } }

.overview-grid {
  background-color: #F8F8F8;
  padding: 4.25rem 0; }
  @media only screen and (max-width: 568px) {
    .overview-grid {
      padding: 1.25rem 0; } }

.plan-group {
  max-width: 1032px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.6875rem; }
  .plan-group:last-of-type {
    margin-bottom: 0; }
  @media only screen and (max-width: 835px) {
    .plan-group:last-child {
      margin-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .plan-group {
      margin-bottom: 1.875rem; } }
  .plan-group__header h3, .plan-group__header .members-cta__left__link {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3, .plan-group__header .members-cta__left__link {
        font-size: 1rem; } }
  .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
        font-size: 0.875rem; } }

.footer-cta--mpoverview {
  background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 1200px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans@2x.jpg") !important;
      background-position: center center; } }
  @media only screen and (max-width: 835px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      padding-bottom: 6.25rem; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 320px) {
    .footer-cta--mpoverview {
      padding-bottom: 4.6875rem; } }
  .footer-cta--mpoverview h2, .footer-cta--mpoverview .internal-header h1, .internal-header .footer-cta--mpoverview h1, .footer-cta--mpoverview .press-release h1, .press-release .footer-cta--mpoverview h1 {
    max-width: 525px; }

/***********************************************************************************/
/* Single Meal Plans - V3 */
/***********************************************************************************/
.hero-plan {
  padding: 4.375rem 0 2.25rem; }
  @media only screen and (max-width: 568px) {
    .hero-plan {
      padding-top: 0;
      padding-bottom: 0;
      background-size: 0 0 !important; } }
  @media only screen and (max-width: 375px) {
    .hero-plan {
      padding-bottom: 0.3125rem; } }
  .hero-plan__mobile {
    display: none;
    background-size: cover;
    height: 225px; }
    @media only screen and (max-width: 568px) {
      .hero-plan__mobile {
        display: block; } }
    @media only screen and (max-width: 375px) {
      .hero-plan__mobile {
        height: 170px; } }
  .hero-plan__card {
    background-color: #FFFFFF;
    padding: 2.5rem 1.875rem 1.875rem;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.37);
    margin-left: 3.75rem;
    max-width: 395px;
    border: 1px solid #FFFFFF;
    border-radius: 6px; }
    @media only screen and (max-width: 568px) {
      .hero-plan__card {
        padding: 0.75rem 0.25rem 1.875rem;
        box-shadow: 0 0 0 0;
        margin-left: 0;
        border-width: 0;
        border-radius: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center; } }
    .hero-plan__card h1 {
      font-size: 1.125rem;
      line-height: 1.33;
      font-weight: 500;
      margin-bottom: 0.6875rem;
      color: #8f959e; }
      @media only screen and (max-width: 568px) {
        .hero-plan__card h1 {
          font-size: 0.875rem; } }
    .hero-plan__card h2, .hero-plan__card .internal-header h1, .internal-header .hero-plan__card h1, .hero-plan__card .press-release h1, .press-release .hero-plan__card h1 {
      margin-bottom: 0;
      font-size: 2.5rem;
      line-height: 1.3;
      color: #303c4b;
      font-weight: 700; }
      @media only screen and (max-width: 568px) {
        .hero-plan__card h2, .hero-plan__card .internal-header h1, .internal-header .hero-plan__card h1, .hero-plan__card .press-release h1, .press-release .hero-plan__card h1 {
          font-size: 1.25rem;
          line-height: 1.2;
          margin-bottom: 1.375rem; } }
    .hero-plan__card ul.orange-checkboxes {
      margin: 1.75rem 0; }
      @media only screen and (max-width: 568px) {
        .hero-plan__card ul.orange-checkboxes {
          display: none; } }
      .hero-plan__card ul.orange-checkboxes li {
        font-weight: 500;
        color: #8f959e; }
    .hero-plan__card-button a.btn.btn--orange {
      min-width: 258px;
      padding-left: 0;
      padding-right: 0; }
      @media only screen and (max-width: 568px) {
        .hero-plan__card-button a.btn.btn--orange {
          min-width: 10px;
          padding-left: 1.375rem;
          padding-right: 1.375rem; } }

.single-meals .single-plan-title {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .single-meals .single-plan-title {
      padding: 1.5rem 0 0.625rem;
      background-color: #F8F8F8;
      text-align: left;
      padding-right: 1.5rem; }
      .single-meals .single-plan-title header.title-area.title-area--center {
        text-align: left; }
      .single-meals .single-plan-title header.title-area h2, .single-meals .single-plan-title header.title-area .internal-header h1, .internal-header .single-meals .single-plan-title header.title-area h1, .single-meals .single-plan-title header.title-area .press-release h1, .press-release .single-meals .single-plan-title header.title-area h1 {
        font-size: 1rem;
        font-weight: 500; }
      .single-meals .single-plan-title header.title-area h3, .single-meals .single-plan-title header.title-area .members-cta__left__link {
        font-size: 0.875rem;
        line-height: 1.43;
        font-weight: normal; } }
.single-meals .recipes {
  padding-bottom: 5.125rem; }
  @media only screen and (max-width: 568px) {
    .single-meals .recipes {
      padding: 1.5rem 0 2rem;
      background-color: #F8F8F8; } }
.single-meals .process-cards {
  padding: 5.125rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .single-meals .process-cards {
      padding: 1.5rem 0; } }
  .single-meals .process-cards header.title-area {
    padding-bottom: 3.75rem; }

.meal-plans-video {
  height: 512px;
  background-image: url("/img/style-guide/meal-plans-v3/quick-and-healthy/how-it-works-video.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .meal-plans-video {
      background-image: url("/img/style-guide/meal-plans-v3/quick-and-healthy/how-it-works-video@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .meal-plans-video {
      height: 200px; } }
  .meal-plans-video__content h2, .meal-plans-video__content .internal-header h1, .internal-header .meal-plans-video__content h1, .meal-plans-video__content .press-release h1, .press-release .meal-plans-video__content h1 {
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 1.75rem; }
    @media only screen and (max-width: 568px) {
      .meal-plans-video__content h2, .meal-plans-video__content .internal-header h1, .internal-header .meal-plans-video__content h1, .meal-plans-video__content .press-release h1, .press-release .meal-plans-video__content h1 {
        font-size: 1.25rem;
        margin-bottom: 0.75rem; } }
  .meal-plans-video__content circle {
    fill: rgba(255, 255, 255, 0.2); }
  @media only screen and (max-width: 568px) {
    .meal-plans-video .watch-video-button svg {
      width: 28px;
      height: 28px; }
    .meal-plans-video .watch-video-button span {
      font-size: 0.75rem; } }

.process-cards-meals {
  background-color: #F8F8F8; }
  .process-cards-meals .process-card__inside {
    max-width: 334px; }
  .process-cards-meals__try-button {
    text-align: center;
    margin-top: 3.5rem; }
  @media only screen and (max-width: 568px) {
    .process-cards-meals {
      background-color: #FFFFFF; }
      .process-cards-meals .process-cards--tablet {
        padding-top: 1.25rem; }
      .process-cards-meals__try-button {
        display: none; }
      .process-cards-meals ul.slick-dots {
        padding-top: 0.3125rem; } }

.trust-block--single-meals {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .trust-block--single-meals {
      padding: 1.875rem 0;
      background-color: #F8F8F8; } }
  .trust-block--single-meals .trust-block__cards {
    padding-top: 3.75rem; }
  .trust-block--single-meals .cycle-pager {
    display: none; }
    @media only screen and (max-width: 736px) {
      .trust-block--single-meals .cycle-pager {
        display: block; } }
  .trust-block--single-meals .trust-block__mobile-button {
    text-align: center;
    margin-top: 1.5625rem;
    margin-left: auto;
    margin-right: auto;
    display: none; }
    @media only screen and (max-width: 835px) {
      .trust-block--single-meals .trust-block__mobile-button {
        display: block; } }

.tp-desktop {
  display: block; }
  @media only screen and (max-width: 736px) {
    .tp-desktop {
      display: none; } }

.tp-mobile, .tp-mobile-view {
  display: none; }
  @media only screen and (max-width: 736px) {
    .tp-mobile, .tp-mobile-view {
      display: block; } }

.more-plans {
  background-color: #F8F8F8;
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .more-plans {
      padding: 1.875rem 0;
      background-color: #FFFFFF; } }
  .more-plans header.title-area {
    margin-bottom: 0.625rem; }
    .more-plans header.title-area h2, .more-plans header.title-area .internal-header h1, .internal-header .more-plans header.title-area h1, .more-plans header.title-area .press-release h1, .press-release .more-plans header.title-area h1 {
      margin-bottom: 0.5rem; }
    .more-plans header.title-area h5 {
      color: #8f959e;
      font-size: 1.125rem;
      line-height: 1.44; }

.plan-cards-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media only screen and (max-width: 414px) {
    .plan-cards-row .slick-list {
      padding-left: 10px; } }
  @media only screen and (max-width: 375px) {
    .plan-cards-row .slick-list {
      padding-left: 20px; } }

.plan-cards-row--3col .plan-card-micro {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .plan-cards-row--3col .plan-card-micro:nth-child(3n) {
    float: right;
    margin-right: 0; }

.plan-card-micro {
  background-color: #FFFFFF;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .plan-card-micro__inside {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .plan-card-micro__image img {
    display: block;
    border-radius: 5px; }
  .plan-card-micro__content {
    border: 1px solid rgba(143, 149, 158, 0.27);
    border-top-width: 0px;
    margin-top: -3px;
    padding: 0.875rem 1rem 1.125rem 0.625rem;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    .plan-card-micro__content h6 {
      color: #99ca3c;
      font-size: 0.75rem;
      line-height: 1.25;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-bottom: 0.3125rem;
      text-transform: uppercase; }
    .plan-card-micro__content h3, .plan-card-micro__content .members-cta__left__link {
      font-size: 1.375rem;
      line-height: 1.18;
      margin-bottom: 0.3125rem; }
    .plan-card-micro__content p {
      font-size: 0.875rem;
      line-height: 1.29;
      color: #8f959e;
      margin: 0; }

.faq--single-meals {
  padding: 3.75rem 0 6.25rem; }
  @media only screen and (max-width: 568px) {
    .faq--single-meals {
      padding: 1.875rem 0;
      background-color: #F8F8F8; }
      .faq--single-meals .headline-block h2, .faq--single-meals .headline-block .internal-header h1, .internal-header .faq--single-meals .headline-block h1, .faq--single-meals .headline-block .press-release h1, .press-release .faq--single-meals .headline-block h1 {
        font-size: 1.125rem;
        max-width: 160px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Hero ReWrites */
/***********************************************************************************/
.hero-plan--qh {
  background-image: url("/img/style-guide/meal-plans-v3/quick-and-healthy/hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--qh {
      background-image: url("/img/style-guide/meal-plans-v3/quick-and-healthy/hero@2x.jpg");
      background-size: cover; } }

.hero-plan--clean {
  background-image: url("/img/style-guide/meal-plans-v3/clean-eating/hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--clean {
      background-image: url("/img/style-guide/meal-plans-v3/clean-eating/hero@2x.jpg");
      background-size: cover; } }

.hero-plan--paleo {
  background-image: url("/img/style-guide/meal-plans-v3/paleo/paleo-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--paleo {
      background-image: url("/img/style-guide/meal-plans-v3/paleo/paleo-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--30-min {
  background-image: url("/img/style-guide/meal-plans-v3/30-minute/30-min-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--30-min {
      background-image: url("/img/style-guide/meal-plans-v3/30-minute/30-min-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--budget {
  background-image: url("/img/style-guide/meal-plans-v3/budget-friendly/budget-friendly-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--budget {
      background-image: url("/img/style-guide/meal-plans-v3/budget-friendly/budget-friendly-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--kids {
  background-image: url("/img/style-guide/meal-plans-v3/kid-friendly/kid-friendly-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--kids {
      background-image: url("/img/style-guide/meal-plans-v3/kid-friendly/kid-friendly-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--slowcook {
  background-image: url("/img/style-guide/meal-plans-v3/slow-cooker/slow-cooker-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--slowcook {
      background-image: url("/img/style-guide/meal-plans-v3/slow-cooker/slow-cooker-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--heart {
  background-image: url("/img/style-guide/meal-plans-v3/heart-healthy/heart-healthy-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--heart {
      background-image: url("/img/style-guide/meal-plans-v3/heart-healthy/heart-healthy-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--diabetic {
  background-image: url("/img/style-guide/meal-plans-v3/diabetic/diabetic-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--diabetic {
      background-image: url("/img/style-guide/meal-plans-v3/diabetic/diabetic-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--lowcal {
  background-image: url("/img/style-guide/meal-plans-v3/low-calorie/low-calorie-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--lowcal {
      background-image: url("/img/style-guide/meal-plans-v3/low-calorie/low-calorie-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--glutenfree {
  background-image: url("/img/style-guide/meal-plans-v3/gluten-free/gluten-free-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--glutenfree {
      background-image: url("/img/style-guide/meal-plans-v3/gluten-free/gluten-free-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--vegan {
  background-image: url("/img/style-guide/meal-plans-v3/vegan/vegan-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--vegan {
      background-image: url("/img/style-guide/meal-plans-v3/vegan/vegan-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--veggie {
  background-image: url("/img/style-guide/meal-plans-v3/vegetarian/vegetarian-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--veggie {
      background-image: url("/img/style-guide/meal-plans-v3/vegetarian/vegetarian-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--mediterranean {
  background-image: url("/img/style-guide/meal-plans-v3/mediterranean/mediterranean-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--mediterranean {
      background-image: url("/img/style-guide/meal-plans-v3/mediterranean/mediterranean-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--keto {
  background-image: url("/img/style-guide/meal-plans-v3/keto/keto-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-hero@2x.jpg");
      background-size: cover; } }

.hero-plan--plantbased {
  background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-plan--plantbased {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-hero@2x.jpg");
      background-size: cover; } }

/***********************************************************************************/
/* All Internal Pages using Default Page Template (Basic Pages) */
/***********************************************************************************/
/***********************************************************************************/
/* Global Pieces */
/***********************************************************************************/
.internal-page p {
  font-size: 1.125rem;
  line-height: 1.5555; }
.internal-page ul, .internal-page ol {
  margin-left: 1.25em; }

.hero-v3 {
  width: 100%;
  height: 350px;
  background-position: top center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 1024px) {
    .hero-v3--no-text {
      height: 420px; } }
  @media only screen and (max-width: 568px) {
    .hero-v3--no-text {
      height: 170px; } }
  .hero-v3__flex-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center; }

.internal-header {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .internal-header {
      padding: 1.875rem 0; } }
  .internal-header--short {
    padding-bottom: 0; }
  .internal-header__crumbs {
    font-size: 0.875rem;
    margin-bottom: 0.875rem; }
  @media only screen and (max-width: 568px) {
    .internal-header {
      padding: 1.875rem 0; } }
  .internal-header p:last-child {
    margin-bottom: 0; }
  .internal-header .wisita-video-container {
    margin-top: 2.5rem; }

.content-block {
  margin-bottom: 3.4375rem; }
  .content-block__push-right {
    padding-left: 3.75rem; }
  .content-block h3, .content-block .members-cta__left__link {
    margin-bottom: 1.375rem; }
  .content-block p:first-child {
    margin-top: 0; }
  .content-block p:last-child {
    margin-bottom: 0; }

/***********************************************************************************/
/* Our Story (pages/_story.scss) */
/***********************************************************************************/
.hero-v3-story {
  background-image: url("/img/style-guide/our-story/hero-our-story.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v3-story {
      background-image: url("/img/style-guide/our-story/hero-our-story@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .hero-v3-story {
      height: 420px; } }
  @media only screen and (max-width: 568px) {
    .hero-v3-story {
      height: 170px; } }
  .hero-v3-story__head h1 {
    color: #FFFFFF; }
  .hero-v3-story__video {
    margin-top: 1.25rem; }

.our-story {
  padding: 4.375rem 0; }
  @media only screen and (max-width: 568px) {
    .our-story {
      padding: 1.875rem 0; } }
  .our-story p:last-child {
    margin-bottom: 0; }

.leadership {
  padding: 4.375rem 0;
  background-color: #F8F8F8; }
  @media only screen and (max-width: 568px) {
    .leadership {
      padding: 1.875rem 0; } }
  .leadership__head {
    margin-bottom: 4.375rem; }
    @media only screen and (max-width: 568px) {
      .leadership__head {
        margin-bottom: 1.875rem; } }

.leader {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .leader {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
  .leader__content {
    width: 66.1016949153%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 568px) {
      .leader__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    .leader__content h4, .leader__content .member .member-header__head p, .member .member-header__head .leader__content p {
      color: #303c4b; }
  .leader__image {
    width: 32.2033898305%;
    float: right;
    margin-right: 0;
    margin-top: 3.75rem; }
    @media only screen and (max-width: 568px) {
      .leader__image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-top: 0;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 1.25rem; } }
    .leader__image img {
      display: block;
      margin: auto;
      text-align: center;
      border: 2px solid #c2c5ca;
      border-radius: 9px; }
      @media only screen and (max-width: 568px) {
        .leader__image img {
          text-align: left;
          margin-left: 0; } }

/***********************************************************************************/
/* Hero V4 */
/***********************************************************************************/
.hero-v4 {
  text-align: left;
  height: 600px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .hero-v4 {
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start;
      text-align: center; } }
  @media only screen and (max-width: 568px) {
    .hero-v4 {
      height: 330px; } }
  .hero-v4 .container {
    width: 100%; }
    @media only screen and (max-width: 1320px) {
      .hero-v4 .container {
        width: 94%;
        margin-left: auto;
        margin-right: auto; } }
  .hero-v4__title {
    max-width: 480px; }
    @media only screen and (max-width: 835px) {
      .hero-v4__title {
        margin-left: auto;
        margin-right: auto;
        padding-top: 3.75rem; } }
    @media only screen and (max-width: 568px) {
      .hero-v4__title {
        max-width: 240px;
        margin-top: 3.125rem;
        padding-top: 0; } }
    .hero-v4__title h1 {
      margin-bottom: 1rem;
      font-weight: 500; }
      @media only screen and (max-width: 568px) {
        .hero-v4__title h1 {
          font-size: 1.25rem;
          line-height: 1.2;
          margin-bottom: 0.625rem; } }
    .hero-v4__title h4, .hero-v4__title .member .member-header__head p, .member .member-header__head .hero-v4__title p {
      font-size: 1.5rem;
      line-height: 1.5;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 568px) {
        .hero-v4__title h4, .hero-v4__title .member .member-header__head p, .member .member-header__head .hero-v4__title p {
          font-size: 1.125rem;
          line-height: 1.56;
          margin-bottom: 1.25rem; } }
  .hero-v4__button {
    margin: 0; }

.hero-v4--white .diet-hero__title h1, .hero-v4--white .diet-hero__title h4, .hero-v4--white .diet-hero__title .member .member-header__head p, .member .member-header__head .hero-v4--white .diet-hero__title p, .hero-v4--white .hero-v4__title h1, .hero-v4--white .hero-v4__title h4, .hero-v4--white .hero-v4__title .member .member-header__head p, .member .member-header__head .hero-v4--white .hero-v4__title p {
  color: #FFFFFF; }

/***********************************************************************************/
/* Press */
/***********************************************************************************/
.hero-v3--press {
  background-image: url("/img/style-guide/press/hero-press.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v3--press {
      background-image: url("/img/style-guide/press/hero-press@2x.jpg");
      background-size: cover; } }

.featured-articles {
  margin-top: 4.6875rem; }

.featured-article {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .featured-article {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
  .featured-article__content {
    width: 74.5762711864%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 568px) {
      .featured-article__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
    .featured-article__content h4, .featured-article__content .member .member-header__head p, .member .member-header__head .featured-article__content p {
      color: #303c4b;
      font-size: 1.5rem;
      line-height: 1.25;
      letter-spacing: 0.17px; }
  .featured-article__image {
    width: 23.7288135593%;
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 568px) {
      .featured-article__image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-top: 0;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 1.25rem; } }
    .featured-article__image img {
      display: block;
      margin: auto;
      text-align: center; }

.standard-press-articles .article-row {
  margin-top: 3.4375rem; }

.standard-press div {
  color: #303c4b;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1.875rem; }

section.press-contact {
  text-align: center;
  padding: 5.625rem 0; }

.press-release {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .press-release {
      padding: 1.875rem 0; } }
  .press-release__crumbs {
    font-size: 0.875rem;
    margin-bottom: 0.875rem; }
  .press-release p:last-child {
    margin-bottom: 0; }

/***********************************************************************************/
/* How It Works */
/***********************************************************************************/
.how-how {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .how-how {
      padding-bottom: 1.875rem; } }

/***********************************************************************************/
/* Partners */
/***********************************************************************************/
.internal-header--partner {
  padding-bottom: 0; }

/***********************************************************************************/
/* Affiliate */
/***********************************************************************************/
.internal-header--affiliate {
  padding-bottom: 0; }

/***********************************************************************************/
/* iOS */
/***********************************************************************************/
.internal-header--ios {
  text-align: center;
  padding-bottom: 1.875rem; }

.ios-page {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .ios-page {
      padding-bottom: 1.875rem; } }
  .ios-page .wistia-video-container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }

.app-link-box {
  clear: both;
  padding-top: 2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }
  .app-link-box__icon {
    margin: 0 1.25rem;
    display: inline-block; }

/***********************************************************************************/
/* Standard Pages */
/***********************************************************************************/
.internal-standard {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .internal-standard {
      padding-bottom: 1.875rem; } }
  .internal-standard .internal-header {
    padding-bottom: 0; }
  .internal-standard .term-body {
    margin: 1.875rem 0; }
    .internal-standard .term-body p + ul {
      margin-top: -10px; }
    .internal-standard .term-body strong {
      color: #000000; }
    .internal-standard .term-body ul {
      margin: 0.3125rem 0 1.875rem 3.75rem; }

/***********************************************************************************/
/* Contact Page */
/***********************************************************************************/
.internal-page ul.contact-error {
  margin-top: 0; }

.contact-error {
  color: #CC0000; }

.form-success {
  font-weight: 700;
  color: #303c4b;
  margin-bottom: 2.5rem; }

.form-row input.input-error, .form-row textarea.input-error, .form-row select.input-error {
  border-color: #CC0000; }
.form-row--split {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

/***********************************************************************************/
/* 404 Error Page */
/***********************************************************************************/
.error-page {
  padding: 6.25rem 0;
  text-align: center; }
  @media only screen and (max-width: 568px) {
    .error-page {
      padding-bottom: 1.875rem; } }
  .error-page .internal-header h1 {
    margin-bottom: 3.75rem; }
  .error-page .internal-header p {
    margin: 0; }

.recipe_header {
  max-width: 1032px;
  margin: 0px auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 0px; }
  @media screen and (max-width: 1030px) {
    .recipe_header {
      padding: 35px 20px; } }
  @media screen and (max-width: 750px) {
    .recipe_header {
      padding: 15px 5px; } }
  .recipe_header .container {
    width: 70%; }
    @media screen and (max-width: 770px) {
      .recipe_header .container {
        width: 55%;
        margin-left: 0px; } }
    @media screen and (max-width: 550px) {
      .recipe_header .container {
        width: 45%; } }
    @media screen and (max-width: 465px) {
      .recipe_header .container {
        width: 30%;
        margin: 0px; } }
  .recipe_header .right-container {
    cursor: pointer; }
    .recipe_header .right-container a {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      font-weight: 500;
      font-size: 1.3rem;
      border: 1px solid #ff9600;
      background-color: #ff9600;
      padding: 1rem 1.75rem;
      color: #FFFFFF;
      border-radius: 45px;
      text-transform: none;
      transition: color 0.25s, border 0.25s, background 0.25s;
      min-width: 210px;
      text-decoration: none;
      float: right; }
      @media screen and (max-width: 700px) {
        .recipe_header .right-container a {
          float: left; } }
      @media screen and (max-width: 550px) {
        .recipe_header .right-container a {
          padding: 16px 20px;
          font-size: 14px;
          min-width: 0px; } }
      @media screen and (max-width: 465px) {
        .recipe_header .right-container a {
          padding: 8px 25px; } }

.recipe_container .recipe_image {
  width: 100%;
  display: block; }
  @media screen and (min-width: 1366px) {
    .recipe_container .recipe_image {
      background: url("/img/recipes/recipe-bg.jpg"); } }
  .recipe_container .recipe_image img {
    max-height: 600px;
    max-width: 800px;
    margin: 0px auto;
    clear: both;
    display: block; }
    @media screen and (max-width: 800px) {
      .recipe_container .recipe_image img {
        max-width: 100% !important;
        height: auto !important; } }
.recipe_container .subHeader {
  font-family: "Poppins";
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #303c4b;
  margin-bottom: 28px; }
.recipe_container ul {
  margin: 0px; }
  .recipe_container ul li {
    list-style: none;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #8f959e; }
.recipe_container ol {
  margin-left: 13px; }
  .recipe_container ol li {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #8f959e;
    list-style-type: decimal;
    padding-bottom: 10px; }
.recipe_container .main_recipe_section {
  max-width: 1032px;
  margin: 0px auto;
  margin-top: 41px; }
  @media screen and (max-width: 1030px) {
    .recipe_container .main_recipe_section {
      padding: 0px 20px; } }
  .recipe_container .main_recipe_section .recipeTitles {
    max-width: 1032px;
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 700px) {
      .recipe_container .main_recipe_section .recipeTitles {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .recipe_container .main_recipe_section .recipeTitles .left-container {
      width: 70%; }
      @media screen and (max-width: 700px) {
        .recipe_container .main_recipe_section .recipeTitles .left-container {
          width: 100%;
          margin-top: 50px; } }
    .recipe_container .main_recipe_section .recipeTitles .printRecipe {
      text-align: right;
      margin-top: -15px; }
      @media screen and (max-width: 700px) {
        .recipe_container .main_recipe_section .recipeTitles .printRecipe {
          text-align: right;
          margin-top: -25px;
          position: absolute;
          right: 10px; } }
      .recipe_container .main_recipe_section .recipeTitles .printRecipe a {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #303c4b; }
        .recipe_container .main_recipe_section .recipeTitles .printRecipe a img {
          vertical-align: middle;
          padding-left: 10px; }
  .recipe_container .main_recipe_section .comment {
    font-family: "Poppins";
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.6px;
    color: #8bc541; }
  .recipe_container .main_recipe_section .mainTitle {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: #303c4b; }
  .recipe_container .main_recipe_section .sideTitle {
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #8f959e; }
  .recipe_container .main_recipe_section .times {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: 0.3px;
    color: #303c4b;
    margin-top: 43px;
    vertical-align: bottom;
    margin-right: 6px; }
    .recipe_container .main_recipe_section .times img {
      vertical-align: bottom; }
    @media screen and (max-width: 700px) {
      .recipe_container .main_recipe_section .times {
        margin-top: 13px; } }
  .recipe_container .main_recipe_section .mainInformation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 71px; }
    @media screen and (max-width: 550px) {
      .recipe_container .main_recipe_section .mainInformation {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-top: 0px; } }
    .recipe_container .main_recipe_section .mainInformation .container {
      width: 50%;
      padding-right: 31px; }
      @media screen and (max-width: 550px) {
        .recipe_container .main_recipe_section .mainInformation .container {
          width: 100%;
          padding-right: 0px;
          margin-top: 35px;
          max-width: 100%; } }
  .recipe_container .main_recipe_section .product-recommendation-ad {
    margin-top: 71px;
    background: #ecf0f3;
    color: black;
    height: 120px;
    border-radius: 10px; }
    .recipe_container .main_recipe_section .product-recommendation-ad .image-container {
      width: 15.2542372881%;
      float: left;
      margin-right: 1.6949152542%;
      text-align: center; }
      .recipe_container .main_recipe_section .product-recommendation-ad .image-container img {
        margin-top: -50px;
        text-align: center;
        width: 100px; }
        @media screen and (max-width: 550px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .image-container img {
            margin-top: -28px; } }
        @media screen and (max-width: 414px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .image-container img {
            margin-top: 0px; } }
    .recipe_container .main_recipe_section .product-recommendation-ad .text-container {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      height: 100%;
      line-height: normal;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .recipe_container .main_recipe_section .product-recommendation-ad .text-container .text-child .promotion {
        color: #94979e;
        font-size: 1.1em; }
        @media screen and (max-width: 550px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .text-container .text-child .promotion {
            font-size: 0.8em; } }
      .recipe_container .main_recipe_section .product-recommendation-ad .text-container .text-child .name {
        color: #323c39;
        font-size: 1.2em;
        font-weight: 600; }
        @media screen and (max-width: 550px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .text-container .text-child .name {
            font-size: 0.9em; } }
    .recipe_container .main_recipe_section .product-recommendation-ad .button-container {
      width: 32.2033898305%;
      float: right;
      margin-right: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .recipe_container .main_recipe_section .product-recommendation-ad .button-container a {
        background-color: #fbfbfb;
        border: 2px solid #c3c5ca;
        border-radius: 5px;
        color: #94979e;
        margin: 0 auto;
        padding: 8px 30px;
        text-align: center;
        width: 240px;
        color: #323c39;
        font-size: 1em;
        font-weight: 550;
        text-transform: uppercase; }
        @media screen and (max-width: 900px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .button-container a {
            width: 200px; } }
        @media screen and (max-width: 700px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .button-container a {
            padding: 8px 20px; } }
        @media screen and (max-width: 550px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .button-container a {
            font-size: 0.8em;
            width: 130px; } }
        @media screen and (max-width: 414px) {
          .recipe_container .main_recipe_section .product-recommendation-ad .button-container a {
            font-size: 0.8em;
            width: 90px; } }
.recipe_container .side_dish_section {
  background-color: rgba(225, 231, 233, 0.3);
  margin-top: 70px; }
  @media screen and (max-width: 1030px) {
    .recipe_container .side_dish_section {
      padding: 0px 20px; } }
  .recipe_container .side_dish_section .container {
    max-width: 1032px;
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 0px; }
    @media screen and (max-width: 550px) {
      .recipe_container .side_dish_section .container {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 0px;
        padding-bottom: 45px; } }
    .recipe_container .side_dish_section .container .inner_container {
      width: 50%; }
      @media screen and (max-width: 550px) {
        .recipe_container .side_dish_section .container .inner_container {
          width: 100%;
          padding-right: 0px;
          margin-top: 35px; } }
.recipe_container .nutritional_information {
  max-width: 1032px;
  margin: 0px auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0px; }
  @media screen and (max-width: 1030px) {
    .recipe_container .nutritional_information {
      padding: 40px 20px; } }
  @media screen and (max-width: 815px) {
    .recipe_container .nutritional_information {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media screen and (max-width: 550px) {
    .recipe_container .nutritional_information {
      padding: 0px;
      margin-bottom: 35px; } }
  .recipe_container .nutritional_information .container {
    width: 50%;
    padding: 31px 61px 0px 0px; }
    @media screen and (max-width: 815px) {
      .recipe_container .nutritional_information .container {
        width: 100%;
        padding: 30px; } }
    @media screen and (max-width: 550px) {
      .recipe_container .nutritional_information .container {
        padding: 0px;
        margin-top: 35px; } }
    .recipe_container .nutritional_information .container .subHeader {
      margin-bottom: 40px; }
    .recipe_container .nutritional_information .container table {
      width: 100%; }
      .recipe_container .nutritional_information .container table .tableHeads td {
        font-family: "Poppins";
        font-size: 15px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.47;
        letter-spacing: normal;
        text-align: center;
        color: #303c4b;
        border: none; }
      .recipe_container .nutritional_information .container table tr:nth-child(even) {
        background: #e1e7e9; }
      .recipe_container .nutritional_information .container table tr .first {
        text-align: left !important;
        font-weight: 600;
        border-radius: 4px 0px 0px 4px;
        padding-left: 15px;
        color: #303c4b; }
      .recipe_container .nutritional_information .container table tr .total {
        font-weight: 600;
        border-radius: 0px 4px 4px 0px;
        color: #303c4b; }
      .recipe_container .nutritional_information .container table tr td {
        border: none;
        text-align: center;
        font-family: "Poppins";
        font-size: 17px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.94;
        letter-spacing: normal;
        text-align: center;
        color: #303c4b; }
    .recipe_container .nutritional_information .container .mealPlanOverview {
      border: 1px solid #8f959e;
      border-radius: 6px;
      padding: 24px;
      text-align: center;
      padding-bottom: 55px; }
      .recipe_container .nutritional_information .container .mealPlanOverview h4, .recipe_container .nutritional_information .container .mealPlanOverview .member .member-header__head p, .member .member-header__head .recipe_container .nutritional_information .container .mealPlanOverview p {
        margin-top: 30px; }
      .recipe_container .nutritional_information .container .mealPlanOverview p {
        font-family: "Poppins";
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.64;
        letter-spacing: normal;
        text-align: center;
        color: #8f959e; }
      .recipe_container .nutritional_information .container .mealPlanOverview ul {
        margin-bottom: 45px;
        margin-top: 35px; }
        .recipe_container .nutritional_information .container .mealPlanOverview ul li {
          font-family: "Poppins";
          font-size: 18px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: center;
          color: #303c4b;
          list-style-type: disc;
          list-style-position: inside; }
      .recipe_container .nutritional_information .container .mealPlanOverview a {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        font-weight: 500;
        font-size: 22px;
        border: 1px solid #ff9600;
        background-color: #ff9600;
        padding: 0.5rem 1.25rem;
        color: #FFFFFF;
        border-radius: 45px;
        text-transform: none;
        transition: color 0.25s, border 0.25s, background 0.25s;
        min-width: 210px;
        text-decoration: none; }

.popup-box-recipes {
  width: 880px; }
  @media screen and (max-width: 880px) {
    .popup-box-recipes {
      width: 100%; } }
  @media screen and (max-width: 815px) {
    .popup-box-recipes {
      width: 84%;
      margin: 0px auto; } }
  @media screen and (max-width: 414px) {
    .popup-box-recipes {
      width: 95%; } }
  .popup-box-recipes .popup .popup__title {
    padding: 1.75rem 1.5625rem; }
    .popup-box-recipes .popup .popup__title img {
      width: 30%; }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .popup__title img {
          width: 30%; } }
  .popup-box-recipes .popup .recipe__container {
    margin-top: 0px;
    padding-top: 120px;
    padding-bottom: 20px; }
    @media screen and (max-width: 815px) {
      .popup-box-recipes .popup .recipe__container {
        padding-top: 100px; } }
    @media screen and (max-width: 414px) {
      .popup-box-recipes .popup .recipe__container {
        padding-top: 70px; } }
    .popup-box-recipes .popup .recipe__container h3, .popup-box-recipes .popup .recipe__container .members-cta__left__link {
      font-family: "Poppins";
      font-size: 30px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center;
      color: #303c4b; }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .recipe__container h3, .popup-box-recipes .popup .recipe__container .members-cta__left__link {
          font-size: 20px;
          line-height: 1.2; } }
    .popup-box-recipes .popup .recipe__container .retryZip {
      font-size: 16px;
      margin-bottom: 25px;
      cursor: pointer; }
    .popup-box-recipes .popup .recipe__container p {
      font-family: "Poppins";
      font-size: 24px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: center;
      color: #8f959e;
      margin: 25px 0px; }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .recipe__container p {
          font-size: 16px;
          font-weight: normal; } }
    .popup-box-recipes .popup .recipe__container .err_section {
      background: #fbcfbd;
      padding: 10px;
      margin-top: 20px;
      margin-bottom: 30px; }
    .popup-box-recipes .popup .recipe__container .input_container {
      position: relative;
      width: 50%;
      margin: 0px auto; }
      @media screen and (max-width: 575px) {
        .popup-box-recipes .popup .recipe__container .input_container {
          width: 70%; } }
      .popup-box-recipes .popup .recipe__container .input_container .moveOut {
        -webkit-transform: scale(0.8) translate(-0.5em, -2.5em);
                transform: scale(0.8) translate(-0.5em, -2.5em); }
        @media screen and (max-width: 450px) {
          .popup-box-recipes .popup .recipe__container .input_container .moveOut {
            -webkit-transform: scale(0.8) translate(-0.5em, -2.5em) !important;
                    transform: scale(0.8) translate(-0.5em, -2.5em) !important; } }
      .popup-box-recipes .popup .recipe__container .input_container label {
        font-size: 16px;
        position: absolute;
        top: 15px;
        left: 10px;
        cursor: text;
        color: #8f959e; }
      .popup-box-recipes .popup .recipe__container .input_container input {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #d2d2d2;
        clear: both; }
    .popup-box-recipes .popup .recipe__container button {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      font-weight: 500;
      font-size: 1.3rem;
      border: 1px solid #ff9600;
      background-color: #ff9600;
      padding: 1rem 1.75rem;
      color: #FFFFFF;
      border-radius: 45px;
      text-transform: none;
      transition: color 0.25s, border 0.25s, background 0.25s;
      min-width: 210px;
      text-decoration: none;
      clear: both;
      display: block;
      margin: 0px auto;
      margin-bottom: 50px;
      margin-top: 40px;
      cursor: pointer;
      outline: none; }
      @media screen and (max-width: 815px) {
        .popup-box-recipes .popup .recipe__container button {
          margin-bottom: 50px;
          margin-top: 20px; } }
      .popup-box-recipes .popup .recipe__container button:hover {
        background-color: #ea8b00;
        border-color: #ea8b00; }
    .popup-box-recipes .popup .recipe__container .popup_footer a {
      font-family: "Poppins";
      font-size: 16px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 2.75;
      letter-spacing: normal;
      text-align: center;
      color: #a1a6ae; }
    .popup-box-recipes .popup .recipe__container .availableOption {
      border-radius: 12px;
      border: 1px solid #8f959e;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 20px;
      margin-top: 16px; }
      .popup-box-recipes .popup .recipe__container .availableOption button {
        margin-bottom: 0px;
        margin-top: 0px;
        margin: 0px;
        cursor: pointer;
        outline: none; }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .recipe__container .availableOption {
          padding: 11px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .popup-box-recipes .popup .recipe__container .availableOption img {
            margin: auto; } }
  .popup-box-recipes .popup .step2 {
    display: none; }
  .popup-box-recipes .popup .noResults {
    display: none; }
    .popup-box-recipes .popup .noResults h4, .popup-box-recipes .popup .noResults .member .member-header__head p, .member .member-header__head .popup-box-recipes .popup .noResults p {
      font-family: "Poppins";
      font-size: 24px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: normal;
      text-align: center;
      color: #8f959e;
      margin-top: 50px;
      margin-bottom: 100px; }
      @media screen and (min-width: 815px) {
        .popup-box-recipes .popup .noResults h4, .popup-box-recipes .popup .noResults .member .member-header__head p, .member .member-header__head .popup-box-recipes .popup .noResults p {
          padding: 0px 85px; } }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .noResults h4, .popup-box-recipes .popup .noResults .member .member-header__head p, .member .member-header__head .popup-box-recipes .popup .noResults p {
          font-family: "Poppins";
          font-size: 16px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.5;
          letter-spacing: normal;
          text-align: center;
          color: #8f959e;
          padding: 0px 25px;
          margin-bottom: 50px; } }
  .popup-box-recipes .popup .step2 h3, .popup-box-recipes .popup .step2 .members-cta__left__link {
    margin-bottom: 30px; }
  .popup-box-recipes .popup .step2 h4, .popup-box-recipes .popup .step2 .member .member-header__head p, .member .member-header__head .popup-box-recipes .popup .step2 p {
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #8f959e;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 80px; }
  .popup-box-recipes .popup .step2 button {
    cursor: pointer;
    outline: none; }
    @media screen and (max-width: 414px) {
      .popup-box-recipes .popup .step2 button {
        padding: 6px 10px;
        font-size: 14px; } }

.popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .input_container .moveOut {
  -webkit-transform: scale(0.8) translate(-0.5em, -2.2em);
          transform: scale(0.8) translate(-0.5em, -2.2em); }
  @media screen and (max-width: 450px) {
    .popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .input_container .moveOut {
      -webkit-transform: scale(0.8) translate(-0.5em, -2.2em) !important;
              transform: scale(0.8) translate(-0.5em, -2.2em) !important; } }
.popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .input_container label {
  transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
  transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
  transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 10px;
  cursor: text;
  color: #8f959e; }
.popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .input_container label#zip_label {
  left: 10px; }
@media screen and (max-width: 450px) {
  .popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .retryZip + h4, .popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .member .member-header__head .retryZip + p, .member .member-header__head .popup-box-recipes.popup-box-in-recipe-page .popup .recipe__container .retryZip + p {
    font-size: 16px;
    padding: 0; } }

@media print {
  footer {
    display: none; }

  .mealPlanOverview {
    display: none; }

  .recipe_header {
    display: none; }

  .printRecipe {
    display: none; }

  .times {
    display: none; }

  .recipe_image {
    display: none !important; }

  .mainInformation {
    margin-top: 15px !important; }

  .side_dish_section {
    margin-top: 15px !important; }

  .nutritional_information {
    width: 100% !important;
    max-width: 100% !important;
    page-break-before: always; }
    .nutritional_information .container {
      width: 100% !important;
      max-width: 100% !important; }

  .ingredients {
    width: 20% !important; }

  .instructions {
    width: 75% !important; }

  .mainTitle {
    font-size: 16px !important; }

  .sideTitle {
    font-size: 14px !important; }

  .subHeader {
    font-size: 14px !important; }

  ul li {
    font-size: 12px !important; }

  ol li {
    font-size: 12px !important; } }
/***********************************************************************************/
/* emeals VS Meal Kits Landing Page */
/***********************************************************************************/
.hero-mealkits {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .hero-mealkits {
      padding: 1.875rem 0 2.5rem; } }
  .hero-mealkits__header {
    text-align: center; }
    .hero-mealkits__header h1 {
      font-weight: 400;
      max-width: 590px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.2em;
      margin-bottom: 0.9375rem; }
      .hero-mealkits__header h1 > strong {
        font-weight: 500; }
    .hero-mealkits__header h5 {
      font-size: 1.375rem;
      line-height: 1.64;
      font-weight: normal;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 568px) {
        .hero-mealkits__header h5 {
          font-size: 1.0625rem;
          line-height: 1.4; } }
  .hero-mealkits__play-button {
    margin-top: 1.875rem; }

/***********************************************************************************/
/* VS MealKits Area */
/***********************************************************************************/
.em-vs-mk {
  background-color: #FCFCFC; }
  @media only screen and (max-width: 568px) {
    .em-vs-mk {
      padding-bottom: 1.875rem; } }
  .em-vs-mk__container {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__container {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
  .em-vs-mk__mobile-image {
    width: 100%;
    clear: both;
    margin-bottom: 2.5rem;
    display: none; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__mobile-image {
        display: block; } }
    .em-vs-mk__mobile-image img {
      width: 100%; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__mobile-image--tablet {
        display: block; } }
    @media only screen and (max-width: 568px) {
      .em-vs-mk__mobile-image--tablet {
        display: none; } }
    .em-vs-mk__mobile-image--mobile {
      display: none; }
      @media only screen and (max-width: 568px) {
        .em-vs-mk__mobile-image--mobile {
          display: block; } }
  .em-vs-mk__head {
    max-width: 715px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__head {
        max-width: 100%;
        padding-left: 0; }
        .em-vs-mk__head h2, .em-vs-mk__head .internal-header h1, .internal-header .em-vs-mk__head h1, .em-vs-mk__head .press-release h1, .press-release .em-vs-mk__head h1, .em-vs-mk__head p {
          max-width: 565px;
          margin-left: auto;
          margin-right: auto;
          text-align: center; } }
    @media only screen and (max-width: 568px) {
      .em-vs-mk__head {
        width: 94%; } }
    .em-vs-mk__head p {
      padding-right: 6.25rem;
      padding-bottom: 1.875rem; }
      @media screen and (max-width: 1040px) {
        .em-vs-mk__head p {
          padding-right: 0;
          padding-bottom: 0.9375rem; } }
  .em-vs-mk__left {
    -webkit-flex: 1 1 810px;
        -ms-flex: 1 1 810px;
            flex: 1 1 810px; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__left {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        width: 100%; } }
  @media screen and (max-width: 1040px) {
    .em-vs-mk__right {
      display: none; } }
  .em-vs-mk__right img {
    display: block; }
  .em-vs-mk__sep hr {
    border: none;
    height: 1px;
    display: block;
    background-color: #F8F8F8; }

.main-content .em-vs-mk__table {
  border: 1px solid transparent;
  max-width: 715px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem; }
  @media screen and (max-width: 1040px) {
    .main-content .em-vs-mk__table {
      margin-top: 0.9375rem; } }
  .main-content .em-vs-mk__table thead th {
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .main-content .em-vs-mk__table thead th h4, .main-content .em-vs-mk__table thead th .member .member-header__head p, .member .member-header__head .main-content .em-vs-mk__table thead th p {
        font-size: 1rem; } }
  .main-content .em-vs-mk__table th.em-logo-th > img {
    max-width: 120px;
    height: auto;
    position: relative;
    top: 5px; }
    @media only screen and (max-width: 568px) {
      .main-content .em-vs-mk__table th.em-logo-th > img {
        max-width: 70px; } }
  .main-content .em-vs-mk__table th, .main-content .em-vs-mk__table td {
    text-align: center;
    font-size: 1.125rem; }
    @media only screen and (max-width: 568px) {
      .main-content .em-vs-mk__table th, .main-content .em-vs-mk__table td {
        font-size: 0.875rem; } }
  .main-content .em-vs-mk__table thead th {
    border-color: transparent; }
  .main-content .em-vs-mk__table tbody td {
    padding: 1.875rem;
    border: 1px solid #e6e6e6; }
    @media only screen and (max-width: 568px) {
      .main-content .em-vs-mk__table tbody td {
        padding: 0.75rem 0.375rem; } }
  .main-content .em-vs-mk__table tbody td.em-vs-mk__table__headline {
    text-align: left;
    color: #303c4b;
    font-size: 1.25rem;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .main-content .em-vs-mk__table tbody td.em-vs-mk__table__headline {
        font-size: 0.75rem; } }
  .main-content .em-vs-mk__table thead th {
    padding-bottom: 1.875rem; }
  .main-content .em-vs-mk__table tbody tr:first-child td {
    padding-top: 0; }
  .main-content .em-vs-mk__table tbody tr:last-child td {
    border-bottom-width: 0px; }
  .main-content .em-vs-mk__table tbody td:first-child {
    border-left-width: 0px; }
  .main-content .em-vs-mk__table tbody td:last-child {
    border-right-width: 0px; }
.main-content .em-vs-mk .fa-star {
  font-size: 1.25rem; }
  @media only screen and (max-width: 568px) {
    .main-content .em-vs-mk .fa-star {
      font-size: 0.75rem; } }
.main-content .em-vs-mk .fa-star-emeals {
  color: #99ca3c; }
.main-content .em-vs-mk .fa-star-mk {
  color: #8f959e; }

.home-how--mealkits__button {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.75rem; }

.process-cards--mealkits {
  background-color: #FCFCFC; }
  .process-cards--mealkits .title-area {
    max-width: 948px;
    margin-left: auto;
    margin-right: auto; }
  .process-cards--mealkits .process-cards-container {
    padding-top: 3.75rem; }

.faq--mealkits {
  background-color: #FCFCFC; }

.footer-cta-vertical--mealkits {
  background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-vertical--mealkits {
      background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 836px) {
    .footer-cta-vertical--mealkits {
      padding: 4.6875rem 0; } }
  @media only screen and (max-width: 835px) {
    .footer-cta-vertical--mealkits {
      background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-vertical--mealkits {
      background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .footer-cta-vertical--mealkits {
      background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .footer-cta-vertical--mealkits {
      background-image: url("/img/style-guide/lp/vs-meal-kits/cook-healthy-meals-banner-mobile@2x.jpg");
      background-size: cover; } }

  .footer-cta-vertical--mealkits h2, .footer-cta-vertical--mealkits .internal-header h1, .internal-header .footer-cta-vertical--mealkits h1, .footer-cta-vertical--mealkits .press-release h1, .press-release .footer-cta-vertical--mealkits h1 {
    max-width: 448px;
    margin-left: auto;
    margin-right: auto; }

/***********************************************************************************/
/* Dave Ramsey Landing Page */
/***********************************************************************************/
.hero-dave {
  background-image: url("/img/style-guide/press/dave-ramsey/white-abstract-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-dave {
      background-image: url("/img/style-guide/press/dave-ramsey/white-abstract-bg@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .hero-dave {
      background-position: center center; } }
  .hero-dave__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    @media screen and (max-width: 900px) {
      .hero-dave__flex {
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                    -ms-grid-row-align: stretch;
                align-items: stretch; } }
    @media only screen and (max-width: 667px) {
      .hero-dave__flex {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
  .hero-dave__left {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
    @media screen and (max-width: 900px) {
      .hero-dave__left {
        padding: 3.75rem 0; } }
    @media only screen and (max-width: 667px) {
      .hero-dave__left {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none; } }
    @media only screen and (max-width: 568px) {
      .hero-dave__left {
        padding: 1.875rem 0; } }
  .hero-dave__right {
    width: 49.1525423729%;
    float: right;
    margin-right: 0; }
    @media screen and (max-width: 900px) {
      .hero-dave__right {
        -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
                align-self: flex-end;
        margin-top: auto; } }
    @media only screen and (max-width: 667px) {
      .hero-dave__right {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none; } }
    .hero-dave__right img {
      display: block; }
      @media only screen and (max-width: 667px) {
        .hero-dave__right img {
          margin: auto;
          text-align: center; } }
  .hero-dave__logo {
    margin-bottom: 1.875rem; }
    .hero-dave__logo img {
      display: block; }
      @media only screen and (max-width: 667px) {
        .hero-dave__logo img {
          margin: auto;
          text-align: center; } }
      @media only screen and (max-width: 568px) {
        .hero-dave__logo img {
          max-width: 150px; } }
  @media only screen and (max-width: 667px) {
    .hero-dave__content {
      text-align: center; } }
  @media only screen and (max-width: 568px) {
    .hero-dave__content {
      max-width: 280px;
      margin-left: auto;
      margin-right: auto; } }
  .hero-dave__content h1 {
    max-width: 445px;
    margin-bottom: 1.25rem; }
    @media only screen and (max-width: 667px) {
      .hero-dave__content h1 {
        margin-left: auto;
        margin-right: auto; } }
  .hero-dave__video {
    margin-top: 3.125rem;
    text-align: left; }
    @media screen and (max-width: 900px) {
      .hero-dave__video {
        margin-top: 1.875rem; } }
    @media only screen and (max-width: 667px) {
      .hero-dave__video {
        text-align: center; } }
    .hero-dave__video .video-play-button {
      margin: 0;
      text-align: left;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      max-width: 200px; }
      @media only screen and (max-width: 667px) {
        .hero-dave__video .video-play-button {
          margin-left: auto;
          margin-right: auto;
          text-align: center; } }

.how-it-works--dave .title-area {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.125rem; }

.split-feature--dave {
  background-color: #F8F8F8; }
  .split-feature--dave .split-branded__contain h3, .split-feature--dave .split-branded__contain .members-cta__left__link {
    max-width: 390px; }
    @media only screen and (max-width: 1024px) {
      .split-feature--dave .split-branded__contain h3, .split-feature--dave .split-branded__contain .members-cta__left__link {
        margin-left: auto;
        margin-right: auto; } }

@media only screen and (max-width: 568px) {
  .trust-block--dave .trust-pilot {
    margin-top: 1.875rem; } }

.plan-slider-wrap--dave {
  background-color: #F8F8F8; }
  @media only screen and (max-width: 835px) {
    .plan-slider-wrap--dave {
      margin-bottom: 0 !important; } }
  .plan-slider-wrap--dave header.title-area {
    margin-bottom: 3.4375rem; }
    .plan-slider-wrap--dave header.title-area h3, .plan-slider-wrap--dave header.title-area .members-cta__left__link {
      max-width: 801px;
      margin-left: auto;
      margin-right: auto; }

.lock-feature--dave {
  background-image: url("/img/style-guide/press/dave-ramsey/veggie-pizza.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 7.5rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .lock-feature--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/veggie-pizza@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .lock-feature--dave {
      padding: 0 0 1.875rem 0;
      background-image: none; } }

.lock-feature--dave .lock-feature__bg {
  background-image: url("/img/style-guide/press/dave-ramsey/veggie-pizza-phone.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .lock-feature--dave .lock-feature__bg {
      background-image: url("/img/style-guide/press/dave-ramsey/veggie-pizza-phone@2x.jpg");
      background-size: cover; } }

.shopping-options--dave .title-area {
  max-width: 798px;
  margin-left: auto;
  margin-right: auto; }
.shopping-options--dave .shopping-options__wrapper {
  margin-top: 1.875rem; }

.card-recipes--dave .container {
  background-image: url("/img/style-guide/press/dave-ramsey/broccoli-pizza.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .card-recipes--dave .container {
      background-image: url("/img/style-guide/press/dave-ramsey/broccoli-pizza@2x.jpg"); } }
  @media screen and (max-width: 1320px) {
    .card-recipes--dave .container {
      max-width: 94%; } }
  @media screen and (max-width: 1040px) {
    .card-recipes--dave .container {
      background-size: 50% auto;
      background-position: top right; } }
  @media only screen and (max-width: 835px) {
    .card-recipes--dave .container {
      background-image: none; } }

.footer-cta-vertical--dave {
  background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-vertical--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-vertical--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner-i-pad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-vertical--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner-i-pad@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
      .footer-cta-vertical--dave .title-area {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-vertical--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 440px;
      background-position: center center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-vertical--dave {
      background-image: url("/img/style-guide/press/dave-ramsey/save-time-and-money-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-vertical--dave .title-area {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Share Page - Used for taklable interface */
/***********************************************************************************/
.share #talkable-offer {
  margin-top: 60px; }
.share .how-how {
  background-color: #f8f8f8;
  margin: 60px 0px; }
  .share .how-how .container h1 {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #303c4b;
    padding-top: 60px; }
    @media screen and (max-width: 800px) {
      .share .how-how .container h1 {
        font-size: 20px; } }
  .share .how-how .container .home-how__row .how-block .how-block__head-svg {
    max-height: 80px; }
  .share .how-how .container .home-how__row .how-block .how-block__content p {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #838288; }
  .share .how-how .container .home-how__row h2, .share .how-how .container .home-how__row .internal-header h1, .internal-header .share .how-how .container .home-how__row h1, .share .how-how .container .home-how__row .press-release h1, .press-release .share .how-how .container .home-how__row h1 {
    clear: both;
    text-align: center;
    font-family: "Poppins";
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #838288; }
    @media screen and (max-width: 800px) {
      .share .how-how .container .home-how__row h2, .share .how-how .container .home-how__row .internal-header h1, .internal-header .share .how-how .container .home-how__row h1, .share .how-how .container .home-how__row .press-release h1, .press-release .share .how-how .container .home-how__row h1 {
        font-size: 20px; } }
.share .others-are-saying {
  width: 75%;
  margin: 0px auto;
  margin-bottom: 60px; }
  .share .others-are-saying .image-container {
    width: 46%;
    float: left; }
  .share .others-are-saying .others-testimonies {
    width: 46%;
    float: left;
    margin-left: 58px; }
    .share .others-are-saying .others-testimonies .title {
      font-family: "Poppins";
      font-size: 20px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #303c4b; }
      @media screen and (max-width: 800px) {
        .share .others-are-saying .others-testimonies .title {
          font-size: 16px; } }
    .share .others-are-saying .others-testimonies .content {
      font-family: Poppins;
      font-size: 30px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #8f959e; }
      @media screen and (max-width: 800px) {
        .share .others-are-saying .others-testimonies .content {
          font-size: 14px; } }
    .share .others-are-saying .others-testimonies .user {
      font-family: Poppins;
      font-size: 30px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #8f959e; }
@media screen and (max-width: 1200px) {
  .share .others-are-saying {
    width: 100%; }
    .share .others-are-saying .image-container {
      width: 100%; }
      .share .others-are-saying .image-container img {
        display: block;
        margin: 0px auto; }
    .share .others-are-saying .others-testimonies {
      width: 100%;
      margin: 0px auto;
      padding: 0px 60px; }
      .share .others-are-saying .others-testimonies .title {
        text-align: center;
        font-size: 25px; }
      .share .others-are-saying .others-testimonies .content {
        text-align: center;
        font-size: 18px; }
      .share .others-are-saying .others-testimonies .user {
        text-align: center;
        font-size: 18px; } }

/***********************************************************************************/
/* Gift Certificates Page */
/***********************************************************************************/
.gift__certificates {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: 710px; }
  .gift__certificates figure {
    margin-bottom: 1.25rem; }
.gift__content {
  margin-bottom: 3.75rem; }
  .gift__content .gift-certs-inside p {
    padding-left: 1.875rem; }
    @media only screen and (max-width: 568px) {
      .gift__content .gift-certs-inside p {
        padding-left: 0; } }

.trust-block--gifts {
  background-color: #FCFCFC;
  padding: 5rem 0; }

/***********************************************************************************/
/* Partners Homepage Hero Modules - For Homepage Copy */
/***********************************************************************************/
.hello-bar {
  padding: 1.125rem 0;
  text-align: center; }
  .hello-bar p {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #FFFFFF; }
    @media only screen and (max-width: 568px) {
      .hello-bar p {
        max-width: 275px; } }
    .hello-bar p span {
      font-weight: 400; }

.hello-bar--sweatcoin, .hello-bar--m365 {
  background-color: #303c4b; }

@media only screen and (max-width: 568px) {
  .hero-partner-home__brand-logo img.partner-sweatcoin-logo {
    max-width: 60px;
    height: auto; }
  .hero-partner-home__brand-logo img.partner-m365-logo {
    max-width: 105px;
    height: auto; } }
@media only screen and (max-width: 480px) {
  .hero-partner-home__flex {
    height: 315px; } }
.hero-partner-home h1 {
  padding-top: 1.625rem; }
.hero-partner-home__button {
  padding-top: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .hero-partner-home__button {
      padding-top: 1.25rem; } }
  .hero-partner-home__button a {
    font-size: 1.625rem;
    letter-spacing: 0.3px;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .hero-partner-home__button a {
        font-size: 0.875rem; } }
.hero-partner-home__button-container {
  padding-top: 1.25rem;
  min-height: 42px; }
.hero-partner-home__video-pop span {
  margin-left: 0;
  margin-right: 9px; }
  @media only screen and (max-width: 568px) {
    .hero-partner-home__video-pop span {
      font-size: 0.875rem;
      font-weight: normal; } }
.hero-partner-home__video-pop svg {
  width: 22px;
  height: 22px; }

.split-home-partner.split-includes--partner .split-branded__contain {
  max-width: 550px; }
@media only screen and (max-width: 568px) {
  .split-home-partner.split-includes--partner .split-feature__image {
    margin-bottom: 0.9375rem; } }
@media only screen and (max-width: 568px) {
  .split-home-partner.split-includes--partner .split-feature__content {
    padding-top: 0; }
    .split-home-partner.split-includes--partner .split-feature__content h3, .split-home-partner.split-includes--partner .split-feature__content .members-cta__left__link {
      margin-bottom: 0.9375rem; }
    .split-home-partner.split-includes--partner .split-feature__content p:first-of-type {
      margin-top: 0; } }
.split-home-partner.split-includes--partner .split-feature__content h3 > span, .split-home-partner.split-includes--partner .split-feature__content .members-cta__left__link > span {
  display: inline-block;
  position: relative; }
  .split-home-partner.split-includes--partner .split-feature__content h3 > span:after, .split-home-partner.split-includes--partner .split-feature__content .members-cta__left__link > span:after {
    content: '';
    height: 5px;
    width: 100%;
    background-color: #99ca3c;
    display: block;
    position: relative;
    top: -2px; }
    @media only screen and (max-width: 568px) {
      .split-home-partner.split-includes--partner .split-feature__content h3 > span:after, .split-home-partner.split-includes--partner .split-feature__content .members-cta__left__link > span:after {
        height: 2px; } }
.split-home-partner.split-includes--partner .split-feature__content p {
  font-size: 1.25rem; }
  @media only screen and (max-width: 568px) {
    .split-home-partner.split-includes--partner .split-feature__content p {
      font-size: 0.875rem; } }
.split-home-partner.split-includes--partner .split-feature__content p.weight--medium {
  font-weight: 500; }
@media only screen and (max-width: 568px) {
  .split-home-partner.split-includes--partner .split-feature__content .split-feature__button {
    margin-top: 1.875rem; } }

/***********************************************************************************/
/* Campbells Landing Page - Silverman 07/22/2020 */
/***********************************************************************************/
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.hero-collections, .hero-occasions {
  height: 600px; }
  @media only screen and (max-width: 835px) {
    .hero-collections, .hero-occasions {
      height: 500px; } }
  @media only screen and (max-width: 568px) {
    .hero-collections, .hero-occasions {
      background-image: none;
      background-size: 0;
      height: auto; } }
  .hero-collections__mobile-image, .hero-occasions__mobile-image {
    display: none; }
    @media only screen and (max-width: 568px) {
      .hero-collections__mobile-image, .hero-occasions__mobile-image {
        display: block; } }
    .hero-collections__mobile-image img, .hero-occasions__mobile-image img {
      display: block;
      width: 100%;
      height: auto; }
  .hero-collections .container, .hero-occasions .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .hero-collections__head, .hero-occasions__head {
    background-color: #FFFFFF;
    max-width: 450px;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.27);
    padding: 2.5rem 1.875rem; }
    @media only screen and (max-width: 568px) {
      .hero-collections__head, .hero-occasions__head {
        max-width: 100%;
        border: none;
        border-radius: 0;
        box-shadow: 0 0 0 0 transparent;
        padding: 0;
        text-align: center;
        margin: 1.875rem auto; } }
    .hero-collections__head__logo, .hero-occasions__head__logo {
      text-align: left;
      margin-bottom: 1.25rem; }
      @media only screen and (max-width: 568px) {
        .hero-collections__head__logo, .hero-occasions__head__logo {
          text-align: center; } }
      .hero-collections__head__logo img, .hero-occasions__head__logo img {
        display: block; }
        @media only screen and (max-width: 568px) {
          .hero-collections__head__logo img, .hero-occasions__head__logo img {
            margin-left: auto;
            margin-right: auto; } }
    .hero-collections__head h2, .hero-collections__head .internal-header h1, .internal-header .hero-collections__head h1, .hero-collections__head .press-release h1, .press-release .hero-collections__head h1, .hero-occasions__head h2, .hero-occasions__head .internal-header h1, .internal-header .hero-occasions__head h1, .hero-occasions__head .press-release h1, .press-release .hero-occasions__head h1 {
      font-weight: 500; }
    .hero-collections__head p, .hero-occasions__head p {
      font-size: 1rem;
      font-weight: 500;
      line-height: normal; }
      @media only screen and (max-width: 568px) {
        .hero-collections__head p, .hero-occasions__head p {
          margin-bottom: 0; } }
  .hero-collections.hero-collections--general, .hero-occasions.hero-collections--general {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--general, .hero-occasions.hero-collections--general {
        background-image: none;
        background-size: 0;
        height: auto; } }
    .hero-collections.hero-collections--general .container, .hero-occasions.hero-collections--general .container {
      height: inherit; }
  .hero-collections.hero-collections--campbells, .hero-occasions.hero-collections--campbells {
    background-image: url("/img/style-guide/partners/campbells/hero-campbells.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--campbells, .hero-occasions.hero-collections--campbells {
        background-image: url("/img/style-guide/partners/campbells/hero-campbells@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--campbells, .hero-occasions.hero-collections--campbells {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-occasions--bts-dinners, .hero-occasions.hero-occasions--bts-dinners {
    background-image: url("/img/style-guide/partners/campbells/hero-campbells.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-occasions--bts-dinners, .hero-occasions.hero-occasions--bts-dinners {
        background-image: url("/img/style-guide/partners/campbells/hero-campbells@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-occasions--bts-dinners, .hero-occasions.hero-occasions--bts-dinners {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-occasions--emmys, .hero-occasions.hero-occasions--emmys {
    background-image: url("/img/style-guide/partners/treasury-wine/e-meals-emmy-party.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-occasions--emmys, .hero-occasions.hero-occasions--emmys {
        background-image: url("/img/style-guide/partners/treasury-wine/e-meals-emmy-party@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-occasions--emmys, .hero-occasions.hero-occasions--emmys {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-occasions--swansons, .hero-occasions.hero-occasions--swansons {
    background-image: url("/img/style-guide/partners/swanson/italian-style-chicken-noodle-soup-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-occasions--swansons, .hero-occasions.hero-occasions--swansons {
        background-image: url("/img/style-guide/partners/swanson/italian-style-chicken-noodle-soup-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-occasions--swansons, .hero-occasions.hero-occasions--swansons {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--meiomi, .hero-occasions.hero-collections--meiomi {
    background-image: url("/img/style-guide/partners/meiomi/main-header-herb-roasted-turkey.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--meiomi, .hero-occasions.hero-collections--meiomi {
        background-image: url("/img/style-guide/partners/meiomi/main-header-herb-roasted-turkey@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--meiomi, .hero-occasions.hero-collections--meiomi {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--ruffino, .hero-occasions.hero-collections--ruffino {
    background-image: url("/img/style-guide/partners/ruffino/main-hero-salted-caramel-pumpkin-pie.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--ruffino, .hero-occasions.hero-collections--ruffino {
        background-image: url("/img/style-guide/partners/ruffino/main-hero-salted-caramel-pumpkin-pie@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--ruffino, .hero-occasions.hero-collections--ruffino {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--swansonholiday, .hero-occasions.hero-collections--swansonholiday {
    background-image: url("/img/style-guide/partners/swanson-holidays/main-hero-slow-cooker-stuffing.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--swansonholiday, .hero-occasions.hero-collections--swansonholiday {
        background-image: url("/img/style-guide/partners/swanson-holidays/main-hero-slow-cooker-stuffing@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--swansonholiday, .hero-occasions.hero-collections--swansonholiday {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-occasions--barilla, .hero-occasions.hero-occasions--barilla {
    background-image: url("/img/style-guide/partners/barilla/hero-barilla-fallharvestfeast.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-occasions--barilla, .hero-occasions.hero-occasions--barilla {
        background-image: url("/img/style-guide/partners/barilla/hero-barilla-fallharvestfeast@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-occasions--barilla, .hero-occasions.hero-occasions--barilla {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--modelo, .hero-occasions.hero-collections--modelo {
    background-image: url("/img/style-guide/partners/modelo/hero-tamales-modelo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--modelo, .hero-occasions.hero-collections--modelo {
        background-image: url("/img/style-guide/partners/modelo/hero-tamales-modelo@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--modelo, .hero-occasions.hero-collections--modelo {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--corona, .hero-occasions.hero-collections--corona {
    background-image: url("/img/style-guide/partners/corona/hero-corona-seltzer-flan.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--corona, .hero-occasions.hero-collections--corona {
        background-image: url("/img/style-guide/partners/corona/hero-corona-seltzer-flan@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--corona, .hero-occasions.hero-collections--corona {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--swansons-newyear, .hero-occasions.hero-collections--swansons-newyear {
    background-image: url("/img/style-guide/partners/swanson-new-year/hero-italian-wedding-soup.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--swansons-newyear, .hero-occasions.hero-collections--swansons-newyear {
        background-image: url("/img/style-guide/partners/swanson-new-year/hero-italian-wedding-soup@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--swansons-newyear, .hero-occasions.hero-collections--swansons-newyear {
        background-image: none;
        background-size: 0;
        height: auto; } }
  .hero-collections.hero-collections--frenchopen, .hero-occasions.hero-collections--frenchopen {
    background-image: url("/img/style-guide/occasions/french-open/french-open-brunch-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--frenchopen, .hero-occasions.hero-collections--frenchopen {
        background-image: url("/img/style-guide/occasions/french-open/french-open-brunch-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--frenchopen, .hero-occasions.hero-collections--frenchopen {
        background-image: none;
        background-size: 0;
        height: auto; } }
    .hero-collections.hero-collections--frenchopen .hero-collections__head, .hero-occasions.hero-collections--frenchopen .hero-collections__head {
      max-width: 475px; }
  .hero-collections.hero-collections--tacosteq, .hero-occasions.hero-collections--tacosteq {
    background-image: url("/img/style-guide/collections/tacos-and-tequila/watermelon-mint-margarita-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--tacosteq, .hero-occasions.hero-collections--tacosteq {
        background-image: url("/img/style-guide/collections/tacos-and-tequila/watermelon-mint-margarita-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--tacosteq, .hero-occasions.hero-collections--tacosteq {
        background-image: none;
        background-size: 0;
        height: auto; } }
    .hero-collections.hero-collections--tacosteq .hero-collections__head, .hero-occasions.hero-collections--tacosteq .hero-collections__head {
      max-width: 475px; }
  .hero-collections.hero-collections--crooktocook, .hero-occasions.hero-collections--crooktocook {
    background-image: url("/img/style-guide/collections/crooktocook/crook-to-cook-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections.hero-collections--crooktocook, .hero-occasions.hero-collections--crooktocook {
        background-image: url("/img/style-guide/collections/crooktocook/crook-to-cook-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--crooktocook, .hero-occasions.hero-collections--crooktocook {
        background-image: none;
        background-size: 0;
        height: auto; } }
    .hero-collections.hero-collections--crooktocook .hero-collections__head, .hero-occasions.hero-collections--crooktocook .hero-collections__head {
      max-width: 475px; }
  .hero-collections.hero-collections--biggamesippin, .hero-occasions.hero-collections--biggamesippin {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }
    @media only screen and (max-width: 568px) {
      .hero-collections.hero-collections--biggamesippin, .hero-occasions.hero-collections--biggamesippin {
        background-image: none;
        background-size: 0;
        height: auto; } }
    .hero-collections.hero-collections--biggamesippin .hero-collections__hint, .hero-occasions.hero-collections--biggamesippin .hero-collections__hint {
      color: #FFFFFF;
      cursor: default;
      font-size: 1.625rem;
      font-weight: 500;
      margin: 0rem 0.625rem -1rem 0.625rem;
      left: 0rem;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      top: 1.875rem;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (max-width: 1320px) {
        .hero-collections.hero-collections--biggamesippin .hero-collections__hint, .hero-occasions.hero-collections--biggamesippin .hero-collections__hint {
          top: 3.75rem; } }
      @media only screen and (max-width: 835px) {
        .hero-collections.hero-collections--biggamesippin .hero-collections__hint, .hero-occasions.hero-collections--biggamesippin .hero-collections__hint {
          top: 2.5rem; } }
      @media only screen and (max-width: 568px) {
        .hero-collections.hero-collections--biggamesippin .hero-collections__hint, .hero-occasions.hero-collections--biggamesippin .hero-collections__hint {
          font-size: 1.0625rem;
          top: 1.25rem; } }
    .hero-collections.hero-collections--biggamesippin .container, .hero-occasions.hero-collections--biggamesippin .container {
      height: inherit; }

.ingred-cards {
  margin: 3.75rem 0 0 0; }
  @media only screen and (max-width: 568px) {
    .ingred-cards {
      margin-top: 0; } }
  .ingred-cards__head {
    margin-bottom: 0.9375rem; }
    .ingred-cards__head h1 {
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .ingred-cards__head h1 {
          font-size: 1.25rem;
          line-height: 1.2;
          font-weight: 500;
          text-align: center;
          max-width: 340px;
          margin-left: auto;
          margin-right: auto; } }
    .ingred-cards__head .alt-title {
      color: #303c4b;
      font-size: 2.5rem;
      font-weight: 500;
      line-height: 1.27;
      padding-bottom: 0.625rem;
      text-align: center; }
      @media only screen and (max-width: 568px) {
        .ingred-cards__head .alt-title {
          font-size: 1.375rem;
          line-height: 1.2;
          padding: 1.25rem 0rem 0rem 0rem; } }
    .ingred-cards__head .alt-intro {
      color: #303c4b;
      font-size: 2rem;
      font-weight: normal;
      line-height: normal;
      padding-bottom: 0.625rem;
      text-align: center; }
      @media only screen and (max-width: 568px) {
        .ingred-cards__head .alt-intro {
          font-size: 1.125rem;
          line-height: 1.2; } }
  .ingred-cards__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .ingred-cards.ingred-cards--alt {
    margin: 3.75rem 0 0 0; }
    @media only screen and (max-width: 667px) {
      .ingred-cards.ingred-cards--alt {
        margin-top: 2.5rem; } }
    .ingred-cards.ingred-cards--alt .ingred-cards__head {
      margin-bottom: 1.25rem; }
      .ingred-cards.ingred-cards--alt .ingred-cards__head h3, .ingred-cards.ingred-cards--alt .ingred-cards__head .members-cta__left__link {
        line-height: normal; }
        @media only screen and (max-width: 568px) {
          .ingred-cards.ingred-cards--alt .ingred-cards__head h3, .ingred-cards.ingred-cards--alt .ingred-cards__head .members-cta__left__link {
            font-size: 1.25rem; } }
      .ingred-cards.ingred-cards--alt .ingred-cards__head p {
        margin: 0;
        font-size: 1rem;
        color: #838288; }

.alt-ingred-cards {
  margin-bottom: 1.875rem; }

.ingred-card {
  border: 1px solid #d2d2d2;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2.5rem; }
  .ingred-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .ingred-card {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
      .ingred-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .ingred-card:nth-child(3n+1) {
        clear: none; }
      .ingred-card:nth-child(2n) {
        float: right;
        margin-right: 0; } }
  @media only screen and (max-width: 568px) {
    .ingred-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-right: auto !important;
      margin-left: auto !important;
      margin-bottom: 1.25rem; } }
  .ingred-card__top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .ingred-card__image {
    position: relative; }
    .ingred-card__image__badge {
      background-color: #99ca3c;
      display: inline-block;
      color: #FFFFFF;
      font-size: 0.75rem;
      line-height: 1.5;
      letter-spacing: -0.14px;
      text-transform: uppercase;
      padding: 0.25rem 0.5rem;
      position: absolute;
      top: 20px;
      left: 20px; }
    .ingred-card__image img {
      width: 100%;
      height: auto;
      display: block; }
    .ingred-card__image .spot {
      background: #98c93d;
      color: #FFFFFF;
      font-size: 1.5rem;
      font-weight: 600;
      max-width: 100%;
      min-width: 3.125rem;
      left: 0rem;
      padding: 1rem 0.9375rem 0.625rem 0.9375rem;
      position: absolute;
      text-align: center;
      top: 0rem;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      word-wrap: break-word; }
  .ingred-card__content {
    padding: 0.8125rem 0.9375rem 0.75rem; }
    .ingred-card__content h6 {
      color: #99ca3c;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0.5px;
      margin-bottom: 0.5625rem;
      text-transform: uppercase; }
    .ingred-card__content h4, .ingred-card__content .member .member-header__head p, .member .member-header__head .ingred-card__content p {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 0;
      letter-spacing: -0.14px;
      color: #303c4b; }
      @media only screen and (max-width: 568px) {
        .ingred-card__content h4, .ingred-card__content .member .member-header__head p, .member .member-header__head .ingred-card__content p {
          font-size: 1rem; } }
    .ingred-card__content .style {
      color: #8f959e;
      font-size: 0.75rem;
      font-weight: normal; }
    .ingred-card__content .alt-title {
      color: #303c4b;
      font-size: 1.125rem;
      font-weight: 600; }
      @media only screen and (max-width: 568px) {
        .ingred-card__content .alt-title {
          font-size: 1.25rem;
          line-height: 1.2; } }
    .ingred-card__content .side-title {
      font-size: 0.9375rem;
      font-weight: normal; }
    .ingred-card__content .meal-comment {
      color: #ff9600;
      font-weight: normal;
      margin: 0.5rem 0rem 0.125rem 0rem; }
    .ingred-card__content .total-time {
      font-size: 0.8125rem;
      font-weight: normal; }
  .ingred-card__bottom {
    margin-top: auto; }
    .ingred-card__bottom .alt-button {
      margin-top: 1.875rem;
      margin-bottom: 0rem; }
    .ingred-card__bottom .alt-banner {
      margin-top: 1.125rem; }
  .ingred-card__button, .ingred-card__powered {
    margin-left: 0.9375rem; }
  .ingred-card__button {
    margin-bottom: 0.875rem; }
  .ingred-card__powered {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .ingred-card__powered span.text-powered {
      font-size: 0.75rem;
      color: #838288;
      margin-right: 4px; }
    .ingred-card__powered img {
      position: relative;
      top: 2px; }
  .ingred-card__banner {
    background-color: #d2d2d2;
    padding: 0.9375rem 0.875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-top: 1.875rem; }
    .ingred-card__banner__servings span {
      font-size: 0.75rem;
      font-weight: 500;
      color: #303c4b;
      text-transform: uppercase; }
    .ingred-card__banner__recipe {
      margin-left: auto; }
      .ingred-card__banner__recipe a {
        color: #303c4b;
        text-decoration: none; }
        .ingred-card__banner__recipe a svg path {
          transition: fill 0.25s ease-in-out;
          fill: #303c4b; }
        .ingred-card__banner__recipe a:hover {
          color: #ff9600; }
          .ingred-card__banner__recipe a:hover span.icon-view path {
            fill: #ff9600; }
      .ingred-card__banner__recipe span.icon-view {
        display: inline-block;
        margin-right: 1px;
        position: relative;
        top: 1px; }
      .ingred-card__banner__recipe span.recipe-link-text {
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase; }

.email-card {
  background: #d2d2d2;
  height: auto;
  min-height: 15.25rem;
  padding: 0 0.9375rem; }
  .email-card__title {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 1.875rem 0rem 1.125rem 0rem; }
  .email-card input {
    border-radius: 1.5rem;
    margin: 0 auto;
    min-width: 0; }
  .email-card input[type="submit"] {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0rem;
    margin-top: 0.75rem;
    padding-left: 0rem;
    padding-right: 0rem;
    width: 11rem; }
    @media only screen and (max-width: 568px) {
      .email-card input[type="submit"] {
        padding: 0.75rem 0rem; } }

.ingred-card-alt {
  border: 1px solid #d2d2d2;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2.5rem; }
  .ingred-card-alt:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .ingred-card-alt {
      width: 100%;
      margin-right: 1.5rem;
      margin-left: 0;
      max-width: 334px; }
      .ingred-card-alt:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .ingred-card-alt:nth-child(3n+1) {
        clear: none; } }
  @media only screen and (max-width: 568px) {
    .ingred-card-alt {
      width: 310px;
      margin-bottom: 1.875rem; } }
  .ingred-card-alt__top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .ingred-card-alt__image {
    position: relative; }
    .ingred-card-alt__image__badge {
      display: inline-block;
      line-height: 1.5;
      letter-spacing: -0.14px;
      text-transform: uppercase;
      padding: 0.25rem 0.5rem;
      position: absolute;
      background-color: #FFFFFF;
      border: 1px solid #FFFFFF;
      border-radius: 3px;
      font-size: 0.75rem;
      font-weight: 700;
      padding: 0.25rem 0.5rem;
      color: #838288;
      top: 10px;
      left: 10px; }
      .ingred-card-alt__image__badge span {
        display: inline-block;
        color: #838288; }
    .ingred-card-alt__image img {
      width: 100%;
      height: auto;
      display: block; }
  .ingred-card-alt__content {
    padding: 0.8125rem 0.9375rem 0.75rem; }
    .ingred-card-alt__content h6 {
      color: #99ca3c;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.25;
      letter-spacing: 0.5px;
      margin-bottom: 0.5625rem;
      text-transform: uppercase; }
    .ingred-card-alt__content h4, .ingred-card-alt__content .member .member-header__head p, .member .member-header__head .ingred-card-alt__content p {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 0;
      letter-spacing: -0.14px;
      color: #303c4b;
      min-height: 55px; }
      @media only screen and (max-width: 568px) {
        .ingred-card-alt__content h4, .ingred-card-alt__content .member .member-header__head p, .member .member-header__head .ingred-card-alt__content p {
          font-size: 1rem; } }
    .ingred-card-alt__content p {
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.25;
      margin: 0 0 0.875rem 0;
      letter-spacing: 0.5px;
      color: #838288;
      text-transform: uppercase; }
  .ingred-card-alt__bottom {
    margin-top: auto; }
  .ingred-card-alt__button, .ingred-card-alt__powered {
    margin-left: 0.9375rem; }
  .ingred-card-alt__button {
    margin-bottom: 0.875rem; }
    .ingred-card-alt__button a.btn--get-ingredients {
      background-color: #FFFFFF;
      color: #838288;
      border-color: #838288; }
      .ingred-card-alt__button a.btn--get-ingredients i.fa-shopping-cart {
        margin-right: 0.25rem; }
      .ingred-card-alt__button a.btn--get-ingredients:hover {
        background-color: transparent;
        border-color: #ff9600;
        color: #ff9600; }
  .ingred-card-alt__powered {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .ingred-card-alt__powered span.text-powered {
      font-size: 0.75rem;
      color: #838288;
      margin-right: 4px; }
    .ingred-card-alt__powered img {
      position: relative;
      top: 2px; }
  .ingred-card-alt__banner {
    background-color: #d2d2d2;
    padding: 0.9375rem 0.875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-top: 1.875rem; }
    .ingred-card-alt__banner__servings span {
      font-size: 0.75rem;
      font-weight: 500;
      color: #303c4b;
      text-transform: uppercase; }
    .ingred-card-alt__banner__recipe {
      margin-left: auto; }
      .ingred-card-alt__banner__recipe a {
        color: #303c4b;
        text-decoration: none; }
        .ingred-card-alt__banner__recipe a svg path {
          transition: fill 0.25s ease-in-out;
          fill: #303c4b; }
        .ingred-card-alt__banner__recipe a:hover {
          color: #ff9600; }
          .ingred-card-alt__banner__recipe a:hover span.icon-view path {
            fill: #ff9600; }
      .ingred-card-alt__banner__recipe span.icon-view {
        display: inline-block;
        margin-right: 1px;
        position: relative;
        top: 1px; }
      .ingred-card-alt__banner__recipe span.recipe-link-text {
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase; }

/***********************************************************************************/
/* Partner Signup */
/***********************************************************************************/
.partner-signup {
  background-color: #99ca3c;
  margin-top: 3.75rem;
  padding: 3.75rem 0;
  border-bottom: 1px solid #FFFFFF; }
  .partner-signup__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 835px) {
      .partner-signup__flex {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
  .partner-signup__content {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%;
    color: #FFFFFF; }
    @media only screen and (max-width: 835px) {
      .partner-signup__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: center; } }
    .partner-signup__content h3, .partner-signup__content .members-cta__left__link {
      color: #FFFFFF;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .partner-signup__content h3, .partner-signup__content .members-cta__left__link {
          font-size: 1.25rem; } }
    .partner-signup__content p {
      color: #FFFFFF;
      font-size: 1.125rem;
      line-height: 1.33;
      margin-bottom: 0;
      margin-top: 0.625rem;
      max-width: 550px; }
      @media only screen and (max-width: 835px) {
        .partner-signup__content p {
          max-width: 100%; } }
  .partner-signup sup {
    font-size: 1.0625rem;
    position: relative;
    top: -11px; }
    @media only screen and (max-width: 568px) {
      .partner-signup sup {
        top: -8px;
        font-size: 0.9375rem; } }
  .partner-signup__form {
    width: 40.6779661017%;
    float: right;
    margin-right: 0;
    padding-left: 3.125rem;
    text-align: right; }
    @media only screen and (max-width: 835px) {
      .partner-signup__form {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        text-align: center;
        margin-top: 2.5rem; } }
  @media only screen and (max-width: 835px) and (max-width: 568px) {
    .partner-signup__form {
      margin-top: 1.25rem; } }

    .partner-signup__form .submit-row {
      text-align: right;
      margin-top: 0.6875rem; }
      @media only screen and (max-width: 835px) {
        .partner-signup__form .submit-row {
          text-align: center; } }
      .partner-signup__form .submit-row input.btn {
        font-size: 0.875rem;
        padding: 1.0625rem 1.75rem;
        line-height: 1em;
        font-weight: 500;
        min-width: 100px; }
        @media only screen and (max-width: 568px) {
          .partner-signup__form .submit-row input.btn {
            width: 100%;
            display: block;
            padding: 0.875rem 1.25rem; } }
  .partner-signup.partner-signup--swanson-holiday .partner-signup__content h3, .partner-signup.partner-signup--swanson-holiday .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swanson-holiday .partner-signup__content h3, .partner-signup.partner-signup--swanson-holiday .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content .members-cta__left__link {
    max-width: 515px; }
    @media only screen and (max-width: 835px) {
      .partner-signup.partner-signup--swanson-holiday .partner-signup__content h3, .partner-signup.partner-signup--swanson-holiday .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swanson-holiday .partner-signup__content h3, .partner-signup.partner-signup--swanson-holiday .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content .members-cta__left__link, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content .members-cta__left__link {
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Partner Signup - Specific to French Open (FOR NOW) */
/***********************************************************************************/
.partner-ad-split {
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 736px) {
    .partner-ad-split {
      margin-bottom: 0; } }
  @media only screen and (max-width: 736px) {
    .partner-ad-split .container.container--narrow {
      width: 100%; } }
  .partner-ad-split__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .partner-ad-split__signup {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    background-color: #99ca3c;
    padding: 3.75rem 3.125rem; }
    @media only screen and (max-width: 736px) {
      .partner-ad-split__signup {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin: 0;
        padding: 1.875rem 1.375rem;
        text-align: center; } }
  .partner-ad-split__intro h3, .partner-ad-split__intro .members-cta__left__link {
    color: #FFFFFF;
    margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      .partner-ad-split__intro h3, .partner-ad-split__intro .members-cta__left__link {
        font-size: 1.25rem; } }
  .partner-ad-split__intro p {
    color: #FFFFFF;
    font-size: 1.125rem;
    line-height: 1.33;
    margin-bottom: 0;
    margin-top: 0.625rem; }
    @media only screen and (max-width: 835px) {
      .partner-ad-split__intro p {
        max-width: 100%; } }
  .partner-ad-split__form {
    margin-top: 2.375rem;
    text-align: center; }
    .partner-ad-split__form input[type="email"] {
      width: 100%;
      margin-bottom: 0.9375rem; }
    .partner-ad-split__form input[type="submit"] {
      width: 100%;
      display: block; }
    .partner-ad-split__form .submit-row input.btn {
      font-size: 1rem;
      padding: 1.0625rem 1.75rem;
      line-height: 1em;
      font-weight: 500;
      min-width: 100px; }
      @media only screen and (max-width: 568px) {
        .partner-ad-split__form .submit-row input.btn {
          width: 100%;
          display: block;
          padding: 0.875rem 1.25rem; } }
  .partner-ad-split__ad {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    float: right;
    margin-right: 0;
    background-color: #edf0f3;
    padding: 3.75rem 3.125rem; }
    @media only screen and (max-width: 736px) {
      .partner-ad-split__ad {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin: 0;
        margin-top: 1.875rem;
        padding: 1.875rem 1.5625rem;
        text-align: center; } }
    @media only screen and (max-width: 736px) {
      .partner-ad-split__ad .ingred-card-ad__logo {
        padding-bottom: 1.25rem; } }
    .partner-ad-split__ad h4, .partner-ad-split__ad .member .member-header__head p, .member .member-header__head .partner-ad-split__ad p {
      font-size: 1.875rem;
      color: #303c4b;
      font-weight: 500;
      line-height: 1.53; }
      @media only screen and (max-width: 736px) {
        .partner-ad-split__ad h4, .partner-ad-split__ad .member .member-header__head p, .member .member-header__head .partner-ad-split__ad p {
          font-size: 1.25rem;
          line-height: normal; }
          .partner-ad-split__ad h4 br, .partner-ad-split__ad .member .member-header__head p br, .member .member-header__head .partner-ad-split__ad p br {
            display: none; } }
    .partner-ad-split__ad p {
      font-size: 1.125rem;
      line-height: 1.33;
      color: #303c4b;
      font-weight: 400;
      max-width: 402px; }
      @media only screen and (max-width: 736px) {
        .partner-ad-split__ad p {
          margin-left: auto;
          margin-right: auto; } }
      .partner-ad-split__ad p:first-of-type {
        margin-top: 0.25rem; }
        @media only screen and (max-width: 736px) {
          .partner-ad-split__ad p:first-of-type {
            margin-top: 0.625rem; } }
    .partner-ad-split__ad p#fo-date {
      font-weight: 500; }

/***********************************************************************************/
/* Popup */
/***********************************************************************************/
body.partner-pop-lock, html.partner-pop-lock {
  overflow: hidden;
  position: relative;
  height: 100%; }

.page-campbells .popup-overlay--open {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1; }

.recipe-popup {
  background-color: #FFFFFF;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  width: 930px;
  height: auto; }
  @media screen and (max-height: 1040px) {
    .recipe-popup {
      overflow: scroll;
      height: 100%; } }
  @media screen and (max-width: 930px) {
    .recipe-popup {
      width: 95%; } }
  @media only screen and (max-width: 835px) {
    .recipe-popup {
      width: 90%;
      position: fixed;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      height: 100%; } }
  @media only screen and (max-width: 568px) {
    .recipe-popup {
      width: 100%;
      left: 0;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  .recipe-popup a.js-recipe-pop-close {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    background-color: #e1e7e9;
    border: 1px solid transparent;
    border-radius: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    transition: background-color 0.25s ease-in-out; }
    @media screen and (max-width: 1024px) {
      .recipe-popup a.js-recipe-pop-close {
        top: 15px;
        right: 15px; } }
    @media screen and (max-height: 1040px) {
      .recipe-popup a.js-recipe-pop-close {
        position: absolute;
        top: 15px;
        right: 15px; } }
    @media only screen and (max-width: 835px) {
      .recipe-popup a.js-recipe-pop-close {
        color: #e1e7e9;
        background-color: #FFFFFF; } }
    @media only screen and (max-width: 568px) {
      .recipe-popup a.js-recipe-pop-close {
        width: 24px;
        height: 24px;
        top: 11px;
        right: 11px; } }
    .recipe-popup a.js-recipe-pop-close:hover {
      background-color: #b92222; }
    .recipe-popup a.js-recipe-pop-close i {
      line-height: normal;
      text-align: center; }
  .recipe-popup__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    @media screen and (max-height: 1040px) {
      .recipe-popup__row {
        height: 100%; } }
    @media only screen and (max-width: 835px) {
      .recipe-popup__row {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
    @media only screen and (max-width: 568px) {
      .recipe-popup__row {
        height: auto; } }
  .recipe-popup__image {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    width: 50%;
    height: auto; }
    @media screen and (min-width: 836px) {
      .recipe-popup__image {
        background-position: top left; } }
    @media only screen and (max-width: 835px) {
      .recipe-popup__image {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        width: 100%; }
        .recipe-popup__image.recipe-popup__image--general {
          max-height: 18rem; } }
    .recipe-popup__image img.recipe-ipad {
      display: block !important; }
      @media screen and (min-width: 836px) {
        .recipe-popup__image img.recipe-ipad {
          display: none !important; } }
      @media only screen and (max-width: 568px) {
        .recipe-popup__image img.recipe-ipad {
          display: none !important; } }
    .recipe-popup__image img.recipe-mobile {
      display: none !important; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__image img.recipe-mobile {
          display: block !important; } }
    .recipe-popup__image img.recipe-template {
      object-fit: cover;
      height: 100%; }
  .recipe-popup__content {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%; }
    @media only screen and (max-width: 835px) {
      .recipe-popup__content {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; } }
    .recipe-popup__content__inside {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      padding: 2.1875rem 1.875rem; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__content__inside {
          padding: 0.9375rem 1.25rem; } }
      .recipe-popup__content__inside .style {
        font-weight: normal; }
        @media only screen and (max-width: 568px) {
          .recipe-popup__content__inside .style {
            font-size: 0.75rem; } }
      .recipe-popup__content__inside .alt-title {
        font-weight: 600; }
        @media only screen and (max-width: 568px) {
          .recipe-popup__content__inside .alt-title {
            font-size: 1rem;
            margin-bottom: 0rem; } }
      .recipe-popup__content__inside .side-title {
        font-size: 1.25rem;
        font-weight: normal; }
        @media only screen and (max-width: 568px) {
          .recipe-popup__content__inside .side-title {
            font-size: 0.9375rem;
            margin-bottom: 0.75rem; } }
    .recipe-popup__content header h3, .recipe-popup__content header .members-cta__left__link {
      font-size: 1.5625rem;
      line-height: normal;
      font-weight: 500;
      margin-bottom: 0.3125rem; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__content header h3, .recipe-popup__content header .members-cta__left__link {
          font-size: 1rem;
          margin-bottom: 0.625rem; } }
    @media screen and (max-height: 1040px) {
      .recipe-popup__content__actions {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media screen and (max-width: 835px) {
      .recipe-popup__content__actions {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    .recipe-popup__content__actions .action-print {
      display: block; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__content__actions .action-print {
          -webkit-flex: 1 0 30%;
              -ms-flex: 1 0 30%;
                  flex: 1 0 30%; } }
    .recipe-popup__content__actions .action-cart {
      display: none;
      -webkit-flex: 1 0 70%;
          -ms-flex: 1 0 70%;
              flex: 1 0 70%;
      margin-left: auto;
      text-align: right; }
      .recipe-popup__content__actions .action-cart a.btn--walmart-cart {
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        min-width: 167px;
        font-size: 0.8125rem;
        padding: 1.25rem 0.875rem;
        text-transform: capitalize;
        margin-left: auto; }
      @media screen and (max-height: 1040px) {
        .recipe-popup__content__actions .action-cart {
          display: block; } }
      @media screen and (max-width: 835px) {
        .recipe-popup__content__actions .action-cart {
          display: block; } }
    .recipe-popup__content__actions .alt-action-cart {
      display: none;
      -webkit-flex: 1 0 70%;
          -ms-flex: 1 0 70%;
              flex: 1 0 70%;
      margin-left: auto;
      text-align: right; }
      .recipe-popup__content__actions .alt-action-cart a.btn--walmart-cart {
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        min-width: 167px;
        font-size: 0.8125rem;
        padding: 1.25rem 0.875rem;
        text-transform: capitalize;
        margin-left: auto; }
      @media only screen and (max-width: 835px) {
        .recipe-popup__content__actions .alt-action-cart {
          display: block; } }
    .recipe-popup__content__actions svg g {
      transition: stroke 0.25s ease-in-out; }
    .recipe-popup__content__actions a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 31px;
      height: 31px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #e1e7e9;
      border-radius: 31px;
      transition: border-color 0.25s ease-in-out; }
      .recipe-popup__content__actions a:hover {
        border-color: #ff9600; }
        .recipe-popup__content__actions a:hover svg g {
          stroke: #ff9600; }
    .recipe-popup__content__summary {
      margin-top: 0.75rem;
      margin-bottom: 1.875rem;
      background-color: #edf0f3;
      margin-left: -30px;
      margin-right: -30px;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__content__summary {
          margin-left: -20px;
          margin-right: -20px; } }
      .recipe-popup__content__summary .inside {
        max-width: 350px;
        margin: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; }
        @media only screen and (max-width: 835px) {
          .recipe-popup__content__summary .inside {
            max-width: 90%; } }
        @media only screen and (max-width: 568px) {
          .recipe-popup__content__summary .inside {
            max-width: 90%; } }
        @media only screen and (max-width: 320px) {
          .recipe-popup__content__summary .inside {
            max-width: 275px; } }
        .recipe-popup__content__summary .inside > div {
          width: 32.2033898305%;
          float: left;
          margin-right: 1.6949152542%; }
          .recipe-popup__content__summary .inside > div:nth-child(3n) {
            float: right;
            margin-right: 0; }
          .recipe-popup__content__summary .inside > div:nth-child(2) {
            position: relative; }
            .recipe-popup__content__summary .inside > div:nth-child(2):before {
              content: '';
              display: inline-block;
              height: 37px;
              width: 2px;
              background-color: #d8d8d8;
              position: absolute;
              left: -20px;
              top: 0; }
              @media only screen and (max-width: 568px) {
                .recipe-popup__content__summary .inside > div:nth-child(2):before {
                  left: -27px; } }
              @media only screen and (max-width: 320px) {
                .recipe-popup__content__summary .inside > div:nth-child(2):before {
                  left: -14px; } }
            .recipe-popup__content__summary .inside > div:nth-child(2):after {
              content: '';
              display: inline-block;
              height: 37px;
              width: 2px;
              background-color: #d8d8d8;
              position: absolute;
              right: 10px;
              top: 0; }
              @media only screen and (max-width: 568px) {
                .recipe-popup__content__summary .inside > div:nth-child(2):after {
                  right: 16px; } }
              @media only screen and (max-width: 320px) {
                .recipe-popup__content__summary .inside > div:nth-child(2):after {
                  right: 5px; } }
          .recipe-popup__content__summary .inside > div span {
            display: block; }
          .recipe-popup__content__summary .inside > div span.head {
            font-size: 1rem;
            font-weight: 500;
            color: #303c4b;
            text-transform: uppercase;
            line-height: 1em;
            margin-bottom: 0.25rem; }
            @media only screen and (max-width: 568px) {
              .recipe-popup__content__summary .inside > div span.head {
                font-size: 0.875rem; } }
          .recipe-popup__content__summary .inside > div span.copy {
            font-size: 1rem;
            line-height: 1em; }
            @media only screen and (max-width: 568px) {
              .recipe-popup__content__summary .inside > div span.copy {
                font-size: 0.875rem; } }
    .recipe-popup__content .alt-summary {
      margin-top: 1.4375rem; }
    .recipe-popup__content .product-recommendation-ad {
      margin-top: 50px;
      margin-bottom: 20px;
      background: #ecf0f3;
      color: black;
      height: 100px;
      border-radius: 10px; }
      @media screen and (max-width: 800px) {
        .recipe-popup__content .product-recommendation-ad {
          margin-top: 120px; } }
      @media screen and (max-width: 769px) {
        .recipe-popup__content .product-recommendation-ad {
          margin-top: 120px; } }
      @media screen and (max-width: 540px) {
        .recipe-popup__content .product-recommendation-ad {
          margin-top: 60px; } }
      @media screen and (max-width: 414px) {
        .recipe-popup__content .product-recommendation-ad {
          margin-top: 30px; } }
      @media screen and (max-width: 375px) {
        .recipe-popup__content .product-recommendation-ad {
          margin-top: 30px; } }
      .recipe-popup__content .product-recommendation-ad .image-container {
        width: 15.2542372881%;
        float: left;
        margin-right: 1.6949152542%;
        text-align: center; }
        .recipe-popup__content .product-recommendation-ad .image-container img {
          margin-top: -35px;
          text-align: center;
          width: 100px; }
          @media screen and (max-width: 800px) {
            .recipe-popup__content .product-recommendation-ad .image-container img {
              margin-top: -110px; } }
          @media screen and (max-width: 769px) {
            .recipe-popup__content .product-recommendation-ad .image-container img {
              margin-top: -105px; } }
          @media screen and (max-width: 540px) {
            .recipe-popup__content .product-recommendation-ad .image-container img {
              margin-top: -65px; } }
          @media screen and (max-width: 414px) {
            .recipe-popup__content .product-recommendation-ad .image-container img {
              margin-top: -25px; } }
          @media screen and (max-width: 375px) {
            .recipe-popup__content .product-recommendation-ad .image-container img {
              margin-top: -15px; } }
      .recipe-popup__content .product-recommendation-ad .text-container {
        width: 74.5762711864%;
        float: left;
        margin-right: 1.6949152542%;
        height: 75%;
        line-height: normal;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .recipe-popup__content .product-recommendation-ad .text-container .text-child .promotion {
          color: #8f959e;
          font-size: 0.8em;
          margin-top: -10px; }
          @media screen and (max-width: 550px) {
            .recipe-popup__content .product-recommendation-ad .text-container .text-child .promotion {
              font-size: 0.8em; } }
        .recipe-popup__content .product-recommendation-ad .text-container .text-child .name {
          color: #303c4b;
          font-size: 1.0em;
          font-weight: 500;
          margin-top: -17px;
          margin-bottom: -40px; }
          @media screen and (max-width: 550px) {
            .recipe-popup__content .product-recommendation-ad .text-container .text-child .name {
              font-size: 0.9em; } }
      .recipe-popup__content .product-recommendation-ad .button-container {
        -webkit-justify-content: right;
            -ms-flex-pack: right;
                justify-content: right;
        padding-bottom: 25px; }
        .recipe-popup__content .product-recommendation-ad .button-container a {
          background-color: #fbfbfb;
          border: solid 1px #8f959e;
          border-radius: 4px;
          color: #94979e;
          text-align: center;
          width: 169px;
          height: 22px;
          position: absolute;
          right: 50px;
          color: #303c4b;
          font-size: 12px;
          font-weight: 600;
          text-transform: uppercase;
          margin-top: 35px; }
          @media screen and (max-width: 375px) {
            .recipe-popup__content .product-recommendation-ad .button-container a {
              margin-top: 40px; } }
  .recipe-popup .recipe-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-bottom: 0.5rem; }
    .recipe-popup .recipe-tabs div {
      -webkit-flex: 1 0 50%;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; }
    .recipe-popup .recipe-tabs button {
      display: block;
      width: 100%;
      border: none;
      background-color: transparent;
      text-align: center;
      font-size: 1rem;
      font-weight: 500;
      line-height: 0.94;
      letter-spacing: 0.67px;
      color: #838288;
      border-bottom: 1px solid #096cb6;
      padding-bottom: 0.625rem;
      padding-left: 0;
      padding-right: 0;
      text-transform: uppercase; }
      .recipe-popup .recipe-tabs button:focus {
        outline: none; }
      .recipe-popup .recipe-tabs button:hover {
        cursor: pointer; }
    .recipe-popup .recipe-tabs button.tablinks--active {
      position: relative; }
      .recipe-popup .recipe-tabs button.tablinks--active:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #096cb6;
        position: absolute;
        bottom: -3px; }
    .recipe-popup .recipe-tabs button.alt-tablinks--active {
      position: relative; }
      .recipe-popup .recipe-tabs button.alt-tablinks--active:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fe9700;
        position: absolute;
        bottom: -3px; }
    .recipe-popup .recipe-tabs .alt-button {
      font-weight: 600; }
  .recipe-popup .recipe-tab-content {
    display: block;
    -webkit-animation: fadeEffect 1s;
            animation: fadeEffect 1s;
    min-height: 485px; }
    .recipe-popup .recipe-tab-content ul, .recipe-popup .recipe-tab-content ol, .recipe-popup .recipe-tab-content p {
      color: #838288;
      font-size: 0.875rem;
      line-height: normal; }
    .recipe-popup .recipe-tab-content ul, .recipe-popup .recipe-tab-content ol {
      list-style: none;
      margin: 0.5rem 0; }
      .recipe-popup .recipe-tab-content ul li, .recipe-popup .recipe-tab-content ol li {
        list-style: none;
        padding: 0.25rem 0; }
    .recipe-popup .recipe-tab-content sup {
      font-size: 11px;
      position: relative;
      top: -3px; }
  .recipe-popup .recipe-tab-hidden {
    display: none; }
  .recipe-popup #ingredients-rec {
    display: block; }
  .recipe-popup__bottom {
    margin-top: 1.25rem; }
    @media only screen and (max-width: 835px) {
      .recipe-popup__bottom {
        display: none; } }
    .recipe-popup__bottom__powered {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 0.8125rem; }
      .recipe-popup__bottom__powered span.text-powered {
        font-size: 0.75rem;
        color: #838288;
        margin-right: 4px; }
      .recipe-popup__bottom__powered img {
        position: relative;
        top: 2px; }
  .recipe-popup__tabs-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .recipe-popup p.secondary-recipe-title {
    margin-bottom: 4px; }
  .recipe-popup p.secondary-recipe-title span {
    font-weight: 500; }
  .recipe-popup p.secondary-recipe-title + ul {
    margin-top: 0; }
  .recipe-popup--default .recipe-tabs button {
    border-bottom-color: #838288; }
  .recipe-popup--default .recipe-tabs button.tablinks--active {
    border-bottom-color: #ff9600; }
  .recipe-popup--default .recipe-tabs button.tablinks--active:after {
    background-color: #ff9600; }
  .recipe-popup--default .recipe-tabs button.alt-tablinks--active {
    border-bottom-color: #fe9700; }
  .recipe-popup--default .recipe-tabs button.alt-tablinks--active:after {
    background-color: #fe9700; }

.popup-box-recipes .popup__body .popup-title-recipe {
  position: relative;
  background-color: #EAEAEA; }
  .popup-box-recipes .popup__body .popup-title-recipe p {
    margin: 0;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px; }
    @media only screen and (max-width: 568px) {
      .popup-box-recipes .popup__body .popup-title-recipe p {
        padding-left: 0px;
        text-align: center; } }
.popup-box-recipes .divTable {
  display: table;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .popup-box-recipes .divTable {
      display: block; } }
.popup-box-recipes .divTableRow {
  display: table-row; }
  @media only screen and (max-width: 835px) {
    .popup-box-recipes .divTableRow {
      display: block; } }
.popup-box-recipes .divTableCell, .popup-box-recipes .divTableHead {
  display: table-cell;
  padding: 3px 10px; }
  @media only screen and (max-width: 835px) {
    .popup-box-recipes .divTableCell, .popup-box-recipes .divTableHead {
      display: block;
      margin-left: 0 !important; } }
.popup-box-recipes .divTableBody {
  display: table-row-group; }
  @media only screen and (max-width: 835px) {
    .popup-box-recipes .divTableBody {
      display: block; } }
@media only screen and (max-width: 568px) {
  .popup-box-recipes .popup .recipe__container.step1 .input_container {
    width: 90%; } }
@media only screen and (max-width: 568px) {
  .popup-box-recipes label#zip_label {
    padding-left: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0px; } }
.popup-box-recipes input#setZip {
  border-radius: 25px; }
  @media only screen and (max-width: 568px) {
    .popup-box-recipes input#setZip {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
.popup-box-recipes button#step1_button {
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 0.9375rem 9.875rem; }
  @media only screen and (max-width: 568px) {
    .popup-box-recipes button#step1_button {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0.75rem 3.75rem; } }
.popup-box-recipes .popup .recipe__container .storeChooser {
  margin-top: 1.875rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media only screen and (max-width: 568px) {
    .popup-box-recipes .popup .recipe__container .storeChooser {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .popup-box-recipes .popup .recipe__container .storeChooser .availableOption {
    width: 210px;
    height: 122px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    margin-right: 1.875rem; }
    .popup-box-recipes .popup .recipe__container .storeChooser .availableOption:hover {
      cursor: pointer; }
    .popup-box-recipes .popup .recipe__container .storeChooser .availableOption:last-child {
      margin-right: 0; }
    .popup-box-recipes .popup .recipe__container .storeChooser .availableOption:nth-child(n+4) {
      display: none; }
    @media only screen and (max-width: 568px) {
      .popup-box-recipes .popup .recipe__container .storeChooser .availableOption {
        width: 100%;
        height: 98px; }
        .popup-box-recipes .popup .recipe__container .storeChooser .availableOption:first-child {
          margin-right: 0; }
        .popup-box-recipes .popup .recipe__container .storeChooser .availableOption img {
          width: auto;
          height: auto; } }

.page-swansons .recipe-popup .recipe-tab-content, .page-swanson-holidays .recipe-popup .recipe-tab-content {
  min-height: 350px; }

.page-meiomi .ingred-cards__head, .page-ruffino .ingred-cards__head, .page-swanson-holidays .ingred-cards__head, .page-barilla .ingred-cards__head {
  max-width: 610px;
  margin-left: 0;
  margin-right: auto; }

.page-modelo .ingred-cards__head, .page-corona .ingred-cards__head, .page-frenchopen .ingred-cards__head, .page-crooktocook .ingred-cards__head, .page-tacosteq .ingred-cards__head {
  max-width: 615px;
  margin-left: 0;
  margin-right: auto; }
.page-modelo .ingred-cards__row, .page-corona .ingred-cards__row, .page-frenchopen .ingred-cards__row, .page-crooktocook .ingred-cards__row, .page-tacosteq .ingred-cards__row {
  padding-top: 1rem; }
.page-modelo .ingred-card__content, .page-corona .ingred-card__content, .page-frenchopen .ingred-card__content, .page-crooktocook .ingred-card__content, .page-tacosteq .ingred-card__content {
  padding-bottom: 2rem; }

.page-swanson-newyear .ingred-cards__head {
  max-width: 475px;
  margin-left: 0;
  margin-right: auto; }

.page-tacosteq .recipe-popup .recipe-tab-content {
  min-height: 375px; }

/***********************************************************************************/
/* Ad Card (Final Card) / Used on French Open page now /FrenchOpen/ */
/***********************************************************************************/
.ingred-card-ad {
  background-color: #edf0f3;
  padding: 0 30px;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 568px) {
    .ingred-card-ad {
      padding: 2.5rem 0.625rem;
      text-align: center;
      margin-top: 0.625rem;
      margin-bottom: -30px; } }
  .ingred-card-ad__logo {
    padding-bottom: 1.875rem; }
    @media only screen and (max-width: 568px) {
      .ingred-card-ad__logo {
        padding-bottom: 1.5625rem; } }
  .ingred-card-ad h4, .ingred-card-ad .member .member-header__head p, .member .member-header__head .ingred-card-ad p {
    font-size: 1.875rem;
    font-weight: 500;
    color: #303c4b;
    line-height: 1.17; }
    @media only screen and (max-width: 568px) {
      .ingred-card-ad h4, .ingred-card-ad .member .member-header__head p, .member .member-header__head .ingred-card-ad p {
        font-size: 1.25rem; }
        .ingred-card-ad h4 br, .ingred-card-ad .member .member-header__head p br, .member .member-header__head .ingred-card-ad p br {
          display: none; } }
  .ingred-card-ad p {
    margin: 0;
    padding: 0.875rem 0 0 0;
    font-size: 1.5rem;
    color: #303c4b;
    line-height: 1;
    font-weight: normal; }
    @media only screen and (max-width: 568px) {
      .ingred-card-ad p {
        font-size: 1.0625rem;
        padding-top: 0.5rem; } }

#banana-cinnamon-oatmeal .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/banana-cinnamon-oatmeal-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #banana-cinnamon-oatmeal .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/banana-cinnamon-oatmeal-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #banana-cinnamon-oatmeal .recipe-popup__image {
      background-size: 0 0; } }

#taco-bowls .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/taco-bowls-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #taco-bowls .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/taco-bowls-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #taco-bowls .recipe-popup__image {
      background-size: 0 0; } }

#creamy-chicken-and-broccoli-skillet .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/creamy-chicken-and-broccoli-skillet-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #creamy-chicken-and-broccoli-skillet .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/creamy-chicken-and-broccoli-skillet-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #creamy-chicken-and-broccoli-skillet .recipe-popup__image {
      background-size: 0 0; } }

#egg-sandwich .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/egg-sandwich-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #egg-sandwich .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/egg-sandwich-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #egg-sandwich .recipe-popup__image {
      background-size: 0 0; } }

#broccoli-mac-and-cheese .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/broccoli-mac-and-cheese-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #broccoli-mac-and-cheese .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/broccoli-mac-and-cheese-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #broccoli-mac-and-cheese .recipe-popup__image {
      background-size: 0 0; } }

#chicken-burritos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/chicken-burritos-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #chicken-burritos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/chicken-burritos-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #chicken-burritos .recipe-popup__image {
      background-size: 0 0; } }

#breakfast-burritos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/breakfast-burritos-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #breakfast-burritos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/breakfast-burritos-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #breakfast-burritos .recipe-popup__image {
      background-size: 0 0; } }

#chicken-salad-sandwiches .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/chicken-salad-sandwiches-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #chicken-salad-sandwiches .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/chicken-salad-sandwiches-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #chicken-salad-sandwiches .recipe-popup__image {
      background-size: 0 0; } }

#spaghetti-and-meatballs .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/spaghetti-and-meatballs-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #spaghetti-and-meatballs .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/spaghetti-and-meatballs-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #spaghetti-and-meatballs .recipe-popup__image {
      background-size: 0 0; } }

#hash-browns-and-cheese-eggs .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/hash-browns-and-cheese-eggs-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #hash-browns-and-cheese-eggs .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/hash-browns-and-cheese-eggs-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #hash-browns-and-cheese-eggs .recipe-popup__image {
      background-size: 0 0; } }

#grilled-cheese .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/grilled-cheese-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #grilled-cheese .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/grilled-cheese-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #grilled-cheese .recipe-popup__image {
      background-size: 0 0; } }

#chicken-stir-fry .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/chicken-stir-fry-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #chicken-stir-fry .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/chicken-stir-fry-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #chicken-stir-fry .recipe-popup__image {
      background-size: 0 0; } }

#peanut-butter-waffles .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/peanut-butter-waffles-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #peanut-butter-waffles .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/peanut-butter-waffles-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #peanut-butter-waffles .recipe-popup__image {
      background-size: 0 0; } }

#bacon-ranch-pasta-salad .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/bacon-ranch-pasta-salad-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #bacon-ranch-pasta-salad .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/bacon-ranch-pasta-salad-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #bacon-ranch-pasta-salad .recipe-popup__image {
      background-size: 0 0; } }

#loaded-stuffed-potatoes .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/loaded-stuffed-potatoes-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #loaded-stuffed-potatoes .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/loaded-stuffed-potatoes-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #loaded-stuffed-potatoes .recipe-popup__image {
      background-size: 0 0; } }

#blueberry-walnut-baked-oatmeal .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/blueberry-walnut-baked-oatmeal-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #blueberry-walnut-baked-oatmeal .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/blueberry-walnut-baked-oatmeal-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #blueberry-walnut-baked-oatmeal .recipe-popup__image {
      background-size: 0 0; } }

#dijon-turkey-sandwiches .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/dijon-turkey-sandwiches-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #dijon-turkey-sandwiches .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/dijon-turkey-sandwiches-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #dijon-turkey-sandwiches .recipe-popup__image {
      background-size: 0 0; } }

#sausage-pasta .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/sausage-pasta-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #sausage-pasta .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/sausage-pasta-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #sausage-pasta .recipe-popup__image {
      background-size: 0 0; } }

#blueberry-pancakes .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/blueberry-pancakes-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #blueberry-pancakes .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/blueberry-pancakes-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #blueberry-pancakes .recipe-popup__image {
      background-size: 0 0; } }

#hash-brown-skillet .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/hash-brown-skillet-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #hash-brown-skillet .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/hash-brown-skillet-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #hash-brown-skillet .recipe-popup__image {
      background-size: 0 0; } }

#meatballs-and-rice .recipe-popup__image {
  background-image: url("/img/style-guide/collections/snap/recipes/meatballs-and-rice-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #meatballs-and-rice .recipe-popup__image {
      background-image: url("/img/style-guide/collections/snap/recipes/meatballs-and-rice-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #meatballs-and-rice .recipe-popup__image {
      background-size: 0 0; } }

/***********************************************************************************/
/* 7 Day Snap - Custom Page */
/***********************************************************************************/
.emeals-snap .masthead {
  position: relative; }
.emeals-snap .main-content {
  padding-top: 0;
  transition: none; }
.emeals-snap--stick .main-content {
  padding-top: 110px; }

.hero-collections-alt {
  height: 600px; }
  @media only screen and (max-width: 835px) {
    .hero-collections-alt {
      min-height: 500px; } }
  @media only screen and (max-width: 568px) {
    .hero-collections-alt {
      background-image: none;
      background-size: 0;
      height: auto;
      min-height: 100px;
      margin: 1.875rem 0 0 0; } }
  .hero-collections-alt__mobile-image {
    display: none; }
    @media only screen and (max-width: 568px) {
      .hero-collections-alt__mobile-image {
        display: block; } }
    .hero-collections-alt__mobile-image img {
      display: block;
      width: 100%;
      height: auto; }
  .hero-collections-alt__head {
    max-width: 450px;
    color: #FFFFFF; }
    @media only screen and (max-width: 568px) {
      .hero-collections-alt__head {
        max-width: 100%;
        color: #303c4b; } }
    .hero-collections-alt__head h2, .hero-collections-alt__head .internal-header h1, .internal-header .hero-collections-alt__head h1, .hero-collections-alt__head .press-release h1, .press-release .hero-collections-alt__head h1 {
      font-weight: 500;
      color: #FFFFFF; }
      @media only screen and (max-width: 568px) {
        .hero-collections-alt__head h2, .hero-collections-alt__head .internal-header h1, .internal-header .hero-collections-alt__head h1, .hero-collections-alt__head .press-release h1, .press-release .hero-collections-alt__head h1 {
          color: #303c4b;
          font-size: 1.75rem;
          font-weight: 500; } }
    .hero-collections-alt__head p {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.25;
      color: #FFFFFF;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .hero-collections-alt__head p {
          margin-bottom: 0;
          color: #838288;
          font-size: 1rem;
          font-weight: normal;
          margin-bottom: 1.875rem; } }
  .hero-collections-alt.hero-collections-alt--snap {
    background-image: url("/img/style-guide/collections/snap/hero-snap.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 7.5rem; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .hero-collections-alt.hero-collections-alt--snap {
        background-image: url("/img/style-guide/collections/snap/hero-snap@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 835px) {
      .hero-collections-alt.hero-collections-alt--snap {
        padding-top: 5rem; } }
    @media only screen and (max-width: 568px) {
      .hero-collections-alt.hero-collections-alt--snap {
        background-image: none;
        background-size: 0;
        height: auto;
        padding: 0; } }

.snap-steps-head {
  display: none; }
  @media only screen and (max-width: 568px) {
    .snap-steps-head {
      display: block;
      margin-top: 1.875rem; } }
  .snap-steps-head h4, .snap-steps-head .member .member-header__head p, .member .member-header__head .snap-steps-head p {
    font-size: 1.25rem;
    color: #303c4b;
    line-height: 1.4;
    font-weight: 500; }

.snap-steps {
  background-color: #FFFFFF;
  padding: 1.875rem 3.75rem;
  zoom: 1;
  max-width: 740px;
  margin-left: auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
  .snap-steps:before, .snap-steps:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .snap-steps:after {
    clear: both; }
  @media only screen and (max-width: 568px) {
    .snap-steps {
      margin-top: 1.25rem;
      margin-bottom: 0;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      padding: 0; } }

.snap-step {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .snap-step:nth-child(3n) {
    float: right;
    margin-right: 0;
    position: relative;
    left: 20px; }
  @media only screen and (max-width: 568px) {
    .snap-step {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-bottom: 1.875rem; }
      .snap-step:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .snap-step:nth-child(3n+1) {
        clear: none; }
      .snap-step:nth-child(3n) {
        position: static;
        margin-right: 0; } }
  .snap-step__inside {
    max-width: 195px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (max-width: 568px) {
      .snap-step__inside {
        max-width: 100%; } }
  .snap-step__num {
    color: #99ca3c;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: normal;
    margin-right: 0.875rem;
    padding-top: 0.625rem; }
    @media only screen and (max-width: 568px) {
      .snap-step__num {
        padding-top: 0.25rem;
        width: 25px; } }
  .snap-step__text h6 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
    color: #303c4b; }
  .snap-step__text p {
    font-size: 1rem;
    color: #303c4b;
    margin: 0.4375rem 0 0 0;
    line-height: normal; }

.recipe-cta-banner {
  background-color: #F8F8F8; }
  @media only screen and (max-width: 568px) {
    .recipe-cta-banner {
      background-color: #FFFFFF;
      border: 1px solid #d5d5d5;
      box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15);
      padding: 0.625rem 0 0.75rem; } }
  .recipe-cta-banner__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%; }
    @media only screen and (max-width: 667px) {
      .recipe-cta-banner__flex {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-align-items: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .recipe-cta-banner__text {
    padding: 2.375rem 0; }
    @media only screen and (max-width: 667px) {
      .recipe-cta-banner__text {
        padding: 1.25rem 0; } }
    @media only screen and (max-width: 568px) {
      .recipe-cta-banner__text {
        padding: 0;
        margin-bottom: 0.75rem; } }
    .recipe-cta-banner__text p {
      color: #838288;
      font-size: 1.5rem;
      font-weight: 500;
      margin: 0; }
      @media only screen and (max-width: 835px) {
        .recipe-cta-banner__text p {
          font-size: 1.25rem; } }
      @media only screen and (max-width: 568px) {
        .recipe-cta-banner__text p {
          font-size: 0.875rem; } }
  .recipe-cta-banner__button {
    margin-left: auto; }
    @media only screen and (max-width: 667px) {
      .recipe-cta-banner__button {
        margin-right: auto;
        padding-bottom: 1.25rem;
        width: 100%; } }
    @media only screen and (max-width: 568px) {
      .recipe-cta-banner__button {
        padding-bottom: 0; } }
    .recipe-cta-banner__button a.btn.btn--cart {
      font-size: 0.875rem;
      padding: 15px 24px;
      min-width: 100px; }
      @media only screen and (max-width: 835px) {
        .recipe-cta-banner__button a.btn.btn--cart {
          padding: 10px 18px;
          width: 100%;
          display: block; } }
      .recipe-cta-banner__button a.btn.btn--cart span {
        text-transform: uppercase;
        font-weight: 500;
        display: inline-block;
        margin-left: 0.625rem; }
        @media only screen and (max-width: 568px) {
          .recipe-cta-banner__button a.btn.btn--cart span {
            font-weight: 700; } }
  .recipe-cta-banner--stick {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }

.pantry-staples {
  background-color: #F8F8F8;
  padding: 4.0625rem 0 2.8125rem; }
  @media only screen and (max-width: 568px) {
    .pantry-staples {
      padding: 1.875rem 0; } }
  .pantry-staples__headline {
    width: 40.6779661017%;
    float: left;
    margin-right: 1.6949152542%;
    padding-top: 3.125rem; }
    @media only screen and (max-width: 568px) {
      .pantry-staples__headline {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: right;
        margin-right: 0;
        float: none;
        padding: 0; } }
    .pantry-staples__headline h3, .pantry-staples__headline .members-cta__left__link {
      line-height: 1.53; }
      @media only screen and (max-width: 568px) {
        .pantry-staples__headline h3, .pantry-staples__headline .members-cta__left__link {
          font-size: 1.75rem;
          font-weight: 500;
          line-height: normal; } }
    .pantry-staples__headline p {
      font-size: 1.25rem;
      margin: 0.625rem 0 0 0;
      line-height: normal; }
      @media only screen and (max-width: 568px) {
        .pantry-staples__headline p {
          font-size: 1rem; } }
  .pantry-staples__list {
    margin-left: 8.4745762712%;
    width: 49.1525423729%;
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 568px) {
      .pantry-staples__list {
        margin-left: 0%;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: right;
        margin-right: 0;
        float: none; } }
    .pantry-staples__list ul {
      margin: 0;
      list-style: none; }
      @media only screen and (max-width: 568px) {
        .pantry-staples__list ul {
          margin-top: 1.25rem; } }
      .pantry-staples__list ul li {
        font-size: 1rem;
        margin: 0.9375rem 0 0.9375rem 0.3125rem;
        color: #8f959e;
        list-style-type: none;
        position: relative;
        padding-left: 0.875rem; }
        @media only screen and (max-width: 568px) {
          .pantry-staples__list ul li {
            font-size: 0.875rem;
            margin: 0.5rem 0 0.5rem 0.25rem;
            padding-left: 0.75rem; } }
        .pantry-staples__list ul li:before {
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          content: "\f45c";
          color: #99ca3c;
          width: 12px;
          height: 12px;
          font-size: 4px;
          position: absolute;
          top: 12px;
          left: 0; }
          @media only screen and (max-width: 568px) {
            .pantry-staples__list ul li:before {
              top: 8px; } }

/***********************************************************************************/
/* Customizations */
/***********************************************************************************/
.recipe-popup--long {
  overflow: scroll;
  height: 100%;
  background-color: transparent;
  	/*.recipe-popup__row {
  		//height: 100%;
  	}
  
  	.recipe-poup__actions {
  		display: flex;
  		flex-flow: row nowrap;
  		align-items: center;
  	}*/ }
  .recipe-popup--long a.js-recipe-pop-close {
    position: absolute;
    top: 15px;
    right: 15px; }
  .recipe-popup--long .recipe-popup__content {
    background-color: #FFFFFF; }

/***********************************************************************************/
/* Popup Background Images */
/***********************************************************************************/
#camp-sweedish-meatballs .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/swedish-meatballs-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-sweedish-meatballs .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/swedish-meatballs-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-sweedish-meatballs .recipe-popup__image {
      background-size: 0 0; } }

#camp-3-cheese-pasta .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/cheese-pasta-bake-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-3-cheese-pasta .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/cheese-pasta-bake-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-3-cheese-pasta .recipe-popup__image {
      background-size: 0 0; } }

#camp-easy-enchilada .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/easy-chicken-enchilada-skillet-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-easy-enchilada .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/easy-chicken-enchilada-skillet-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-easy-enchilada .recipe-popup__image {
      background-size: 0 0; } }

#camp-white-chicken-chili .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/white-chicken-chili-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-white-chicken-chili .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/white-chicken-chili-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-white-chicken-chili .recipe-popup__image {
      background-size: 0 0; } }

#camp-shepherds-pie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/shepards-pie-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-shepherds-pie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/shepards-pie-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-shepherds-pie .recipe-popup__image {
      background-size: 0 0; } }

#camp-15-chicken-rice .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/15-minute-chicken-rice-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-15-chicken-rice .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/15-minute-chicken-rice-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-15-chicken-rice .recipe-popup__image {
      background-size: 0 0; } }

#camp-pot-pie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/easy-chicken-pot-pie-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-pot-pie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/easy-chicken-pot-pie-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-pot-pie .recipe-popup__image {
      background-size: 0 0; } }

#camp-pesto-chicken .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/creamy-pesto-chicken-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-pesto-chicken .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/creamy-pesto-chicken-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-pesto-chicken .recipe-popup__image {
      background-size: 0 0; } }

#camp-italian-chicken .recipe-popup__image {
  background-image: url("/img/style-guide/partners/campbells/recipes/italian-chicken-skillet-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #camp-italian-chicken .recipe-popup__image {
      background-image: url("/img/style-guide/partners/campbells/recipes/italian-chicken-skillet-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #camp-italian-chicken .recipe-popup__image {
      background-size: 0 0; } }

#whipped-feta .recipe-popup__image {
  background-image: url("/img/style-guide/partners/treasury-wine/recipes/whipped-feta-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #whipped-feta .recipe-popup__image {
      background-image: url("/img/style-guide/partners/treasury-wine/recipes/whipped-feta-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #whipped-feta .recipe-popup__image {
      background-size: 0 0; } }

#garlic-butter-steak-skewers .recipe-popup__image {
  background-image: url("/img/style-guide/partners/treasury-wine/recipes/garlic-butter-steak-bites-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #garlic-butter-steak-skewers .recipe-popup__image {
      background-image: url("/img/style-guide/partners/treasury-wine/recipes/garlic-butter-steak-bites-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #garlic-butter-steak-skewers .recipe-popup__image {
      background-size: 0 0; } }

#parmesan-truffle-chips .recipe-popup__image {
  background-image: url("/img/style-guide/partners/treasury-wine/recipes/parmesan-truffle-chips-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #parmesan-truffle-chips .recipe-popup__image {
      background-image: url("/img/style-guide/partners/treasury-wine/recipes/parmesan-truffle-chips-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #parmesan-truffle-chips .recipe-popup__image {
      background-size: 0 0; } }

#smoked-salmon-cakes .recipe-popup__image {
  background-image: url("/img/style-guide/partners/treasury-wine/recipes/smoked-salmon-cakes-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #smoked-salmon-cakes .recipe-popup__image {
      background-image: url("/img/style-guide/partners/treasury-wine/recipes/smoked-salmon-cakes-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #smoked-salmon-cakes .recipe-popup__image {
      background-size: 0 0; } }

#toffee-brownie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/treasury-wine/recipes/toffee-brownie-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #toffee-brownie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/treasury-wine/recipes/toffee-brownie-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #toffee-brownie .recipe-popup__image {
      background-size: 0 0; } }

#five-ingred-chicken .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/chicken-rice-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #five-ingred-chicken .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/chicken-rice-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #five-ingred-chicken .recipe-popup__image {
      background-size: 0 0; } }

#beef-vegetable-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/beef-vegetable-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #beef-vegetable-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/beef-vegetable-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #beef-vegetable-soup .recipe-popup__image {
      background-size: 0 0; } }

#italian-chicken-noodle .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/italian-style-chicken-noodle-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #italian-chicken-noodle .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/italian-style-chicken-noodle-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #italian-chicken-noodle .recipe-popup__image {
      background-size: 0 0; } }

#simmered-italian-rice .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/simmered-italian-rice-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #simmered-italian-rice .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/simmered-italian-rice-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #simmered-italian-rice .recipe-popup__image {
      background-size: 0 0; } }

#roasted-chicken-vegetables .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/pan-sauteed-chicken-with-vegetables-herbs-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #roasted-chicken-vegetables .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/pan-sauteed-chicken-with-vegetables-herbs-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #roasted-chicken-vegetables .recipe-popup__image {
      background-size: 0 0; } }

#rosemary-chicken-veggies .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/rosemary-chicken-and-roasted-vegetables-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #rosemary-chicken-veggies .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/rosemary-chicken-and-roasted-vegetables-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #rosemary-chicken-veggies .recipe-popup__image {
      background-size: 0 0; } }

#vegetable-risotto .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/vegetable-risotto-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #vegetable-risotto .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/vegetable-risotto-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #vegetable-risotto .recipe-popup__image {
      background-size: 0 0; } }

#hearty-beef-stew .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/hearty-beef-stew-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #hearty-beef-stew .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/hearty-beef-stew-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #hearty-beef-stew .recipe-popup__image {
      background-size: 0 0; } }

#mexican-tortilla-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson/recipes/mexican-tortilla-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #mexican-tortilla-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson/recipes/mexican-tortilla-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #mexican-tortilla-soup .recipe-popup__image {
      background-size: 0 0; } }

#herb-roasted-turkey .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/herb-roasted-turkey-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #herb-roasted-turkey .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/herb-roasted-turkey-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #herb-roasted-turkey .recipe-popup__image {
      background-size: 0 0; } }

#fifteen-minute-no-cook-cobb-salad .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/15-minute-no-cook-cobb-salad-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #fifteen-minute-no-cook-cobb-salad .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/15-minute-no-cook-cobb-salad-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #fifteen-minute-no-cook-cobb-salad .recipe-popup__image {
      background-size: 0 0; } }

#turkey-sliders-green-apple-slaw .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-sliders-green-apple-slaw-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #turkey-sliders-green-apple-slaw .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-sliders-green-apple-slaw-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #turkey-sliders-green-apple-slaw .recipe-popup__image {
      background-size: 0 0; } }

#thanksgiving-leftovers-pizza .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/thanksgiving-leftovers-pizza-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #thanksgiving-leftovers-pizza .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/thanksgiving-leftovers-pizza-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #thanksgiving-leftovers-pizza .recipe-popup__image {
      background-size: 0 0; } }

#turkey-gravy-stuffing-sliders .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-gravy-stuffing-sliders-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #turkey-gravy-stuffing-sliders .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-gravy-stuffing-sliders-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #turkey-gravy-stuffing-sliders .recipe-popup__image {
      background-size: 0 0; } }

#turkey-rice-and-crunch .recipe-popup__image {
  background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-rice-and-crunch-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #turkey-rice-and-crunch .recipe-popup__image {
      background-image: url("/img/style-guide/partners/meiomi/recipes/turkey-rice-and-crunch-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #turkey-rice-and-crunch .recipe-popup__image {
      background-size: 0 0; } }

#salted-caramel-pumpkin-pie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/salted-caramel-pumpkin-pie-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #salted-caramel-pumpkin-pie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/salted-caramel-pumpkin-pie-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #salted-caramel-pumpkin-pie .recipe-popup__image {
      background-size: 0 0; } }

#caramel-apple-pecan-pie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/caramel-apple-pecan-pie-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #caramel-apple-pecan-pie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/caramel-apple-pecan-pie-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #caramel-apple-pecan-pie .recipe-popup__image {
      background-size: 0 0; } }

#chocolate-turtle-pecan-pie .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/chocolate-turtle-pecan-pie-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #chocolate-turtle-pecan-pie .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/chocolate-turtle-pecan-pie-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #chocolate-turtle-pecan-pie .recipe-popup__image {
      background-size: 0 0; } }

#apple-upside-down-cake .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/apple-upside-down-cake-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #apple-upside-down-cake .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/apple-upside-down-cake-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #apple-upside-down-cake .recipe-popup__image {
      background-size: 0 0; } }

#pumpkin-bread-with-cream-cheese .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/pumpkin-bread-with-cream-cheese-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #pumpkin-bread-with-cream-cheese .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/pumpkin-bread-with-cream-cheese-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #pumpkin-bread-with-cream-cheese .recipe-popup__image {
      background-size: 0 0; } }

#pistachio-honey-cake .recipe-popup__image {
  background-image: url("/img/style-guide/partners/ruffino/recipes/pistachio-honey-cake-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #pistachio-honey-cake .recipe-popup__image {
      background-image: url("/img/style-guide/partners/ruffino/recipes/pistachio-honey-cake-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #pistachio-honey-cake .recipe-popup__image {
      background-size: 0 0; } }

#slow-cooker-stuffing .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/slow-cooker-stuffing-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #slow-cooker-stuffing .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/slow-cooker-stuffing-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #slow-cooker-stuffing .recipe-popup__image {
      background-size: 0 0; } }

#moist-savory-stuff .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/moist-savory-stuff-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #moist-savory-stuff .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/moist-savory-stuff-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #moist-savory-stuff .recipe-popup__image {
      background-size: 0 0; } }

#ultra-creamy-mashed .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/ultra-creamy-mashed-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #ultra-creamy-mashed .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/ultra-creamy-mashed-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #ultra-creamy-mashed .recipe-popup__image {
      background-size: 0 0; } }

#loaded-potato-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/loaded-potato-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #loaded-potato-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/loaded-potato-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #loaded-potato-soup .recipe-popup__image {
      background-size: 0 0; } }

#cauliflower-gruyer .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/cauliflower-gruyer-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #cauliflower-gruyer .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/cauliflower-gruyer-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #cauliflower-gruyer .recipe-popup__image {
      background-size: 0 0; } }

#cheesy-fajita-potato .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-holidays/recipes/cheesy-fajita-potato-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #cheesy-fajita-potato .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-holidays/recipes/cheesy-fajita-potato-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #cheesy-fajita-potato .recipe-popup__image {
      background-size: 0 0; } }

#red-snapper .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/red-snapper-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #red-snapper .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/red-snapper-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #red-snapper .recipe-popup__image {
      background-size: 0 0; } }

#roasted-tomato-and-leek-spaghetti .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/roasted-tomato-and-leek-spaghetti-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #roasted-tomato-and-leek-spaghetti .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/roasted-tomato-and-leek-spaghetti-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #roasted-tomato-and-leek-spaghetti .recipe-popup__image {
      background-size: 0 0; } }

#citrus-tapende .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/citrus-tapende-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #citrus-tapende .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/citrus-tapende-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #citrus-tapende .recipe-popup__image {
      background-size: 0 0; } }

#herb-arugula-salad .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/herb-arugula-salad-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #herb-arugula-salad .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/herb-arugula-salad-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #herb-arugula-salad .recipe-popup__image {
      background-size: 0 0; } }

#roasted-butternut-squash .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/roasted-butternut-squash-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #roasted-butternut-squash .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/roasted-butternut-squash-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #roasted-butternut-squash .recipe-popup__image {
      background-size: 0 0; } }

#dark-chocolate-semifreddo .recipe-popup__image {
  background-image: url("/img/style-guide/partners/barilla/recipes/dark-chocolate-semifreddo-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #dark-chocolate-semifreddo .recipe-popup__image {
      background-image: url("/img/style-guide/partners/barilla/recipes/dark-chocolate-semifreddo-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #dark-chocolate-semifreddo .recipe-popup__image {
      background-size: 0 0; } }

#simple-guacamole .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/simple-guacamole-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #simple-guacamole .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/simple-guacamole-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #simple-guacamole .recipe-popup__image {
      background-size: 0 0; } }

#tomatillo-salsa .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/tomatillo-salsa-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #tomatillo-salsa .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/tomatillo-salsa-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #tomatillo-salsa .recipe-popup__image {
      background-size: 0 0; } }

#the-best-red-salsa .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/the-best-red-salsa-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #the-best-red-salsa .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/the-best-red-salsa-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #the-best-red-salsa .recipe-popup__image {
      background-size: 0 0; } }

#skillet-mexican-corn .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/skillet-mexican-corn-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #skillet-mexican-corn .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/skillet-mexican-corn-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #skillet-mexican-corn .recipe-popup__image {
      background-size: 0 0; } }

#superior-queso-dip .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/superior-queso-dip-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #superior-queso-dip .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/superior-queso-dip-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #superior-queso-dip .recipe-popup__image {
      background-size: 0 0; } }

#tamales-modelo .recipe-popup__image {
  background-image: url("/img/style-guide/partners/modelo/recipes/tamales-modelo-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #tamales-modelo .recipe-popup__image {
      background-image: url("/img/style-guide/partners/modelo/recipes/tamales-modelo-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #tamales-modelo .recipe-popup__image {
      background-size: 0 0; } }

#tres-leches-cake .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/tres-leches-cake-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #tres-leches-cake .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/tres-leches-cake-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #tres-leches-cake .recipe-popup__image {
      background-size: 0 0; } }

#sopapillas-with-honey .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/sopapillas-with-honey-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #sopapillas-with-honey .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/sopapillas-with-honey-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #sopapillas-with-honey .recipe-popup__image {
      background-size: 0 0; } }

#skillet-apple-cobbler .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/skillet-apple-cobbler-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #skillet-apple-cobbler .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/skillet-apple-cobbler-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #skillet-apple-cobbler .recipe-popup__image {
      background-size: 0 0; } }

#rum-raisin-bread-pudding .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/rum-raisin-bread-pudding-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #rum-raisin-bread-pudding .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/rum-raisin-bread-pudding-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #rum-raisin-bread-pudding .recipe-popup__image {
      background-size: 0 0; } }

#skillet-cookie-caramel-ice-cream .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/skillet-cookie-caramel-ice-cream-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #skillet-cookie-caramel-ice-cream .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/skillet-cookie-caramel-ice-cream-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #skillet-cookie-caramel-ice-cream .recipe-popup__image {
      background-size: 0 0; } }

#corona-seltzer-flan-with-garnish .recipe-popup__image {
  background-image: url("/img/style-guide/partners/corona/recipes/corona-seltzer-flan-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #corona-seltzer-flan-with-garnish .recipe-popup__image {
      background-image: url("/img/style-guide/partners/corona/recipes/corona-seltzer-flan-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #corona-seltzer-flan-with-garnish .recipe-popup__image {
      background-size: 0 0; } }

#sensational-chicken-noodle-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/sensational-chicken-noodle-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #sensational-chicken-noodle-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/sensational-chicken-noodle-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #sensational-chicken-noodle-soup .recipe-popup__image {
      background-size: 0 0; } }

#creamy-chicken-and-wild-rice-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/creamy-chicken-and-wild-rice-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #creamy-chicken-and-wild-rice-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/creamy-chicken-and-wild-rice-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #creamy-chicken-and-wild-rice-soup .recipe-popup__image {
      background-size: 0 0; } }

#mexican-tortilla-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/mexican-tortilla-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #mexican-tortilla-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/mexican-tortilla-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #mexican-tortilla-soup .recipe-popup__image {
      background-size: 0 0; } }

#beef-vegetable-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/beef-vegetable-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #beef-vegetable-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/beef-vegetable-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #beef-vegetable-soup .recipe-popup__image {
      background-size: 0 0; } }

#creamy-potato-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/creamy-potato-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #creamy-potato-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/creamy-potato-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #creamy-potato-soup .recipe-popup__image {
      background-size: 0 0; } }

#italian-wedding-soup .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/italian-wedding-soup-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #italian-wedding-soup .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/italian-wedding-soup-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #italian-wedding-soup .recipe-popup__image {
      background-size: 0 0; } }

#spanish-style-chicken-vegetable-soup-chickpeas .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/spanish-style-chicken-vegetable-soup-chickpeas-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #spanish-style-chicken-vegetable-soup-chickpeas .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/spanish-style-chicken-vegetable-soup-chickpeas-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #spanish-style-chicken-vegetable-soup-chickpeas .recipe-popup__image {
      background-size: 0 0; } }

#zucchini-noodle-ramen .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/zucchini-noodle-ramen-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #zucchini-noodle-ramen .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/zucchini-noodle-ramen-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #zucchini-noodle-ramen .recipe-popup__image {
      background-size: 0 0; } }

#heirloom-tomato-soup-with-basil-pesto .recipe-popup__image {
  background-image: url("/img/style-guide/partners/swanson-new-year/recipes/heirloom-tomato-soup-with-basil-pesto-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #heirloom-tomato-soup-with-basil-pesto .recipe-popup__image {
      background-image: url("/img/style-guide/partners/swanson-new-year/recipes/heirloom-tomato-soup-with-basil-pesto-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #heirloom-tomato-soup-with-basil-pesto .recipe-popup__image {
      background-size: 0 0; } }

#hanger-steak-and-eggs-with-potato-hash .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/hanger-steak-and-eggs-with-potato-hash-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #hanger-steak-and-eggs-with-potato-hash .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/hanger-steak-and-eggs-with-potato-hash-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #hanger-steak-and-eggs-with-potato-hash .recipe-popup__image {
      background-size: 0 0; } }

#prosciutto-egg-and-cheese-croissant .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/prosciutto-egg-and-cheese-croissant-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #prosciutto-egg-and-cheese-croissant .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/prosciutto-egg-and-cheese-croissant-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #prosciutto-egg-and-cheese-croissant .recipe-popup__image {
      background-size: 0 0; } }

#country-crepes-with-strawberry-preserve .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/country-crepes-with-strawberry-preserve-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #country-crepes-with-strawberry-preserve .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/country-crepes-with-strawberry-preserve-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #country-crepes-with-strawberry-preserve .recipe-popup__image {
      background-size: 0 0; } }

#fresh-fruit-and-yogurt-parfait .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/fresh-fruit-and-yogurt-parfait-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #fresh-fruit-and-yogurt-parfait .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/fresh-fruit-and-yogurt-parfait-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #fresh-fruit-and-yogurt-parfait .recipe-popup__image {
      background-size: 0 0; } }

#poached-egg-bacon-and-crouton-fris-e-salad .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/poached-egg-bacon-and-crouton-fris-e-salad-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #poached-egg-bacon-and-crouton-fris-e-salad .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/poached-egg-bacon-and-crouton-fris-e-salad-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #poached-egg-bacon-and-crouton-fris-e-salad .recipe-popup__image {
      background-size: 0 0; } }

#french-76 .recipe-popup__image {
  background-image: url("/img/style-guide/occasions/french-open/recipes/french-76-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #french-76 .recipe-popup__image {
      background-image: url("/img/style-guide/occasions/french-open/recipes/french-76-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #french-76 .recipe-popup__image {
      background-size: 0 0; } }

#el-jimador-fresh-margarita .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/el-jimador-fresh-margarita-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #el-jimador-fresh-margarita .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/el-jimador-fresh-margarita-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #el-jimador-fresh-margarita .recipe-popup__image {
      background-size: 0 0; } }

#grilled-chicken-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/grilled-chicken-tacos-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #grilled-chicken-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/grilled-chicken-tacos-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #grilled-chicken-tacos .recipe-popup__image {
      background-size: 0 0; } }

#herradurapinapicante .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradurapinapicante-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #herradurapinapicante .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradurapinapicante-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #herradurapinapicante .recipe-popup__image {
      background-size: 0 0; } }

#blackened-fish-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/blackened-fish-tacos-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #blackened-fish-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/blackened-fish-tacos-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #blackened-fish-tacos .recipe-popup__image {
      background-size: 0 0; } }

#chambord-black-raspberry-margarita .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/chambord-black-raspberry-margarita-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #chambord-black-raspberry-margarita .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/chambord-black-raspberry-margarita-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #chambord-black-raspberry-margarita .recipe-popup__image {
      background-size: 0 0; } }

#flank-steak-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/flank-steak-tacos-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #flank-steak-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/flank-steak-tacos-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #flank-steak-tacos .recipe-popup__image {
      background-size: 0 0; } }

#herradura-watermelon .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradura-watermelon-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #herradura-watermelon .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradura-watermelon-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #herradura-watermelon .recipe-popup__image {
      background-size: 0 0; } }

#smoky-pork-tacos-jalapeno-lime-slaw .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/smoky-pork-tacos-jalapeno-lime-slaw-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #smoky-pork-tacos-jalapeno-lime-slaw .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/smoky-pork-tacos-jalapeno-lime-slaw-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #smoky-pork-tacos-jalapeno-lime-slaw .recipe-popup__image {
      background-size: 0 0; } }

#el-jimador-fresh-paloma .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/el-jimador-fresh-paloma-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #el-jimador-fresh-paloma .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/el-jimador-fresh-paloma-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #el-jimador-fresh-paloma .recipe-popup__image {
      background-size: 0 0; } }

#mexican-street-corn-shrimp-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/mexican-street-corn-shrimp-tacos-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #mexican-street-corn-shrimp-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/mexican-street-corn-shrimp-tacos-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #mexican-street-corn-shrimp-tacos .recipe-popup__image {
      background-size: 0 0; } }

#herradura-peachbasil .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradura-peachbasil-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #herradura-peachbasil .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/herradura-peachbasil-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #herradura-peachbasil .recipe-popup__image {
      background-size: 0 0; } }

#bacon-ranch-chicken-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/bacon-ranch-chicken-tacos-ipad-popup.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #bacon-ranch-chicken-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/tacos-and-tequila/recipes/tablet/bacon-ranch-chicken-tacos-ipad-popup@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #bacon-ranch-chicken-tacos .recipe-popup__image {
      background-size: 0 0; } }

#the-king-classic-caesar-salad .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/the-king-classic-caesar-salad-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #the-king-classic-caesar-salad .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/the-king-classic-caesar-salad-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #the-king-classic-caesar-salad .recipe-popup__image {
      background-size: 0 0; } }

#spaghetti-de-la-hood .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/spaghetti-de-la-hood-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #spaghetti-de-la-hood .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/spaghetti-de-la-hood-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #spaghetti-de-la-hood .recipe-popup__image {
      background-size: 0 0; } }

#yardie-yardbird .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/yardie-yardbird-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #yardie-yardbird .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/yardie-yardbird-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #yardie-yardbird .recipe-popup__image {
      background-size: 0 0; } }

#og-chicken-waffles .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/og-chicken-waffles-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #og-chicken-waffles .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/og-chicken-waffles-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #og-chicken-waffles .recipe-popup__image {
      background-size: 0 0; } }

#orange-chicken-white-rice .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/orange-chicken-white-rice-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #orange-chicken-white-rice .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/orange-chicken-white-rice-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #orange-chicken-white-rice .recipe-popup__image {
      background-size: 0 0; } }

#tha-soft-thouch-tacos .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/tha-soft-thouch-tacos-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #tha-soft-thouch-tacos .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/tha-soft-thouch-tacos-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #tha-soft-thouch-tacos .recipe-popup__image {
      background-size: 0 0; } }

#baby-got-back-ribs .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/baby-got-back-ribs-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #baby-got-back-ribs .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/baby-got-back-ribs-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #baby-got-back-ribs .recipe-popup__image {
      background-size: 0 0; } }

#rolls-royce-pb-chocolate-chip-cookies .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/rolls-royce-pb-chocolate-chip-cookies-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #rolls-royce-pb-chocolate-chip-cookies .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/rolls-royce-pb-chocolate-chip-cookies-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #rolls-royce-pb-chocolate-chip-cookies .recipe-popup__image {
      background-size: 0 0; } }

#bow-wow-brownies-ice-cream .recipe-popup__image {
  background-image: url("/img/style-guide/collections/crooktocook/recipes/bow-wow-brownies-ice-cream-vertical.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #bow-wow-brownies-ice-cream .recipe-popup__image {
      background-image: url("/img/style-guide/collections/crooktocook/recipes/bow-wow-brownies-ice-cream-vertical@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    #bow-wow-brownies-ice-cream .recipe-popup__image {
      background-size: 0 0; } }

/***********************************************************************************/
/* Ingredient Capture Header Customizations */
/***********************************************************************************/
@media only screen and (max-width: 568px) {
  .masthead-recipe-capture .logo {
    max-width: 140px; } }
.masthead-recipe-capture .nav-buttons {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .masthead-recipe-capture .nav-buttons {
      display: none; } }
.masthead-recipe-capture .trial-nav {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .masthead-recipe-capture .trial-nav {
      display: block; } }
  .masthead-recipe-capture .trial-nav a.text-trial {
    color: #303c4b;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: normal;
    margin-right: 1.25rem;
    text-decoration: none; }
    .masthead-recipe-capture .trial-nav a.text-trial:hover {
      color: #ff9600; }
    @media only screen and (max-width: 667px) {
      .masthead-recipe-capture .trial-nav a.text-trial {
        display: none; } }
  .masthead-recipe-capture .trial-nav a.btn--walmart-cart-header span.icon-cart {
    margin-right: 10px; }
  @media only screen and (max-width: 568px) {
    .masthead-recipe-capture .trial-nav a.btn--walmart-cart-header {
      font-size: 0.875rem;
      padding: 0.5rem 1.5625rem;
      position: relative;
      top: -2px; } }
  @media only screen and (max-width: 375px) {
    .masthead-recipe-capture .trial-nav a.btn--walmart-cart-header {
      padding-left: 0.875rem;
      padding-right: 0.875rem; } }
  @media only screen and (max-width: 320px) {
    .masthead-recipe-capture .trial-nav a.btn--walmart-cart-header {
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
      .masthead-recipe-capture .trial-nav a.btn--walmart-cart-header span {
        display: none; } }

@media only screen and (max-width: 568px) {
  .body-recipe-capture .main-content {
    padding-top: 3.375rem; } }

/***********************************************************************************/
/* Campbells Recipe Email Capture Page - Silverman 09/15/2020 */
/***********************************************************************************/
.email-capture {
  padding-bottom: 3.4375rem; }
  @media only screen and (max-width: 568px) {
    .email-capture {
      padding-bottom: 1.5625rem; } }
  .email-capture .email-capture-color-wrap {
    background-color: #edf0f3;
    padding-top: 3.75rem;
    padding-bottom: 19.6875rem; }
    @media only screen and (max-width: 835px) {
      .email-capture .email-capture-color-wrap {
        padding-bottom: 15rem; } }
    @media only screen and (max-width: 568px) {
      .email-capture .email-capture-color-wrap {
        padding-top: 1.875rem;
        padding-bottom: 8.125rem; } }
  .email-capture__head {
    text-align: center; }
    .email-capture__head h1 {
      font-size: 2.5rem;
      line-height: 1.3;
      font-weight: 500;
      max-width: 752px;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 568px) {
        .email-capture__head h1 {
          font-size: 1.25rem;
          line-height: 1.6;
          max-width: 375px; } }
    .email-capture__head p {
      color: #838288;
      font-size: 1.125rem;
      font-weight: 500;
      line-height: normal; }
      @media only screen and (max-width: 568px) {
        .email-capture__head p {
          font-size: 1rem;
          line-height: normal;
          margin-top: 0.625rem;
          margin-bottom: 0.5rem; } }
  .email-capture__form {
    text-align: center;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto; }
    .email-capture__form input#email_addy {
      border-color: #d1d1d1; }
      @media only screen and (max-width: 568px) {
        .email-capture__form input#email_addy {
          font-size: 1rem;
          padding: 0.875rem 1.25rem; } }
      .email-capture__form input#email_addy:focus {
        border-color: #99ca3c; }
      .email-capture__form input#email_addy.error {
        border-color: #b92222;
        color: #b92222; }
    .email-capture__form input.error::-webkit-input-placeholder {
      color: #b92222; }
    .email-capture__form input.error::-moz-placeholder {
      color: #b92222; }
    .email-capture__form input.error:-ms-input-placeholder {
      color: #b92222; }
    .email-capture__form input.error::placeholder {
      color: #b92222; }
    .email-capture__form input.error:-ms-input-placeholder {
      color: #b92222; }
    .email-capture__form input.error::-ms-input-placeholder {
      color: #b92222; }
    .email-capture__form a.btn--walmart-cart {
      margin-top: 1.25rem;
      width: 100%;
      display: block;
      font-size: 1rem;
      text-transform: uppercase; }
      @media only screen and (max-width: 568px) {
        .email-capture__form a.btn--walmart-cart {
          margin-top: 0.625rem; } }
  .email-capture p.email-capture__recipe-link {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500; }
    .email-capture p.email-capture__recipe-link a {
      color: #838288;
      text-decoration: underline; }
      .email-capture p.email-capture__recipe-link a:hover {
        color: #ff9600; }
  .email-capture__image {
    margin-top: -315px;
    text-align: center; }
    @media only screen and (max-width: 835px) {
      .email-capture__image {
        margin-top: -240px; } }
    @media only screen and (max-width: 568px) {
      .email-capture__image {
        margin-top: -130px; } }
    .email-capture__image img {
      display: block;
      margin: auto; }
  .email-capture__terms-row {
    text-align: center;
    color: #838288;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.5rem; }
    @media only screen and (max-width: 835px) {
      .email-capture__terms-row {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        margin-top: 1.875rem; } }
    .email-capture__terms-row div:first-child {
      margin-right: 0.625rem; }
      @media only screen and (max-width: 835px) {
        .email-capture__terms-row div:first-child {
          margin-right: 0; } }
    .email-capture__terms-row div:last-child {
      margin-left: 0.625rem; }
      @media only screen and (max-width: 835px) {
        .email-capture__terms-row div:last-child {
          margin-left: 0; } }
    .email-capture__terms-row p {
      font-size: 0.625rem;
      margin: 0; }
    .email-capture__terms-row a {
      color: #838288; }
      .email-capture__terms-row a:hover {
        color: #ff9600; }

/***********************************************************************************/
/* Collections & Occasions */
/***********************************************************************************/
.occasions-index {
  padding: 0; }

.occasions-top {
  margin: 0 0 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .occasions-top {
      margin-bottom: 1.875rem; } }
  .occasions-top__head h1 {
    font-weight: 500;
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 835px) {
      .occasions-top__head h1 {
        text-align: center; } }
    @media only screen and (max-width: 568px) {
      .occasions-top__head h1 {
        margin-bottom: 1.875rem; } }
  .occasions-top figure img {
    display: block; }
  .occasions-top p:first-child {
    margin-top: 2.5rem; }
  .occasions-top p:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 835px) {
    .occasions-top p {
      text-align: center; } }

.occasions-skip {
  background-color: #F8F8F8;
  padding: 3.75rem 0 2.8125rem 0; }
  @media only screen and (max-width: 568px) {
    .occasions-skip {
      padding: 1.875rem 0 1.125rem 0; } }
  .occasions-skip__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .occasions-skip__summary {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 835px) {
      .occasions-skip__summary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        margin-bottom: 1.875rem; } }
    @media only screen and (max-width: 568px) {
      .occasions-skip__summary {
        margin-bottom: 1.25rem; } }
    .occasions-skip__summary h4, .occasions-skip__summary .member .member-header__head p, .member .member-header__head .occasions-skip__summary p {
      color: #303c4b;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 0.3125rem; }
    .occasions-skip__summary h2.header--h1, .occasions-skip__summary .internal-header h1.header--h1, .internal-header .occasions-skip__summary h1.header--h1, .occasions-skip__summary .press-release h1.header--h1, .press-release .occasions-skip__summary h1.header--h1 {
      font-weight: 500; }
    .occasions-skip__summary p {
      color: #8f959e;
      font-size: 1.125rem;
      line-height: 1.33;
      font-weight: normal;
      max-width: 485px;
      margin-top: 1.25rem;
      margin-bottom: 0; }
      @media only screen and (max-width: 835px) {
        .occasions-skip__summary p {
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
      @media only screen and (max-width: 568px) {
        .occasions-skip__summary p {
          display: none; } }
  .occasions-skip__icons {
    width: 49.1525423729%;
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 835px) {
      .occasions-skip__icons {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none; } }
    .occasions-skip__icons__row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      max-width: 400px;
      margin-left: auto;
      margin-right: -15px; }
      @media only screen and (max-width: 835px) {
        .occasions-skip__icons__row {
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 568px) {
        .occasions-skip__icons__row {
          max-width: 276px; } }
    .occasions-skip__icons__single {
      margin-left: auto;
      text-align: right;
      display: none; }
      @media only screen and (max-width: 835px) {
        .occasions-skip__icons__single {
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          margin-bottom: 0.9375rem; } }
      .occasions-skip__icons__single img {
        display: block; }
        @media only screen and (max-width: 835px) {
          .occasions-skip__icons__single img {
            margin-left: auto;
            margin-right: auto;
            text-align: center; } }

.store-icon-circle {
  -webkit-flex: 0 0 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  margin: 0.9375rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  height: 100px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 100px; }
  @media only screen and (max-width: 568px) {
    .store-icon-circle {
      -webkit-flex: 0 0 72px;
          -ms-flex: 0 0 72px;
              flex: 0 0 72px;
      width: 72px;
      height: 72px;
      border-radius: 72px;
      margin: 0.625rem; } }
  .store-icon-circle img {
    display: block; }
    @media only screen and (max-width: 568px) {
      .store-icon-circle img {
        padding: 0.3125rem; } }

.occasions-plans {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .occasions-plans {
      padding: 1.875rem 0 0 0; } }
  .occasions-plans__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .occasions-plans .occ-single {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.5rem;
    border: 1px solid #ebeef0; }
    @media only screen and (max-width: 568px) {
      .occasions-plans .occ-single {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        margin-bottom: 1.875rem; }
        .occasions-plans .occ-single:last-child {
          margin-bottom: 0; } }
    .occasions-plans .occ-single__image {
      -webkit-flex: 0 1 660px;
          -ms-flex: 0 1 660px;
              flex: 0 1 660px; }
      @media only screen and (max-width: 1024px) {
        .occasions-plans .occ-single__image {
          -webkit-flex: 0 1 550px;
              -ms-flex: 0 1 550px;
                  flex: 0 1 550px; } }
      @media only screen and (max-width: 835px) {
        .occasions-plans .occ-single__image {
          -webkit-flex: 0 1 490px;
              -ms-flex: 0 1 490px;
                  flex: 0 1 490px; } }
      @media only screen and (max-width: 568px) {
        .occasions-plans .occ-single__image {
          -webkit-flex: 1 1 auto;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; } }
      .occasions-plans .occ-single__image img {
        display: block; }
    .occasions-plans .occ-single__content {
      -webkit-flex: 0 1 calc(100% - 660px);
          -ms-flex: 0 1 calc(100% - 660px);
              flex: 0 1 calc(100% - 660px); }
      @media only screen and (max-width: 1024px) {
        .occasions-plans .occ-single__content {
          -webkit-flex: 0 1 calc(100% - 550px);
              -ms-flex: 0 1 calc(100% - 550px);
                  flex: 0 1 calc(100% - 550px); } }
      @media only screen and (max-width: 835px) {
        .occasions-plans .occ-single__content {
          -webkit-flex: 0 1 calc(100% - 490px);
              -ms-flex: 0 1 calc(100% - 490px);
                  flex: 0 1 calc(100% - 490px); } }
      @media only screen and (max-width: 568px) {
        .occasions-plans .occ-single__content {
          -webkit-flex: 1 1 auto;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; } }
      .occasions-plans .occ-single__content__inside {
        padding: 2.5rem; }
        @media only screen and (max-width: 568px) {
          .occasions-plans .occ-single__content__inside {
            padding: 1.25rem 1.25rem 1.875rem 0.875rem; } }
      .occasions-plans .occ-single__content p.tag {
        color: #99ca3c;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
        line-height: 1.25;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0.625rem; }
      .occasions-plans .occ-single__content h2.header--h4, .occasions-plans .occ-single__content .internal-header h1.header--h4, .internal-header .occasions-plans .occ-single__content h1.header--h4, .occasions-plans .occ-single__content .press-release h1.header--h4, .press-release .occasions-plans .occ-single__content h1.header--h4 {
        color: #303c4b;
        font-weight: 500; }
    .occasions-plans .occ-single__button {
      margin-top: 1.875rem; }
      .occasions-plans .occ-single__button a.btn--grey-out {
        padding-left: 2.5rem;
        padding-right: 2.5rem; }
        @media only screen and (max-width: 835px) {
          .occasions-plans .occ-single__button a.btn--grey-out {
            padding-left: 1.75rem;
            padding-right: 1.75rem;
            font-size: 1rem; } }

/***********************************************************************************/
/* New Partner Page - Silverman - 09/07/2021 */
/***********************************************************************************/
.partner-page-wrapper .main-content {
  padding-top: 3.9375rem; }
.partner-page-wrapper .logo img {
  display: block;
  width: 300px;
  height: auto; }
@media only screen and (max-width: 835px) {
  .partner-page-wrapper .masthead .trial-nav {
    display: block; }
  .partner-page-wrapper .nav-buttons {
    display: none; } }
@media only screen and (max-width: 568px) {
  .partner-page-wrapper .masthead .trial-nav a.btn--orange {
    display: none; } }

.partner-notify .container {
  position: relative;
  padding: 1.25rem 0; }
.partner-notify a.partner-notify-close {
  position: absolute;
  top: 8px;
  right: 6px;
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.5rem; }
.partner-notify p {
  font-size: 1rem;
  text-align: center;
  margin: 0; }
.partner-notify--success {
  background-color: #99ca3c;
  color: #FFFFFF; }
.partner-notify--error {
  background-color: #F8F8F8;
  color: #b92222; }
  .partner-notify--error p {
    color: #b92222;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0.75rem; }
  .partner-notify--error ul {
    color: #b92222;
    margin-bottom: 0; }
    .partner-notify--error ul li {
      color: #b92222;
      font-size: 0.875rem;
      padding-left: 0.875rem; }

.hero-partner {
  height: 430px;
  background: url("/img/style-guide/partner/partner-hero.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media only screen and (max-width: 835px) {
    .hero-partner {
      height: 360px; } }
  @media only screen and (max-width: 568px) {
    .hero-partner {
      height: auto;
      padding: 5.625rem 0 2.5rem; } }
  .hero-partner .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .hero-partner__head {
    width: 100%;
    margin: auto; }
    .hero-partner__head h1 {
      font-size: 2.375rem;
      font-weight: 600;
      line-height: 1.42;
      max-width: 676px;
      text-align: center;
      width: 100%;
      margin: auto; }
      @media only screen and (max-width: 568px) {
        .hero-partner__head h1 {
          font-size: 1.9375rem;
          max-width: 390px;
          padding-left: 1.25rem;
          padding-right: 1.25rem; } }
      @media only screen and (max-width: 375px) {
        .hero-partner__head h1 {
          font-size: 1.5rem; } }

.ps-logos {
  padding: 3.75rem 0; }
  .ps-logos .ps-logo-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .ps-logos .ps-logo-group figure {
      -webkit-flex: 1 0 20%;
          -ms-flex: 1 0 20%;
              flex: 1 0 20%;
      text-align: center; }

.ps-logos-v1 {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .ps-logos-v1 {
      padding: 1.875rem 0; } }
  .ps-logos-v1__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .ps-logos-v1__flex figure {
      -webkit-flex: 1 0 20%;
          -ms-flex: 1 0 20%;
              flex: 1 0 20%;
      text-align: center; }
      @media only screen and (max-width: 835px) {
        .ps-logos-v1__flex figure {
          -webkit-flex: 1 0 25%;
              -ms-flex: 1 0 25%;
                  flex: 1 0 25%; } }
      @media only screen and (max-width: 568px) {
        .ps-logos-v1__flex figure {
          -webkit-flex: 1 0 50%;
              -ms-flex: 1 0 50%;
                  flex: 1 0 50%; } }

.how-partner__container {
  	/*@include tablet-portrait {
  		width: 94%;
      	margin-left: auto;
      	margin-right: auto;
  	}*/ }
.how-partner__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .how-partner__flex {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
.how-partner__left {
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  background-color: #99ca3c;
  padding: 5.625rem 8.125rem 1.875rem 8.125rem;
  zoom: 1;
  width: 50%;
  max-width: 50%; }
  .how-partner__left:before, .how-partner__left:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .how-partner__left:after {
    clear: both; }
  @media only screen and (max-width: 1024px) {
    .how-partner__left {
      padding: 4.375rem 0 2.5rem; } }
  @media only screen and (max-width: 835px) {
    .how-partner__left {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      display: block;
      padding: 3.125rem 0 1.25rem;
      width: 100%;
      max-width: 100%; } }
  .how-partner__left__grid {
    max-width: 450px;
    margin: 0 auto;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 835px) {
      .how-partner__left__grid {
        max-width: 85%;
        padding-left: 5.625rem; } }
    @media only screen and (max-width: 568px) {
      .how-partner__left__grid {
        max-width: 94%;
        padding-left: 1.5625rem; } }
    @media only screen and (max-width: 320px) {
      .how-partner__left__grid {
        padding-left: 0; } }
  .how-partner__left__row {
    margin-bottom: 3.75rem;
    zoom: 1; }
    .how-partner__left__row:before, .how-partner__left__row:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .how-partner__left__row:after {
      clear: both; }
    @media only screen and (max-width: 568px) {
      .how-partner__left__row {
        margin-bottom: 1.875rem; } }
  .how-partner__left .how-icon-box {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
    .how-partner__left .how-icon-box:nth-child(2n) {
      float: right;
      margin-right: 0; }
    .how-partner__left .how-icon-box figure {
      min-height: 56px; }
    .how-partner__left .how-icon-box h4, .how-partner__left .how-icon-box .member .member-header__head p, .member .member-header__head .how-partner__left .how-icon-box p {
      font-size: 1.375rem;
      font-weight: 600;
      line-height: 2.3;
      color: #FFFFFF; }
    .how-partner__left .how-icon-box p {
      font-size: 0.9375rem;
      font-weight: normal;
      color: #FFFFFF;
      margin: 0; }
  .how-partner__left .how-icon-box-br br.mobile {
    display: none; }
  @media only screen and (max-width: 568px) {
    .how-partner__left .how-icon-box-br br {
      display: none; }
    .how-partner__left .how-icon-box-br br.br-mobile {
      display: block; } }
.how-partner__right {
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  background-color: #F8F8F8;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 50%;
  -webkit-flex-basis: 1;
      -ms-flex-preferred-size: 1;
          flex-basis: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .how-partner__right:after {
    content: '';
    min-height: inherit;
    font-size: 0; }
  @media only screen and (max-width: 835px) {
    .how-partner__right {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      width: 100%;
      padding: 3.125rem 0 4.375rem; } }
  .how-partner__right__container {
    max-width: 370px;
    margin: auto;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
    @media only screen and (max-width: 835px) {
      .how-partner__right__container {
        max-width: 94%; } }
  .how-partner__right h3, .how-partner__right .members-cta__left__link {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.73;
    margin-bottom: 0.8125rem; }
    @media only screen and (max-width: 375px) {
      .how-partner__right h3, .how-partner__right .members-cta__left__link {
        font-size: 1.5rem; } }
  .how-partner__right p {
    font-size: 1.125rem;
    font-weight: normal;
    margin: 0; }

.g-connect {
  margin: 3.75rem 0; }
  .g-connect__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    position: relative; }
    @media only screen and (max-width: 835px) {
      .g-connect__flex {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
  .g-connect__text {
    max-width: 345px; }
    @media only screen and (max-width: 835px) {
      .g-connect__text {
        width: 100%;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
        text-align: left; } }
    @media only screen and (max-width: 375px) {
      .g-connect__text {
        min-width: 10px; } }
    .g-connect__text h3, .g-connect__text .members-cta__left__link {
      font-size: 1.875rem;
      margin-bottom: 0.8125rem;
      font-weight: 600; }
      @media only screen and (max-width: 375px) {
        .g-connect__text h3, .g-connect__text .members-cta__left__link {
          font-size: 1.5rem; } }
    .g-connect__text p {
      margin: 0; }
  .g-connect__slider {
    margin-left: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 680px; }
    @media only screen and (max-width: 835px) {
      .g-connect__slider {
        width: 100%;
        margin-top: 2.5rem;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .g-connect__slider img {
        margin: auto; } }
  .g-connect .slide-arrow {
    width: 42px;
    height: 42px;
    background-color: #ff9600;
    color: #FFFFFF;
    font-size: 1.25rem;
    display: none; }
    @media only screen and (max-width: 568px) {
      .g-connect .slide-arrow {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    .g-connect .slide-arrow:focus, .g-connect .slide-arrow:hover {
      color: #FFFFFF; }
  .g-connect .g-connect-prev {
    position: absolute;
    top: 50%;
    left: 0; }
  .g-connect .g-connect-next {
    position: absolute;
    top: 50%;
    right: 0; }

.partner-health__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 835px) {
    .partner-health__flex {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
.partner-health__left {
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%; }
  @media only screen and (max-width: 835px) {
    .partner-health__left {
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; } }
  .partner-health__left img {
    display: block;
    width: 100%;
    height: 100%; }
.partner-health__right {
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%; }
  @media only screen and (max-width: 835px) {
    .partner-health__right {
      -webkit-flex: 1 0 100%;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      margin-top: 1.875rem; } }
  .partner-health__right__container {
    max-width: 370px;
    margin: auto; }
    @media only screen and (max-width: 835px) {
      .partner-health__right__container {
        max-width: 680px; } }
    @media only screen and (max-width: 568px) {
      .partner-health__right__container {
        max-width: 94%; } }
  .partner-health__right h3, .partner-health__right .members-cta__left__link {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.73;
    margin-bottom: 0.8125rem; }
    @media only screen and (max-width: 375px) {
      .partner-health__right h3, .partner-health__right .members-cta__left__link {
        font-size: 1.5rem; } }
  .partner-health__right p {
    font-size: 1.125rem;
    font-weight: normal;
    margin: 0; }

.partner-contact {
  background-color: #F8F8F8;
  padding: 5.625rem 0;
  margin-top: 0; }
  @media only screen and (max-width: 835px) {
    .partner-contact {
      margin-top: 3.125rem;
      padding: 2.5rem 0; } }
  .partner-contact__inside {
    background-color: #FFFFFF;
    max-width: 860px;
    margin: 0 auto;
    padding: 2.5rem 4.375rem; }
    @media only screen and (max-width: 568px) {
      .partner-contact__inside {
        padding: 1.25rem 2.1875rem;
        margin-left: 0.9375rem;
        margin-right: 0.9375rem; } }
  .partner-contact__head {
    text-align: center;
    margin-bottom: 1.5625rem; }
    .partner-contact__head h3, .partner-contact__head .members-cta__left__link {
      font-weight: 600;
      font-size: 1.875rem;
      text-align: center;
      margin: 0; }
      @media only screen and (max-width: 375px) {
        .partner-contact__head h3, .partner-contact__head .members-cta__left__link {
          font-size: 1.5rem; } }
  @media only screen and (max-width: 568px) {
    .partner-contact .form-row--split {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; } }
  .partner-contact .form-row--split input {
    margin-bottom: 1.1875rem; }
  .partner-contact .form-row--split input:nth-child(1) {
    margin-right: 0.5rem; }
    @media only screen and (max-width: 568px) {
      .partner-contact .form-row--split input:nth-child(1) {
        margin-right: auto;
        margin-left: auto; } }
  .partner-contact .form-row--split input:nth-child(2) {
    margin-left: 0.5rem; }
    @media only screen and (max-width: 568px) {
      .partner-contact .form-row--split input:nth-child(2) {
        margin-right: auto;
        margin-left: auto; } }
  .partner-contact select {
    color: #838288; }
    .partner-contact select.input-error {
      border-color: #b92222; }
  .partner-contact .submit-row {
    margin-top: 1.875rem;
    text-align: center; }
    .partner-contact .submit-row input[type="submit"] {
      font-size: 0.9375rem;
      padding: 0.625rem 1.125rem;
      min-width: 132px; }

/***********************************************************************************/
/* Tertiary Offer Page Design */
/***********************************************************************************/
section.tertiary-offer {
  margin: 0 auto;
  width: 62.875rem; }
  section.tertiary-offer .info-container {
    margin-top: 6.125rem;
    overflow: hidden;
    padding: 0.625rem; }
    section.tertiary-offer .info-container .left-side {
      float: left;
      padding-right: 3.9375rem;
      width: 51%; }
      section.tertiary-offer .info-container .left-side .page-title {
        font-size: 2.5rem;
        line-height: normal; }
      section.tertiary-offer .info-container .left-side .v-separator {
        background: #99ca3c;
        border-radius: 2.5px;
        height: 0.3125rem;
        margin: 2.1875rem 0;
        width: 5.5rem; }
      section.tertiary-offer .info-container .left-side p {
        line-height: normal;
        margin: 0;
        margin-bottom: 0.25rem; }
      section.tertiary-offer .info-container .left-side ul {
        margin: 0;
        margin-left: 1.25rem; }
        section.tertiary-offer .info-container .left-side ul li {
          list-style-type: none;
          padding: 0.125rem 0; }
        section.tertiary-offer .info-container .left-side ul li:before {
          content: '\f058';
          color: #8f959e;
          font-family: 'Font Awesome 5 Free';
          font-size: 1.5rem;
          font-weight: bold;
          position: relative;
          right: 0.5rem;
          top: 0.1875rem; }
      section.tertiary-offer .info-container .left-side .mobile-subscription-completion-header {
        display: none; }
      section.tertiary-offer .info-container .left-side .mobile-btn {
        display: none; }
      section.tertiary-offer .info-container .left-side .mobile-link {
        display: none; }
    section.tertiary-offer .info-container .right-side {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      float: right;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 49%; }
      section.tertiary-offer .info-container .right-side article.product-item {
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        height: auto;
        margin-bottom: 0.875rem;
        overflow: hidden;
        width: 48.5%; }
        section.tertiary-offer .info-container .right-side article.product-item img {
          display: block;
          height: 8.125rem;
          object-fit: cover;
          width: 100%; }
        section.tertiary-offer .info-container .right-side article.product-item h6.product-item-title {
          color: #303c4b;
          font-size: 0.9375rem;
          font-weight: 600;
          overflow: hidden;
          padding: 0.4375rem 0.75rem;
          text-overflow: ellipsis;
          white-space: nowrap; }
  section.tertiary-offer .subscription-completion-header {
    font-size: 1.625rem;
    line-height: normal;
    margin-bottom: 1.25rem;
    margin-top: 3.1875rem;
    text-align: center; }
  section.tertiary-offer .btn {
    display: block;
    margin: 0 auto;
    padding: 0.875rem 1.9375rem; }
  section.tertiary-offer .btn:disabled {
    opacity: 0.5; }
  section.tertiary-offer a.reject-link {
    color: #8f959e;
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 2.1875rem;
    margin-top: 1.5rem;
    text-align: center;
    text-decoration: underline; }
  @media only screen and (max-width: 1320px) {
    section.tertiary-offer {
      width: 83%; }
      section.tertiary-offer .info-container .left-side {
        float: none;
        padding: 0;
        width: 100%; }
        section.tertiary-offer .info-container .left-side .page-title {
          font-size: 2rem;
          text-align: center; }
        section.tertiary-offer .info-container .left-side .v-separator {
          display: none; }
        section.tertiary-offer .info-container .left-side p {
          font-size: 0.875rem;
          line-height: 1.29;
          margin-bottom: 1.5rem;
          margin-top: 1.375rem;
          text-align: center; }
        section.tertiary-offer .info-container .left-side ul {
          margin-bottom: 1.3125rem;
          margin-left: 0.3125rem; }
          section.tertiary-offer .info-container .left-side ul li {
            padding-left: 0.3125rem; }
          section.tertiary-offer .info-container .left-side ul li:before {
            font-size: 1.1875rem; }
        section.tertiary-offer .info-container .left-side .mobile-subscription-completion-header {
          display: block;
          font-size: 1.125rem;
          font-weight: 500;
          text-align: center; }
        section.tertiary-offer .info-container .left-side .mobile-btn {
          display: block;
          font-size: 1.125rem;
          margin: 0 auto;
          margin-bottom: 1.625rem;
          margin-top: 1.25rem; }
        section.tertiary-offer .info-container .left-side .mobile-link {
          display: block;
          font-size: 0.875rem;
          margin-bottom: 1.5625rem;
          margin-top: 0.375rem; }
      section.tertiary-offer .info-container .right-side {
        float: none;
        width: 100%; }
      section.tertiary-offer .subscription-completion-header {
        display: none; }
      section.tertiary-offer .btn {
        display: none; }
      section.tertiary-offer a.reject-link {
        display: none; } }
  @media only screen and (max-width: 1320px) and (max-width: 568px) {
    section.tertiary-offer .info-container {
      margin-top: 2.1875rem;
      padding: 0.3125rem; }
      section.tertiary-offer .info-container .left-side .mobile-btn {
        font-size: 0.875rem;
        padding: 0.5rem 1.1875rem; }
      section.tertiary-offer .info-container .right-side article.product-item {
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); }
        section.tertiary-offer .info-container .right-side article.product-item img {
          height: 5.375rem; }
        section.tertiary-offer .info-container .right-side article.product-item h6.product-item-title {
          font-size: 0.6875rem; } }

/***********************************************************************************/
/* eMeals+ Premium Page Design */
/***********************************************************************************/
section.premium {
  width: 100%; }
  section.premium span.mobile-line-break {
    display: none; }
  section.premium .banner {
    margin-top: 2.5625rem;
    overflow: hidden;
    position: relative; }
    section.premium .banner .desktop-bg img,
    section.premium .banner .mobile-bg img {
      height: auto;
      width: 100%; }
    section.premium .banner .mobile-bg {
      display: none; }
    section.premium .banner .offer-sticker,
    section.premium .banner .offer-sticker-mobile {
      position: absolute;
      right: 4.6875rem;
      top: 0; }
    section.premium .banner .offer-sticker-mobile {
      display: none; }
    section.premium .banner .logo {
      bottom: 2.5625rem;
      position: absolute;
      text-align: center;
      width: 100%; }
      section.premium .banner .logo img {
        width: 26.9375rem; }
  section.premium section.content {
    margin: 0 auto;
    width: 74.375rem; }
    section.premium section.content h1 {
      font-weight: 500;
      margin-bottom: 1.125rem;
      margin-top: 3rem;
      text-align: center; }
    section.premium section.content ul {
      font-size: 1.25rem;
      margin: 0 14.5rem; }
      section.premium section.content ul li {
        list-style-type: none;
        padding: 0.125rem 0; }
      section.premium section.content ul li:before {
        content: '\f058';
        color: #99ca3c;
        font-family: 'Font Awesome 5 Free';
        font-size: 1.375rem;
        font-weight: bold;
        position: relative;
        right: 0.625rem; }
      section.premium section.content ul .bold {
        font-weight: 600; }
    section.premium section.content p.term-info {
      font-size: 1.25rem;
      margin: 0;
      margin-bottom: 2.0625rem;
      margin-top: 1.4375rem;
      text-align: center; }
    section.premium section.content .btn {
      display: block;
      font-family: Poppins, sans-serif;
      font-size: 1.625rem;
      margin: 0 auto;
      padding: 0.5625rem 2.375rem; }
    section.premium section.content .btn:disabled {
      opacity: 0.5; }
    section.premium section.content a.reject-link {
      color: #8f959e;
      display: block;
      font-size: 1.25rem;
      font-weight: 500;
      margin-bottom: 3.9375rem;
      margin-top: 1.875rem;
      text-align: center;
      text-decoration: underline;
      text-underline-offset: 0.3125rem; }
    section.premium section.content article.bundle {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 2.3125rem;
      margin-bottom: 3rem;
      margin-top: 3.625rem; }
      section.premium section.content article.bundle article {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center; }
        section.premium section.content article.bundle article img {
          height: auto;
          width: 100%; }
        section.premium section.content article.bundle article h5 {
          color: #99ca3c;
          font-size: 1.25rem;
          margin-bottom: 0.125rem;
          margin-top: 0.875rem; }
        section.premium section.content article.bundle article p {
          font-size: 0.875rem;
          line-height: normal;
          margin: 0; }
    section.premium section.content p.footnote {
      font-size: 0.875rem;
      line-height: normal;
      margin-bottom: 5rem;
      margin-top: 3rem;
      text-align: center; }
  @media only screen and (max-width: 1320px) {
    section.premium section.content {
      width: 100%; } }
@media only screen and (max-width: 1320px) and (max-width: 1024px) {
  section.premium {
    margin-top: 2.5rem; }
    section.premium span.line-break {
      display: none; }
    section.premium span.mobile-line-break {
      display: inline; }
    section.premium .banner {
      margin-top: 0rem; }
      section.premium .banner .desktop-bg {
        display: none; }
      section.premium .banner .mobile-bg {
        display: block; }
      section.premium .banner .offer-sticker {
        display: none; }
      section.premium .banner .offer-sticker-mobile {
        display: block;
        right: 1.8125rem; }
      section.premium .banner .logo {
        bottom: 1.5rem; }
        section.premium .banner .logo img {
          height: auto;
          width: 15.1875rem; }
    section.premium section.content h1 {
      font-size: 1.625rem;
      margin: 2.1875rem 4.0625rem 1.5625rem 4.0625rem; }
    section.premium section.content ul {
      font-size: 1rem;
      margin: 0 3.4375rem; }
      section.premium section.content ul li {
        padding: 0.25rem 0; }
      section.premium section.content ul li:before {
        font-size: 1.125rem;
        right: 0.5rem; }
    section.premium section.content p.term-info {
      font-size: 1rem;
      margin-bottom: 1.5625rem;
      margin-left: 3rem;
      margin-right: 3rem;
      margin-top: 1.5625rem; }
    section.premium section.content .btn {
      font-size: 0.875rem;
      padding: 0.5rem 1.5rem; }
    section.premium section.content a.reject-link {
      font-size: 0.875rem;
      margin-bottom: 2.5rem;
      margin-top: 0.9375rem;
      text-underline-offset: 0.1875rem; }
    section.premium section.content article.bundle {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2.1875rem;
      margin-bottom: 1.875rem;
      margin-top: 2.3125rem;
      padding: 0 16%; }
      section.premium section.content article.bundle article h5 {
        margin-bottom: 0.625rem;
        margin-top: 1.3125rem; }
    section.premium section.content p.footnote {
      margin-bottom: 3.75rem;
      margin-left: 3.5rem;
      margin-right: 3.5rem;
      margin-top: 1.875rem; } }

  @media only screen and (max-width: 1320px) and (max-width: 1024px) and (max-width: 568px) {
    section.premium {
      margin-top: 0.3125rem; } }

  @media only screen and (max-width: 1320px) and (max-width: 1024px) and (max-width: 568px) and (max-width: 375px) {
    section.premium .banner .logo {
      bottom: 0.75rem; }
      section.premium .banner .logo img {
        width: 10rem; } }

/***********************************************************************************/
/* Kitchen Essentials List Page Design */
/***********************************************************************************/
section.kitchen-essentials-list {
  margin: 0 auto;
  width: 44.3125rem; }
  section.kitchen-essentials-list .page-title-container {
    font-family: abril-text, serif;
    font-style: normal;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 3.5rem;
    overflow: hidden;
    text-align: center;
    width: 34.6875rem; }
    section.kitchen-essentials-list .page-title-container h1.subtitle {
      font-size: 2.125rem;
      font-weight: normal; }
  section.kitchen-essentials-list h1 {
    font-size: 2.625rem; }
  section.kitchen-essentials-list .mosaics-container {
    margin: 3.5rem auto;
    overflow: hidden; }
    section.kitchen-essentials-list .mosaics-container img {
      width: 100%; }
  section.kitchen-essentials-list h2, section.kitchen-essentials-list .internal-header h1, .internal-header section.kitchen-essentials-list h1, section.kitchen-essentials-list .press-release h1, .press-release section.kitchen-essentials-list h1 {
    border-bottom: 1px solid #d8d8d8;
    font-family: abril-text, serif;
    font-size: 2.125rem;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem; }
  section.kitchen-essentials-list div.margined-container {
    margin: 0 3.40625rem; }
  section.kitchen-essentials-list p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303c4b;
    font-size: 1rem;
    line-height: 1.5rem; }
  section.kitchen-essentials-list .margin-top-0 {
    margin-top: 0 !important; }
  section.kitchen-essentials-list .margin-bottom-rem20 {
    margin-bottom: 1.25rem !important; }
  section.kitchen-essentials-list .margin-bottom-rem45 {
    margin-bottom: 2.8125rem !important; }
  section.kitchen-essentials-list .margin-bottom-rem55 {
    margin-bottom: 3.4375rem !important; }
  section.kitchen-essentials-list .padding-bottom-rem10 {
    padding-bottom: 0.625rem !important; }
  section.kitchen-essentials-list article.product-container {
    overflow: hidden; }
    section.kitchen-essentials-list article.product-container__info {
      float: left;
      width: 54.6%; }
      section.kitchen-essentials-list article.product-container__info p {
        margin-top: 0.625rem; }
    section.kitchen-essentials-list article.product-container .product-card {
      float: right;
      margin-right: 0.625rem;
      margin-top: 0.625rem; }
  section.kitchen-essentials-list h3, section.kitchen-essentials-list .members-cta__left__link {
    font-family: abril-text, serif;
    font-size: 1.25rem;
    font-weight: bold; }
  section.kitchen-essentials-list .product-card {
    border-radius: 0.5rem;
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.14);
    overflow: hidden;
    padding: 0.625rem 1rem;
    padding-bottom: 0.9375rem;
    width: 13.8125rem; }
    section.kitchen-essentials-list .product-card__image {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 6.75rem;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      section.kitchen-essentials-list .product-card__image img {
        max-height: 100%; }
    section.kitchen-essentials-list .product-card__actions {
      padding: 0 0.5625rem; }
      section.kitchen-essentials-list .product-card__actions .left-panel {
        float: left;
        width: 64%; }
        section.kitchen-essentials-list .product-card__actions .left-panel .store {
          overflow: hidden; }
          section.kitchen-essentials-list .product-card__actions .left-panel .store img {
            display: block;
            float: left;
            height: 1.1875rem;
            margin-right: 0.4375rem;
            width: 1.1875rem; }
          section.kitchen-essentials-list .product-card__actions .left-panel .store div {
            color: #8f959e;
            float: left;
            font-size: 0.75rem;
            font-weight: 500;
            margin-top: 0.125rem; }
      section.kitchen-essentials-list .product-card__actions .right-panel {
        float: right;
        width: 36%;
        text-align: right; }
        section.kitchen-essentials-list .product-card__actions .right-panel a {
          border-radius: 2.8125rem;
          border: 1px solid #ff9600;
          color: #ff9600;
          display: inline-block;
          font-size: 0.75rem;
          font-weight: 500;
          padding: 0 0.6875rem;
          padding-top: 0.0625rem; }
          section.kitchen-essentials-list .product-card__actions .right-panel a i {
            font-size: 0.625rem; }
  section.kitchen-essentials-list h4, section.kitchen-essentials-list .member .member-header__head p, .member .member-header__head section.kitchen-essentials-list p {
    border-top: 1px solid #e6e6e6;
    color: #8f959e;
    font-size: 0.875rem;
    line-height: 1.29;
    margin-bottom: 0.75rem;
    margin-top: 0.8125rem;
    padding: 0 0.5625rem;
    padding-top: 0.5625rem; }
  section.kitchen-essentials-list .margin-bottom-rem8 {
    margin-bottom: 0.5rem; }
  section.kitchen-essentials-list p.bolded-quote {
    background-image: url(/img/style-guide/kitchen-essentials-list/quotation-mark.png);
    background-position: left top;
    background-repeat: no-repeat;
    font-family: abril-text, sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.72;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 0 !important;
    padding-top: 3.5625rem !important;
    padding: 0 1.25rem; }
  section.kitchen-essentials-list p.signature {
    color: #8f959e;
    font-family: abril-text, sans-serif;
    font-size: 1rem;
    margin-top: 0.875rem;
    padding-left: 1.25rem; }
  section.kitchen-essentials-list p.product-text {
    margin-bottom: 1.875rem;
    margin-top: 0.3125rem; }
  section.kitchen-essentials-list .products-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.4375rem;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: visible; }
  @media only screen and (max-width: 736px) {
    section.kitchen-essentials-list {
      width: 100%; }
      section.kitchen-essentials-list .page-title-container {
        margin-top: 1.875rem;
        width: 83%; }
        section.kitchen-essentials-list .page-title-container h1.subtitle {
          font-size: 1.375rem; }
      section.kitchen-essentials-list h1 {
        font-size: 1.75rem; }
      section.kitchen-essentials-list .mosaics-container {
        margin: 1.875rem auto; }
      section.kitchen-essentials-list h2, section.kitchen-essentials-list .internal-header h1, .internal-header section.kitchen-essentials-list h1, section.kitchen-essentials-list .press-release h1, .press-release section.kitchen-essentials-list h1 {
        font-size: 1.375rem;
        margin-bottom: 1.1875rem;
        padding-bottom: 1.1875rem; }
      section.kitchen-essentials-list div.margined-container {
        margin: 0 1.3125rem; }
      section.kitchen-essentials-list p {
        font-size: 0.875rem;
        line-height: 1.43; }
      section.kitchen-essentials-list .margin-bottom-rem45 {
        margin-bottom: 1.875rem !important; }
      section.kitchen-essentials-list .margin-bottom-rem55 {
        margin-bottom: 1.875rem !important; }
      section.kitchen-essentials-list article.product-container {
        padding-bottom: 1.875rem; }
        section.kitchen-essentials-list article.product-container__info {
          float: none;
          width: 100%; }
          section.kitchen-essentials-list article.product-container__info p {
            margin-top: 0.3125rem; }
        section.kitchen-essentials-list article.product-container .product-card {
          float: none;
          margin: 0 auto;
          margin-right: auto;
          margin-top: auto; }
      section.kitchen-essentials-list h3, section.kitchen-essentials-list .members-cta__left__link {
        font-size: 1.125rem; }
      section.kitchen-essentials-list p.bolded-quote {
        margin-left: 1.4375rem;
        margin-right: 1.4375rem; }
      section.kitchen-essentials-list p.signature {
        font-size: 0.9375rem;
        margin-left: 1.4375rem;
        margin-right: 1.4375rem;
        margin-top: 0.5625rem; }
      section.kitchen-essentials-list p.product-text {
        margin-bottom: 1.1875rem; }
      section.kitchen-essentials-list .products-container {
        -webkit-align-items: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1.1875rem; } }
  @media only screen and (max-width: 736px) and (max-width: 279px) {
    section.kitchen-essentials-list .product-card {
      border-radius: 0;
      box-shadow: none;
      width: 100%; } }

/***********************************************************************************/
/* Walmart+ Page Design */
/***********************************************************************************/
section.walmart-plus {
  margin: 0 auto;
  width: 44.375rem; }
  section.walmart-plus .mobile-component {
    display: none; }
  section.walmart-plus h1,
  section.walmart-plus h2,
  section.walmart-plus .internal-header h1,
  .internal-header section.walmart-plus h1,
  section.walmart-plus .press-release h1,
  .press-release section.walmart-plus h1 {
    color: #303c4b;
    font-family: abril-text, serif;
    font-style: normal;
    font-weight: bold; }
  section.walmart-plus h1 {
    font-size: 2.625rem;
    line-height: 3.25rem;
    margin-top: 3.375rem;
    text-align: center; }
  section.walmart-plus h2, section.walmart-plus .internal-header h1, .internal-header section.walmart-plus h1, section.walmart-plus .press-release h1, .press-release section.walmart-plus h1 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 0.9375rem;
    margin-top: 2.1875rem; }
  section.walmart-plus .separator {
    border-bottom: 0.0625rem solid #d8d8d8;
    margin: 2.0625rem 0; }
  section.walmart-plus .narrowed-content {
    margin: 0 3.4375rem; }
  section.walmart-plus p {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #303c4b;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5rem;
    margin: 0;
    margin-bottom: 2.1875rem; }
  section.walmart-plus p.disclaimer {
    font-size: 0.8125rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.125rem;
    margin-bottom: 1.625rem; }
    section.walmart-plus p.disclaimer a {
      font-weight: 500; }
  section.walmart-plus a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline; }
  section.walmart-plus a:hover {
    color: #000000;
    text-decoration: none; }
  section.walmart-plus .image-container {
    margin: 0 auto;
    overflow: hidden; }
    section.walmart-plus .image-container img {
      width: 100%; }
  section.walmart-plus .margin-bottom-rem10 {
    margin-bottom: 0.625rem !important; }
  section.walmart-plus .margin-bottom-rem15 {
    margin-bottom: 0.9375rem !important; }
  section.walmart-plus .margin-bottom-rem20 {
    margin-bottom: 1.25rem !important; }
  section.walmart-plus .margin-bottom-rem35 {
    margin-bottom: 2.1875rem !important; }
  section.walmart-plus .margin-bottom-rem50 {
    margin-bottom: 3.125rem !important; }
  section.walmart-plus .margin-top-rem30 {
    margin-top: 1.875rem !important; }
  @media only screen and (max-width: 736px) {
    section.walmart-plus {
      width: 100%; }
      section.walmart-plus .mobile-component {
        display: revert; }
      section.walmart-plus h2, section.walmart-plus .internal-header h1, .internal-header section.walmart-plus h1, section.walmart-plus .press-release h1, .press-release section.walmart-plus h1 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0.625rem;
        margin-top: 1.375rem; }
      section.walmart-plus .separator {
        margin: 1.5625rem 1.25rem; }
      section.walmart-plus .narrowed-content {
        margin: 0 1.25rem; }
      section.walmart-plus p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 1.5rem; }
      section.walmart-plus p.disclaimer {
        font-size: 0.75rem;
        line-height: 1rem;
        margin-bottom: 1.4375rem; }
      section.walmart-plus .margin-bottom-rem15 {
        margin-bottom: 0.625rem !important; }
      section.walmart-plus .margin-bottom-rem20 {
        margin-bottom: 0.625rem !important; } }
  @media only screen and (max-width: 736px) and (max-width: 480px) {
    section.walmart-plus h1 {
      font-size: 1.75rem;
      line-height: 1.875rem;
      margin-top: 1.4375rem; } }

/***********************************************************************************/
/* All Grocery Pages */
/***********************************************************************************/
/***********************************************************************************/
/* Grocery Landing Index Page */
/***********************************************************************************/
.grocery-hero {
  background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 550px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .grocery-hero {
      background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .grocery-hero {
      background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas-2-i-pad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      height: 718px; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .grocery-hero {
      background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas-2-i-pad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .grocery-hero {
      background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas-2-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      height: 400px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .grocery-hero {
      background-image: url("/img/style-guide/grocery/index/quick-and-easy-chicken-fajitas-2-mobile@2x.jpg");
      background-size: cover; } }

  .grocery-hero .container {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (max-width: 835px) {
      .grocery-hero .container {
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start; } }
    @media only screen and (max-width: 667px) {
      .grocery-hero .container {
        height: 400px;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start; } }
  .grocery-hero__inside {
    max-width: 775px;
    margin: auto;
    text-align: center; }
    @media only screen and (max-width: 835px) {
      .grocery-hero__inside {
        margin-top: 0;
        padding-top: 5rem; } }
    @media only screen and (max-width: 568px) {
      .grocery-hero__inside {
        max-width: 300px;
        padding-top: 3.125rem;
        margin-top: 0; } }
  .grocery-hero h1 {
    font-size: 3.125rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2em; }
    .grocery-hero h1 span {
      font-size: 2.5rem;
      font-weight: 300; }
    @media only screen and (max-width: 835px) {
      .grocery-hero h1 {
        font-size: 2.5rem; }
        .grocery-hero h1 span {
          font-size: 1.875rem;
          display: block; } }
    @media only screen and (max-width: 568px) {
      .grocery-hero h1 {
        font-size: 1.25rem;
        font-weight: 500; }
        .grocery-hero h1 span {
          font-size: 1.25rem;
          display: block; } }
  .grocery-hero__button {
    margin-top: 2.5rem;
    margin-bottom: 0; }

.skip-store {
  padding: 3.75rem 0 4.6875rem;
  background-color: #FCFCFC; }
  @media only screen and (max-width: 568px) {
    .skip-store {
      padding: 1.875rem 0;
      background-color: #FFFFFF; } }
  .skip-store__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    @media only screen and (max-width: 835px) {
      .skip-store__row {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
  .skip-store__intro {
    -webkit-flex: 0 0 316px;
        -ms-flex: 0 0 316px;
            flex: 0 0 316px;
    padding-right: 3.625rem; }
    @media only screen and (max-width: 835px) {
      .skip-store__intro {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 2.5rem;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto; } }
    .skip-store__intro h2, .skip-store__intro .internal-header h1, .internal-header .skip-store__intro h1, .skip-store__intro .press-release h1, .press-release .skip-store__intro h1 {
      font-size: 2.25rem;
      line-height: 1.28;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 835px) {
        .skip-store__intro h2, .skip-store__intro .internal-header h1, .internal-header .skip-store__intro h1, .skip-store__intro .press-release h1, .press-release .skip-store__intro h1 {
          margin-bottom: 1.125rem; } }
      @media only screen and (max-width: 568px) {
        .skip-store__intro h2, .skip-store__intro .internal-header h1, .internal-header .skip-store__intro h1, .skip-store__intro .press-release h1, .press-release .skip-store__intro h1 {
          font-size: 1.25rem;
          line-height: 1.2; } }
    .skip-store__intro h3, .skip-store__intro .members-cta__left__link {
      color: #8f959e;
      font-size: 1.5rem;
      line-height: 1.5; }
      @media only screen and (max-width: 568px) {
        .skip-store__intro h3, .skip-store__intro .members-cta__left__link {
          font-size: 1.0625rem;
          line-height: 1.41; } }
  .skip-store__wrap {
    -webkit-flex: 1 0 calc(100% - 316px);
        -ms-flex: 1 0 calc(100% - 316px);
            flex: 1 0 calc(100% - 316px);
    width: 100%; }
    @media only screen and (max-width: 835px) {
      .skip-store__wrap {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; } }
  .skip-store .skip-store-box {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%; }
    .skip-store .skip-store-box:nth-child(3n) {
      float: right;
      margin-right: 0; }
    @media only screen and (max-width: 568px) {
      .skip-store .skip-store-box {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-bottom: 1.875rem; }
        .skip-store .skip-store-box:nth-child(3n) {
          margin-right: 1.6949152542%; }
        .skip-store .skip-store-box:nth-child(3n+1) {
          clear: none; }
        .skip-store .skip-store-box:last-child {
          margin-bottom: 0; } }
    .skip-store .skip-store-box__inside {
      max-width: 212px;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 568px) {
        .skip-store .skip-store-box__inside {
          max-width: 100%; } }
    .skip-store .skip-store-box__image {
      margin-bottom: 0.75rem; }
      .skip-store .skip-store-box__image img {
        display: block;
        margin: auto; }
    @media only screen and (max-width: 568px) {
      .skip-store .skip-store-box__content {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto; } }
    .skip-store .skip-store-box__content h4, .skip-store .skip-store-box__content .member .member-header__head p, .member .member-header__head .skip-store .skip-store-box__content p {
      color: #303c4b;
      font-size: 1.375rem;
      line-height: 1.64;
      margin-bottom: 0.875rem; }
      @media only screen and (max-width: 1024px) {
        .skip-store .skip-store-box__content h4, .skip-store .skip-store-box__content .member .member-header__head p, .member .member-header__head .skip-store .skip-store-box__content p {
          font-size: 1.25rem; } }
      @media only screen and (max-width: 568px) {
        .skip-store .skip-store-box__content h4, .skip-store .skip-store-box__content .member .member-header__head p, .member .member-header__head .skip-store .skip-store-box__content p {
          margin-bottom: 0.5rem; } }
    .skip-store .skip-store-box__content p {
      color: #8f959e;
      font-size: 1.125rem;
      line-height: 1.56;
      margin: 0 auto; }

.grocery-partners {
  padding: 3.75rem 0 1.25rem 0; }
  @media only screen and (max-width: 568px) {
    .grocery-partners {
      padding-top: 0; } }
  .grocery-partners .title-area {
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 568px) {
      .grocery-partners .title-area {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.875rem; } }
    .grocery-partners .title-area h2, .grocery-partners .title-area .internal-header h1, .internal-header .grocery-partners .title-area h1, .grocery-partners .title-area .press-release h1, .press-release .grocery-partners .title-area h1 {
      margin-bottom: 1rem; }
    .grocery-partners .title-area h4, .grocery-partners .title-area .member .member-header__head p, .member .member-header__head .grocery-partners .title-area p {
      font-weight: 400;
      max-width: 798px;
      margin: 0 auto; }
  .grocery-partners__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .grocery-partners__row--centered {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .grocery-partners__row--centered .grocery-box:last-of-type {
      margin-right: 0; }

.grocery-box {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 2.5rem; }
  .grocery-box:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .grocery-box {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%; }
      .grocery-box:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .grocery-box:nth-child(3n+1) {
        clear: none; }
      .grocery-box:nth-child(2n) {
        float: right;
        margin-right: 0; } }
  @media only screen and (max-width: 568px) {
    .grocery-box {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-bottom: 1.25rem; }
      .grocery-box:nth-child(2n) {
        margin-right: 1.6949152542%; }
      .grocery-box:nth-child(2n+1) {
        clear: none; } }
  .grocery-box__inside {
    max-width: 298px;
    border-radius: 13px;
    box-shadow: 0 7px 20px 8px rgba(119, 119, 119, 0.1);
    background-color: #FFFFFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    @media only screen and (max-width: 835px) {
      .grocery-box__inside {
        margin-left: auto;
        margin-right: auto;
        max-width: 330px; } }
    @media only screen and (max-width: 568px) {
      .grocery-box__inside {
        max-width: 375px; } }
  .grocery-box__partner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 112px;
    border-bottom: 1px solid #f4f4f4; }
    @media only screen and (max-width: 568px) {
      .grocery-box__partner {
        min-height: 0;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; } }
  .grocery-box__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 1.875rem 1.25rem 0; }
    .grocery-box__content h6 {
      font-weight: 600;
      font-size: 0.75rem;
      line-height: 1.25;
      letter-spacing: 0.5px;
      color: #838288;
      text-transform: uppercase;
      margin-bottom: 0.875rem; }
    .grocery-box__content p {
      margin-top: 0; }
  .grocery-box__button {
    margin-top: auto;
    padding-bottom: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .grocery-box__button {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 0.75rem; } }

.trust-cta {
  padding: 4.375rem 0;
  background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-ipad-v-1.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 3.75rem 0 12.5rem; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-ipad-v-1@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 3.75rem 0 10.625rem; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .trust-cta {
      padding-top: 2.5rem;
      padding-bottom: 0;
      height: 592px;
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .trust-cta {
      background-image: url("/img/style-guide/grocery/index/the-best-red-salsa-siete-grocery-delivery-mobile@2x.jpg");
      background-size: cover; } }

  .trust-cta .trust-intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    text-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 350px; }
    @media only screen and (max-width: 568px) {
      .trust-cta .trust-intro {
        max-width: 200px; } }
    .trust-cta .trust-intro__image {
      -webkit-flex: 1 0 150px;
          -ms-flex: 1 0 150px;
              flex: 1 0 150px;
      margin-right: 1.875rem; }
      @media only screen and (max-width: 568px) {
        .trust-cta .trust-intro__image {
          -webkit-flex: 1 0 100px;
              -ms-flex: 1 0 100px;
                  flex: 1 0 100px;
          margin-right: 1.25rem; } }
    .trust-cta .trust-intro__text {
      -webkit-flex: 1 1 calc(100% - 30px);
          -ms-flex: 1 1 calc(100% - 30px);
              flex: 1 1 calc(100% - 30px);
      text-align: left; }
      @media only screen and (max-width: 568px) {
        .trust-cta .trust-intro__text {
          -webkit-flex: 1 1 calc(100% - 20px);
              -ms-flex: 1 1 calc(100% - 20px);
                  flex: 1 1 calc(100% - 20px); }
          .trust-cta .trust-intro__text img {
            max-width: 70px;
            height: auto; } }
      .trust-cta .trust-intro__text p {
        margin: 0 0 0.625rem 0;
        font-size: 1.5rem;
        line-height: 1.5;
        color: #303c4b; }
        @media only screen and (max-width: 568px) {
          .trust-cta .trust-intro__text p {
            font-size: 1.0625rem;
            line-height: 1.41; } }
  .trust-cta__text {
    max-width: 610px;
    margin: auto; }
    .trust-cta__text p {
      font-size: 1.375rem;
      line-height: normal;
      color: #838288;
      font-weight: 500;
      margin-bottom: 1.875rem;
      text-align: center; }
      @media only screen and (max-width: 568px) {
        .trust-cta__text p {
          font-size: 1.125rem;
          line-height: 1.33; } }
  .trust-cta__tag {
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 568px) {
      .trust-cta__tag {
        margin-bottom: 1.875rem; } }
    .trust-cta__tag h2, .trust-cta__tag .internal-header h1, .internal-header .trust-cta__tag h1, .trust-cta__tag .press-release h1, .press-release .trust-cta__tag h1 {
      color: #303c4b;
      font-size: 1.5rem;
      line-height: 1.5;
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .trust-cta__tag h2, .trust-cta__tag .internal-header h1, .internal-header .trust-cta__tag h1, .trust-cta__tag .press-release h1, .press-release .trust-cta__tag h1 {
          font-size: 1.0625rem;
          line-height: 1.41; } }
  .trust-cta__button {
    text-align: center; }

.faq--grocery {
  padding: 3.75rem 0; }
  .faq--grocery .title-area h2, .faq--grocery .title-area .internal-header h1, .internal-header .faq--grocery .title-area h1, .faq--grocery .title-area .press-release h1, .press-release .faq--grocery .title-area h1 {
    margin-bottom: 0; }

/***********************************************************************************/
/* Shipt & Shared  */
/***********************************************************************************/
.store-page h5 {
  color: #838288; }
@media only screen and (max-width: 835px) {
  .store-page h1 br, .store-page h2 br, .store-page .internal-header h1 br, .internal-header .store-page h1 br, .store-page .press-release h1 br, .press-release .store-page h1 br, .store-page h3 br, .store-page .members-cta__left__link br, .store-page h4 br, .store-page .member .member-header__head p br, .member .member-header__head .store-page p br, .store-page h5 br, .store-page h6 br {
    display: none; } }
@media only screen and (max-width: 835px) {
  .store-page {
    padding-top: 0; } }
.store-page .button-container--mobile {
  display: none; }
  @media only screen and (max-width: 835px) {
    .store-page .button-container--mobile {
      display: block; } }

.store-feature {
  height: 550px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/img/style-guide/grocery/global/bg-hero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .store-feature {
      background-image: url("/img/style-guide/grocery/global/bg-hero@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 736px) {
    .store-feature {
      background-image: url("/img/style-guide/grocery/global/bg-hero-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      height: 400px; } }
  @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-resolution: 192dpi), only screen and (max-width: 736px) and (min-resolution: 2dppx) {
    .store-feature {
      background-image: url("/img/style-guide/grocery/global/bg-hero-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .store-feature {
      height: 250px; } }
  .store-feature .shipt-wide-container {
    width: 100%; }
  .store-feature__wrap {
    text-align: center; }
  .store-feature h1 {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3.125rem;
    line-height: 4.4375rem;
    letter-spacing: normal;
    color: #303c4b;
    font-weight: 300; }
    @media only screen and (max-width: 568px) {
      .store-feature h1 {
        font-weight: 300;
        font-size: 0.875rem;
        line-height: 0.875rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 250px; } }
    .store-feature h1 > strong {
      font-weight: 700; }
      @media only screen and (max-width: 568px) {
        .store-feature h1 > strong {
          display: block;
          font-size: 2.25rem;
          line-height: 2.25rem;
          font-weight: 500; } }
    @media only screen and (max-width: 568px) {
      .store-feature h1 span {
        display: block;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem; } }
  @media only screen and (max-width: 568px) {
    .store-feature h1.walmart-header {
      max-width: 380px;
      font-size: 20px;
      font-weight: 500;
      margin-top: 20px; } }
  @media only screen and (max-width: 568px) {
    .store-feature h1.walmart-header > strong {
      font-size: 31px; } }
  @media only screen and (max-width: 568px) {
    .store-feature h1.walmart-header span {
      height: 20px;
      font-size: 13px;
      font-weight: 300;
      margin-top: 0; } }
  @media only screen and (max-width: 568px) {
    .store-feature h1.walmart-header img {
      max-width: 291px; } }
  .store-feature .button-container {
    margin-top: 1.875rem; }
    @media only screen and (max-width: 568px) {
      .store-feature .button-container {
        margin-top: 0.625rem; } }
  .store-feature .button-container-walmart-lp {
    margin-top: 0.625rem; }
  .store-feature--walmart-keto {
    background-image: url("/img/style-guide/meal-plans-v3/keto/keto-emeals-meals.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--walmart-keto {
        background-image: url("/img/style-guide/meal-plans-v3/keto/keto-emeals-meals@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .store-feature--walmart-keto {
        background-image: url("/img/style-guide/grocery/walmart/keto-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .store-feature--walmart-keto {
      background-image: url("/img/style-guide/grocery/walmart/keto-header-mobile@2x.jpg");
      background-size: cover; } }

  .store-feature--walmart-plant-based {
    background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--walmart-plant-based {
        background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .store-feature--walmart-plant-based {
        background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .store-feature--walmart-plant-based {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header-mobile@2x.jpg");
      background-size: cover; } }

  .store-feature--walmart {
    background-image: url("/img/style-guide/grocery/walmart/walmart-header-full.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--walmart {
        background-image: url("/img/style-guide/grocery/walmart/walmart-header-full@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 1024px) {
      .store-feature--walmart {
        background-image: url("/img/style-guide/grocery/walmart/walmart-header-ipad.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .store-feature--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-header-ipad@2x.jpg");
      background-size: cover; } }

    @media only screen and (max-width: 568px) {
      .store-feature--walmart {
        background-image: url("/img/style-guide/grocery/walmart/walmart-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .store-feature--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-header-mobile@2x.jpg");
      background-size: cover; } }

    @media only screen and (max-width: 568px) {
      .store-feature--walmart {
        background-position: bottom left;
        height: 373px;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        padding-top: 2.1875rem; } }
    .store-feature--walmart .container {
      width: 100%; }
      @media screen and (max-width: 1320px) {
        .store-feature--walmart .container {
          width: 94%; } }
    .store-feature--walmart .store-feature__wrap {
      text-align: left; }
      @media only screen and (max-width: 835px) {
        .store-feature--walmart .store-feature__wrap {
          max-width: 520px; } }
      @media only screen and (max-width: 568px) {
        .store-feature--walmart .store-feature__wrap {
          text-align: center; } }
    .store-feature--walmart h1 {
      font-size: 2.5rem;
      line-height: normal; }
      @media only screen and (max-width: 568px) {
        .store-feature--walmart h1 span {
          display: none; } }
  .store-feature--albertsons {
    background-image: url("/img/style-guide/grocery/albertsons/albertsons-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--albertsons {
        background-image: url("/img/style-guide/grocery/albertsons/albertsons-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 736px) {
      .store-feature--albertsons {
        background-image: url("/img/style-guide/grocery/albertsons/albertsons-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; } }
  @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-resolution: 192dpi), only screen and (max-width: 736px) and (min-resolution: 2dppx) {
    .store-feature--albertsons {
      background-image: url("/img/style-guide/grocery/albertsons/albertsons-header-mobile@2x.jpg");
      background-size: cover; } }

  .store-feature--safeway {
    background-image: url("/img/style-guide/grocery/safeway/safeway-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--safeway {
        background-image: url("/img/style-guide/grocery/safeway/safeway-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 736px) {
      .store-feature--safeway {
        background-image: url("/img/style-guide/grocery/safeway/safeway-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; } }
  @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-resolution: 192dpi), only screen and (max-width: 736px) and (min-resolution: 2dppx) {
    .store-feature--safeway {
      background-image: url("/img/style-guide/grocery/safeway/safeway-header-mobile@2x.jpg");
      background-size: cover; } }

  .store-feature--heb {
    background-image: url("/img/style-guide/grocery/heb/heb-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .store-feature--heb {
        background-image: url("/img/style-guide/grocery/heb/heb-header@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 736px) {
      .store-feature--heb {
        background-image: url("/img/style-guide/grocery/heb/heb-header-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; } }
  @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-device-pixel-ratio: 2), only screen and (max-width: 736px) and (min-resolution: 192dpi), only screen and (max-width: 736px) and (min-resolution: 2dppx) {
    .store-feature--heb {
      background-image: url("/img/style-guide/grocery/heb/heb-header-mobile@2x.jpg");
      background-size: cover; } }

.steps-feature {
  margin-top: 2.5rem;
  clear: both;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E6E6E6;
  overflow: hidden; }
  @media only screen and (max-width: 568px) {
    .steps-feature h2 > span.line-break, .steps-feature .internal-header h1 > span.line-break, .internal-header .steps-feature h1 > span.line-break, .steps-feature .press-release h1 > span.line-break, .press-release .steps-feature h1 > span.line-break {
      display: block; } }
  @media screen and (max-width: 885px) {
    .steps-feature header.title-area br {
      display: none; } }
  .steps-feature .button-container {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .steps-feature--albertsons .title-area h3, .steps-feature--albertsons .title-area .members-cta__left__link, .steps-feature--heb .title-area h3, .steps-feature--heb .title-area .members-cta__left__link {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }

.steps-icons {
  margin-top: 2.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.step-icon {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center; }
  .step-icon:first-of-type {
    margin-left: -90px; }
    @media only screen and (max-width: 1024px) {
      .step-icon:first-of-type {
        margin-left: 0; } }
  .step-icon:last-of-type {
    margin-right: -90px; }
    @media only screen and (max-width: 1024px) {
      .step-icon:last-of-type {
        margin-right: 0; } }
  @media only screen and (max-width: 568px) {
    .step-icon {
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  .step-icon__icon {
    min-height: 120px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.1875rem; }
  .step-icon img {
    display: block;
    margin: auto;
    margin-top: auto;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  .step-icon hr {
    width: 91px;
    height: 2px;
    text-align: center;
    background: #e7e7e7;
    border: none;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .step-icon hr {
        display: none; } }
  .step-icon__content p {
    font-size: 1.25rem;
    color: #303c4b;
    line-height: 1.75rem;
    margin: 2.1875rem auto; }
    @media only screen and (max-width: 568px) {
      .step-icon__content p {
        margin-top: 0.75rem; } }

.store-explain {
  position: relative;
  padding-bottom: 5rem;
  border-bottom: 1px solid #E6E6E6; }
  .store-explain hr {
    width: 91px;
    height: 2px;
    background: #e7e7e7;
    border: none;
    margin: 1.875rem 0; }
    @media only screen and (max-width: 568px) {
      .store-explain hr {
        width: 110px;
        margin-left: 8px; } }
  .store-explain__content {
    padding-top: 10.9375rem;
    max-width: 500px;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 850px) {
      .store-explain__content {
        padding-top: 2.5rem;
        margin-left: auto;
        margin-right: auto; } }
    .store-explain__content svg {
      max-width: 100%;
      height: auto; }
    .store-explain__content p {
      margin: 0;
      font-size: 1.25rem;
      color: #2e2e2e;
      line-height: 1.75rem; }
  @media screen and (max-width: 850px) {
    .store-explain__image {
      text-align: right; } }
  .store-explain__image img {
    position: absolute;
    top: 3.4375rem;
    right: 0;
    transition: max-width 0.25s ease-in-out; }
    @media only screen and (max-width: 1024px) {
      .store-explain__image img {
        max-width: 400px; } }
    @media screen and (max-width: 850px) {
      .store-explain__image img {
        max-width: 100%;
        position: static;
        margin-right: -14px; } }
  .store-explain .button-container {
    margin-top: 12.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 850px) {
      .store-explain .button-container {
        margin-top: 0; } }

@media only screen and (max-width: 568px) {
  .store-explain--kroger {
    padding-bottom: 2.5rem; } }
.store-explain--kroger .store-explain__content {
  padding-top: 6.1875rem; }
  @media screen and (max-width: 850px) {
    .store-explain--kroger .store-explain__content {
      padding-top: 2.5rem; } }
.store-explain--kroger .store-explain__image img {
  top: 7.1875rem; }
  @media only screen and (max-width: 568px) {
    .store-explain--kroger .store-explain__image img {
      display: none; } }
.store-explain--kroger .button-container {
  margin-top: 3.125rem; }
  @media only screen and (max-width: 568px) {
    .store-explain--kroger .button-container {
      margin-top: 0; } }

.store-explain--instacart .button-container {
  margin-top: 3.125rem; }

.store-explain--walmart .store-explain__content {
  max-width: 542px; }

.store-explain--heb .store-explain__content {
  max-width: 537px; }

.delivery-logos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 480px) {
    .delivery-logos {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .delivery-logos__logo {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 36px;
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 480px) {
      .delivery-logos__logo {
        margin-left: 20px;
        margin-right: 20px; } }
    @media only screen and (max-width: 375px) {
      .delivery-logos__logo {
        margin-left: 14px;
        margin-right: 14px; } }
    @media only screen and (max-width: 320px) {
      .delivery-logos__logo {
        margin-left: 20px;
        margin-right: 20px; } }
    .delivery-logos__logo figcaption {
      font-size: 0.875rem;
      text-align: center;
      color: #8f959e;
      padding-top: 0.875rem; }

.delivery-logos-v2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .delivery-logos-v2 {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .delivery-logos-v2__logo {
    width: 23.7288135593%;
    float: left;
    margin-right: 1.6949152542%;
    margin-bottom: 3.125rem; }
    .delivery-logos-v2__logo:nth-child(4n) {
      float: right;
      margin-right: 0; }
    @media only screen and (max-width: 568px) {
      .delivery-logos-v2__logo {
        width: 32.2033898305%;
        float: left;
        margin-right: 1.6949152542%; }
        .delivery-logos-v2__logo:nth-child(4n) {
          margin-right: 1.6949152542%; }
        .delivery-logos-v2__logo:nth-child(4n+1) {
          clear: none; }
        .delivery-logos-v2__logo:nth-child(3n) {
          float: right;
          margin-right: 0; } }
    .delivery-logos-v2__logo__wrap {
      width: 83px;
      height: 83px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #eeeeee;
      border-radius: 83px; }
      @media only screen and (max-width: 568px) {
        .delivery-logos-v2__logo__wrap {
          width: 70px;
          height: 70px;
          border-radius: 70px;
          margin: auto; } }
    .delivery-logos-v2__logo figcaption {
      font-size: 0.875rem;
      text-align: center;
      color: #8f959e;
      padding-top: 0.875rem;
      max-width: 85px; }
      @media only screen and (max-width: 568px) {
        .delivery-logos-v2__logo figcaption {
          max-width: 70px;
          margin: auto; } }

.store-deliver {
  background-image: url("/img/style-guide/grocery/global/bg-delivery.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 9.375rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .store-deliver {
      background-image: url("/img/style-guide/grocery/global/bg-delivery@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .store-deliver {
      background-image: url("/img/style-guide/grocery/global/bg-delivery-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom center;
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .store-deliver {
      background-image: url("/img/style-guide/grocery/global/bg-delivery-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 414px) {
    .store-deliver {
      background-image: url("/img/style-guide/grocery/global/bg-delivery-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      padding: 7.1875rem 0; } }
  @media only screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-resolution: 192dpi), only screen and (max-width: 414px) and (min-resolution: 2dppx) {
    .store-deliver {
      background-image: url("/img/style-guide/grocery/global/bg-delivery-mobile@2x.jpg");
      background-size: cover; } }

  .store-deliver__content {
    text-align: center;
    max-width: 750px;
    margin: auto; }
    .store-deliver__content h2, .store-deliver__content .internal-header h1, .internal-header .store-deliver__content h1, .store-deliver__content .press-release h1, .press-release .store-deliver__content h1 {
      font-size: 2.5rem;
      font-weight: 500;
      color: #303c4b;
      line-height: normal; }
      @media only screen and (max-width: 835px) {
        .store-deliver__content h2, .store-deliver__content .internal-header h1, .internal-header .store-deliver__content h1, .store-deliver__content .press-release h1, .press-release .store-deliver__content h1 {
          max-width: 534px;
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 568px) {
        .store-deliver__content h2, .store-deliver__content .internal-header h1, .internal-header .store-deliver__content h1, .store-deliver__content .press-release h1, .press-release .store-deliver__content h1 {
          max-width: 395px;
          font-size: 1.625rem;
          line-height: 2.25rem; } }
      @media only screen and (max-width: 414px) {
        .store-deliver__content h2, .store-deliver__content .internal-header h1, .internal-header .store-deliver__content h1, .store-deliver__content .press-release h1, .press-release .store-deliver__content h1 {
          max-width: 285px; } }
    @media only screen and (max-width: 414px) {
      .store-deliver__content h2.walmart-store-deliver, .store-deliver__content .internal-header h1.walmart-store-deliver, .internal-header .store-deliver__content h1.walmart-store-deliver, .store-deliver__content .press-release h1.walmart-store-deliver, .press-release .store-deliver__content h1.walmart-store-deliver {
        max-width: 366px; } }
    .store-deliver__content .button-container {
      margin-top: 2.8125rem; }

.store-deliver--walmart {
  background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 9.375rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .store-deliver--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .store-deliver--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom center;
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .store-deliver--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 414px) {
    .store-deliver--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      padding: 3.125rem 0 15.625rem; } }
  @media only screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-resolution: 192dpi), only screen and (max-width: 414px) and (min-resolution: 2dppx) {
    .store-deliver--walmart {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-mobile@2x.jpg");
      background-size: cover; } }

  .store-deliver--walmart .store-deliver__content {
    max-width: 695px; }

.store-deliver--walmart-b {
  background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full-b.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 9.375rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .store-deliver--walmart-b {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full-b@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .store-deliver--walmart-b {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full-b.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom center;
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .store-deliver--walmart-b {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-full-b@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 414px) {
    .store-deliver--walmart-b {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-mobile-b.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      padding: 3.125rem 0 15.625rem;
      height: 439px; } }
  @media only screen and (max-width: 414px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-device-pixel-ratio: 2), only screen and (max-width: 414px) and (min-resolution: 192dpi), only screen and (max-width: 414px) and (min-resolution: 2dppx) {
    .store-deliver--walmart-b {
      background-image: url("/img/style-guide/grocery/walmart/walmart-banner-mobile-b@2x.jpg");
      background-size: cover; } }

  .store-deliver--walmart-b .store-deliver__content {
    max-width: 795px; }

.store-deliver--kroger .store-deliver__content {
  max-width: 804px; }

.store-deliver--amazon .store-deliver__content {
  max-width: 804px; }

.store-deliver--albertsons .store-deliver__content {
  max-width: 900px; }

.store-deliver--heb .store-deliver__content {
  max-width: 900px; }

.variety-grid-container {
  margin-top: 2.8125rem; }
  @media only screen and (max-width: 568px) {
    .variety-grid-container .headline-block h2 .line-break, .variety-grid-container .headline-block .internal-header h1 .line-break, .internal-header .variety-grid-container .headline-block h1 .line-break, .variety-grid-container .headline-block .press-release h1 .line-break, .press-release .variety-grid-container .headline-block h1 .line-break {
      display: block; } }
  .variety-grid-container .headline-block h5 {
    color: #8f959e; }
    @media only screen and (max-width: 414px) {
      .variety-grid-container .headline-block h5 {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto; } }
  .variety-grid-container .title-area {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }

.variety-grid {
  margin-top: 2.8125rem; }
  @media only screen and (max-width: 835px) {
    .variety-grid {
      display: none; } }
  .variety-grid__flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
  .variety-grid__plan {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    height: 280px;
    transition: height 0.3s ease; }
    @media screen and (min-width: 1800px) {
      .variety-grid__plan {
        height: 400px; } }
    .variety-grid__plan:last-child {
      margin-right: 0; }
    .variety-grid__plan img {
      display: none;
      width: 100%;
      height: auto; }
    .variety-grid__plan figcaption {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      background-color: #99ca3c;
      color: #FFFFFF;
      padding: 0.375rem 1.875rem;
      margin-top: auto;
      margin-left: 1.25rem;
      position: absolute;
      bottom: 1.25rem;
      display: inline-block; }
  .variety-grid__plan-wide {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%; }
  .variety-grid .variety-quick {
    background-image: url("/img/style-guide/grocery/shipt/meals/quick-and-healthy-wide.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-quick {
        background-image: url("/img/style-guide/grocery/shipt/meals/quick-and-healthy-wide@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-low-calorie {
    background-image: url("/img/style-guide/grocery/shipt/meals/low-calorie.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-low-calorie {
        background-image: url("/img/style-guide/grocery/shipt/meals/low-calorie@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-30 {
    background-image: url("/img/style-guide/grocery/shipt/meals/30-minute.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-30 {
        background-image: url("/img/style-guide/grocery/shipt/meals/30-minute@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-gf {
    background-image: url("/img/style-guide/grocery/shipt/meals/gluten-free.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-gf {
        background-image: url("/img/style-guide/grocery/shipt/meals/gluten-free@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-bf {
    background-image: url("/img/style-guide/grocery/shipt/meals/budget-wide.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-bf {
        background-image: url("/img/style-guide/grocery/shipt/meals/budget-wide@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-ce {
    background-image: url("/img/style-guide/grocery/shipt/meals/clean.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-ce {
        background-image: url("/img/style-guide/grocery/shipt/meals/clean@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-diabetic {
    background-image: url("/img/style-guide/grocery/shipt/meals/diabetic.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-diabetic {
        background-image: url("/img/style-guide/grocery/shipt/meals/diabetic@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-paleo {
    background-image: url("/img/style-guide/grocery/shipt/meals/paleo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-paleo {
        background-image: url("/img/style-guide/grocery/shipt/meals/paleo@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-kid {
    background-image: url("/img/style-guide/grocery/shipt/meals/kid.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-kid {
        background-image: url("/img/style-guide/grocery/shipt/meals/kid@2x.jpg");
        background-size: cover; } }
  .variety-grid .variety-vegan {
    background-image: url("/img/style-guide/grocery/shipt/meals/vegan.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .variety-grid .variety-vegan {
        background-image: url("/img/style-guide/grocery/shipt/meals/vegan@2x.jpg");
        background-size: cover; } }

.variety-grid-mobile {
  display: none;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 835px) {
    .variety-grid-mobile {
      display: block; } }
  .variety-grid-mobile__flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .variety-grid-mobile__plan {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    margin-bottom: 0.9375rem;
    position: relative; }
    .variety-grid-mobile__plan:nth-child(2n) {
      float: right;
      margin-right: 0; }
    @media only screen and (max-width: 835px) {
      .variety-grid-mobile__plan {
        margin-bottom: 1.75rem; } }
    @media only screen and (max-width: 568px) {
      .variety-grid-mobile__plan {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-bottom: 1.875rem; }
        .variety-grid-mobile__plan:nth-child(2n) {
          margin-right: 1.6949152542%; }
        .variety-grid-mobile__plan:nth-child(2n+1) {
          clear: none; } }
    .variety-grid-mobile__plan img {
      width: 100%;
      height: auto !important;
      max-height: 276px;
      display: block; }
      @media only screen and (max-width: 568px) {
        .variety-grid-mobile__plan img {
          max-height: 100%; } }
    .variety-grid-mobile__plan figcaption {
      display: block;
      margin: auto;
      text-align: center;
      position: relative;
      top: -80px;
      margin-bottom: -55px; }
      .variety-grid-mobile__plan figcaption span {
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.25rem;
        background-color: #99ca3c;
        color: #FFFFFF;
        padding: 0.75rem 1.875rem;
        display: inline-block; }
  .variety-grid-mobile .variety-ce figcaption {
    min-width: 130px; }
  .variety-grid-mobile .button-container {
    margin: 1.875rem auto;
    padding-bottom: 1.875rem;
    text-align: center; }

.plan-grid-v3 {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .plan-grid-v3 {
      margin-top: 1.25rem; } }
  .plan-grid-v3__wrap {
    margin-top: 2.5rem;
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 568px) {
      .plan-grid-v3__wrap {
        margin-top: 1.25rem;
        margin-bottom: 2.1875rem; } }

.plan-grid--walmart .title-area {
  /*h3 {
  	margin-right: 720px;
  	margin-left: auto;
  	margin-right: auto;
  }*/ }

.dinner-cards {
  background-color: #F8F8F8;
  margin-top: -20px;
  padding-top: 2.8125rem;
  padding-bottom: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .dinner-cards {
      padding-bottom: 1.25rem; } }
  .dinner-cards__container {
    max-width: 1135px;
    margin: auto; }
    @media only screen and (max-width: 568px) {
      .dinner-cards__container {
        max-width: 92%;
        margin: auto; } }
  @media only screen and (max-width: 414px) {
    .dinner-cards h2 > span.line-break, .dinner-cards .internal-header h1 > span.line-break, .internal-header .dinner-cards h1 > span.line-break, .dinner-cards .press-release h1 > span.line-break, .press-release .dinner-cards h1 > span.line-break {
      display: block; } }
  @media only screen and (max-width: 320px) {
    .dinner-cards h5 > span.line-break {
      display: block; } }
  .dinner-cards__grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.8125rem; }
    @media only screen and (max-width: 835px) {
      .dinner-cards__grid {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .dinner-cards__grid {
        max-width: 263px; } }
  .dinner-cards .button-container {
    text-align: center;
    margin: auto; }
    @media only screen and (max-width: 835px) {
      .dinner-cards .button-container {
        margin-top: 1.5rem; } }

.dinner-card {
  width: 23.7288135593%;
  float: left;
  margin-right: 1.6949152542%;
  background-color: #FFFFFF;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 30px;
  margin-bottom: 3.75rem;
  padding-bottom: 3.75rem; }
  .dinner-card:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .dinner-card {
      display: block;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      padding-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .dinner-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-right: 0 !important; } }
  .dinner-card__content {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    .dinner-card__content h6 {
      font-weight: 500;
      font-size: 0.75rem;
      letter-spacing: 0.5px;
      line-height: 0.9375rem;
      text-transform: uppercase;
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
      color: #99ca3c; }
    .dinner-card__content h4, .dinner-card__content .member .member-header__head p, .member .member-header__head .dinner-card__content p {
      font-weight: 500;
      color: #303c4b;
      font-size: 1rem;
      line-height: 1.375rem;
      margin-bottom: 0.375rem; }
    .dinner-card__content p {
      margin: 0;
      color: #838288; }
  .dinner-card .button-container {
    margin-top: 1.25rem;
    padding-bottom: 1.25rem; }

.dinner-cards--walmart .dinner-card {
  overflow: hidden;
  border-radius: 13px;
  box-shadow: 0 7px 20px 8px rgba(119, 119, 119, 0.1); }
  @media only screen and (max-width: 835px) {
    .dinner-cards--walmart .dinner-card {
      box-shadow: none; } }
  .dinner-cards--walmart .dinner-card .dinner-card__content p {
    font-size: 0.875rem;
    line-height: 1.43; }

.reviews {
  padding: 2.5rem 0 12.5rem;
  background-image: url("/img/style-guide/grocery/global/bg-reviews.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .reviews {
      background-image: url("/img/style-guide/grocery/global/bg-reviews@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .reviews {
      padding-bottom: 6.25rem;
      background-image: url("/img/style-guide/grocery/global/bg-reviews-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .reviews {
      background-image: url("/img/style-guide/grocery/global/bg-reviews-mobile@2x.jpg");
      background-size: cover; } }

.reviews-no-background {
  padding: 2.5rem 0 2.5rem; }
  @media only screen and (max-width: 568px) {
    .reviews-no-background {
      padding-bottom: 0rem; } }

.review {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  text-align: center;
  padding-bottom: 1.25rem; }
  @media only screen and (max-width: 568px) {
    .review {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-bottom: 1.875rem; } }
  .review:nth-child(2n) {
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 568px) {
      .review:nth-child(2n) {
        display: none; } }
  .review__inside {
    max-width: 440px;
    margin: auto;
    margin-top: 2.1875rem; }
  .review h3, .review .members-cta__left__link {
    margin-top: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .review h3, .review .members-cta__left__link {
        font-size: 1rem;
        line-height: 1rem; } }
  .review h5 {
    font-weight: 400;
    font-size: 1.25rem; }
  .review hr {
    margin: 1.125rem auto;
    text-align: center;
    height: 3px;
    background-color: rgba(68, 68, 68, 0.37);
    width: 50px; }

/***********************************************************************************/
/* Shipt Actual Landing Page */
/***********************************************************************************/
.hero-feature {
  background-image: url("/img/style-guide/grocery/shipt/bg-shipt-hero-v2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-feature {
      background-image: url("/img/style-guide/grocery/shipt/bg-shipt-hero-v2@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .hero-feature {
      background-image: url("/img/style-guide/grocery/shipt/bg-shipt-hero-v2-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 667px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 667px) and (min-device-pixel-ratio: 2), only screen and (max-width: 667px) and (min-resolution: 192dpi), only screen and (max-width: 667px) and (min-resolution: 2dppx) {
    .hero-feature {
      background-image: url("/img/style-guide/grocery/shipt/bg-shipt-hero-v2-mobile@2x.jpg");
      background-size: cover; } }

  .hero-feature__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .hero-feature h1 {
    font-size: 2.5rem;
    padding: 1rem 2.25rem;
    line-height: normal; }
    @media only screen and (max-width: 568px) {
      .hero-feature h1 {
        font-size: 1.5rem;
        line-height: 2.0625rem; } }
  .hero-feature--shipt .hero-feature__flex {
    height: 485px; }
    @media only screen and (max-width: 568px) {
      .hero-feature--shipt .hero-feature__flex {
        height: 260px; } }
  .hero-feature--shipt h1 {
    color: #FFFFFF;
    font-weight: 700;
    background-color: rgba(153, 202, 60, 0.9); }

.shipt-landing .steps-feature {
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #E6E6E6; }
.shipt-landing .steps-icons {
  border-bottom: none; }

.shipt-emeals {
  margin-top: 4.375rem;
  margin-bottom: 7.5rem;
  position: relative;
  overflow-x: hidden; }
  .shipt-emeals .button-container {
    margin: auto;
    text-align: center; }
  .shipt-emeals .mobile-iphone-image {
    display: none; }
    @media only screen and (max-width: 667px) {
      .shipt-emeals .mobile-iphone-image {
        display: block;
        text-align: center;
        margin: 2.5rem auto; } }

@media only screen and (max-width: 667px) {
  .step-row {
    margin-bottom: 3rem; } }
.step-row__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 667px) {
    .step-row__header {
      text-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; } }
  .step-row__header .circle-num-wrap {
    width: 150px; }
  .step-row__header .circle-num {
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 3px solid #99ca3c;
    border-radius: 120px;
    position: relative; }
    @media only screen and (max-width: 667px) {
      .step-row__header .circle-num {
        margin-bottom: 0.5rem;
        width: 73px;
        height: 73px;
        border-radius: 73px; } }
    .step-row__header .circle-num span {
      font-size: 4rem;
      color: #303c4b;
      line-height: normal;
      font-weight: 600;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media only screen and (max-width: 667px) {
        .step-row__header .circle-num span {
          font-size: 2.5rem; } }
  @media only screen and (max-width: 568px) {
    .step-row__header .title-wrap h2, .step-row__header .title-wrap .internal-header h1, .internal-header .step-row__header .title-wrap h1, .step-row__header .title-wrap .press-release h1, .press-release .step-row__header .title-wrap h1 {
      font-size: 1rem; } }
@media only screen and (max-width: 667px) {
  .step-row__image {
    display: none; } }
.step-row__content {
  padding-top: 1.875rem; }

.step-row-container {
  max-width: 540px; }
  @media only screen and (max-width: 667px) {
    .step-row-container {
      text-align: center; } }

.step-row-1 {
  height: 710px;
  padding-bottom: 3.125rem;
  position: relative; }
  @media screen and (max-width: 1460px) {
    .step-row-1 {
      height: 400px; } }
  @media only screen and (max-width: 667px) {
    .step-row-1 {
      height: auto;
      padding-bottom: 0; } }
  .step-row-1__image {
    position: absolute;
    top: -30px;
    left: 0; }
    @media screen and (max-width: 1460px) {
      .step-row-1__image {
        top: 0;
        left: -165px; } }
  .step-row-1__content {
    margin-top: 5.5rem;
    margin-left: 18.75rem;
    position: relative;
    left: 100px; }
    @media screen and (max-width: 1460px) {
      .step-row-1__content {
        margin-left: 17.5rem; } }
    @media screen and (max-width: 1200px) {
      .step-row-1__content {
        left: 0; } }
    @media only screen and (max-width: 667px) {
      .step-row-1__content {
        margin: 0 auto; } }

.step-row-2 {
  position: relative;
  height: 380px; }
  @media screen and (max-width: 1460px) {
    .step-row-2 {
      margin-top: 5rem;
      margin-left: 1.875rem; } }
  @media only screen and (max-width: 835px) {
    .step-row-2 {
      margin: 2.5rem 0 2.5rem 2rem; } }
  @media only screen and (max-width: 667px) {
    .step-row-2 {
      margin: 0 auto 3rem;
      height: auto; } }
  @media screen and (max-width: 1460px) {
    .step-row-2 .step-row-2-container {
      margin-left: 3.125rem;
      max-width: 500px; } }
  @media only screen and (max-width: 667px) {
    .step-row-2 .step-row-2-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 100%; } }
  .step-row-2__image img {
    position: absolute;
    top: -150px;
    right: 0; }
    @media screen and (max-width: 1460px) {
      .step-row-2__image img {
        right: -115px; } }
    @media only screen and (max-width: 835px) {
      .step-row-2__image img {
        right: -245px;
        top: -65px; } }
  @media only screen and (max-width: 835px) {
    .step-row-2__header, .step-row-2__content {
      max-width: 370px; } }
  @media only screen and (max-width: 667px) {
    .step-row-2__header, .step-row-2__content {
      max-width: 100%; } }
  @media only screen and (max-width: 667px) {
    .step-row-2__content {
      margin: 0 auto; } }

.step-row-3 {
  height: 560px;
  padding-bottom: 1.875rem;
  position: relative; }
  @media only screen and (max-width: 667px) {
    .step-row-3 {
      padding-bottom: 0;
      height: auto; } }
  .step-row-3__image {
    position: absolute;
    top: -30px;
    left: 0; }
    @media only screen and (max-width: 835px) {
      .step-row-3__image {
        left: -60px; } }
  .step-row-3__content {
    margin-top: 5.5rem;
    margin-left: 28.125rem; }
    @media only screen and (max-width: 835px) {
      .step-row-3__content {
        margin-left: 21.875rem;
        margin-top: 0; } }
    @media only screen and (max-width: 667px) {
      .step-row-3__content {
        margin: 0 auto; } }

/***********************************************************************************/
/* Grocery Delivery and Pickup Finder */
/***********************************************************************************/
.grofind-hero {
  background-image: url("/img/style-guide/grocery/landing/find-a-grocery-provider.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .grofind-hero {
      background-image: url("/img/style-guide/grocery/landing/find-a-grocery-provider@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .grofind-hero {
      background-image: url("/img/style-guide/grocery/landing/find-a-grocery-provider-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      height: 322px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .grofind-hero {
      background-image: url("/img/style-guide/grocery/landing/find-a-grocery-provider-mobile@2x.jpg");
      background-size: cover; } }

  .grofind-hero__head {
    padding: 9.375rem 0 17.5rem;
    max-width: 665px; }
    @media only screen and (max-width: 568px) {
      .grofind-hero__head {
        display: none; } }
    .grofind-hero__head h1 {
      font-size: 2.5rem;
      line-height: 1.3;
      font-weight: 600; }

.grocery-finder__row {
  background: #99ca3c;
  border: 1px solid #99ca3c;
  border-radius: 13px;
  zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 3.125rem;
  margin-top: -140px; }
  .grocery-finder__row:before, .grocery-finder__row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .grocery-finder__row:after {
    clear: both; }
  @media only screen and (max-width: 568px) {
    .grocery-finder__row {
      padding: 1.875rem 1.25rem; } }
.grocery-finder__content {
  width: 57.6271186441%;
  float: left;
  margin-right: 1.6949152542%;
  padding-top: 1.25rem; }
  @media only screen and (max-width: 835px) {
    .grocery-finder__content {
      padding-top: 0; } }
  @media only screen and (max-width: 568px) {
    .grocery-finder__content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      text-align: center;
      margin-bottom: 1.875rem;
      max-width: 245px;
      margin-left: auto;
      margin-right: auto; } }
  .grocery-finder__content h6 {
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.62px;
    line-height: 1.13;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0.625rem; }
  .grocery-finder__content h2, .grocery-finder__content .internal-header h1, .internal-header .grocery-finder__content h1, .grocery-finder__content .press-release h1, .press-release .grocery-finder__content h1 {
    color: #FFFFFF;
    margin-bottom: 0;
    max-width: 485px;
    font-weight: 500; }
.grocery-finder__form {
  padding-left: 1.25rem;
  width: 40.6779661017%;
  float: right;
  margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .grocery-finder__form {
      padding-left: 0; } }
  @media only screen and (max-width: 568px) {
    .grocery-finder__form {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none; } }
  .grocery-finder__form .field-row {
    margin-bottom: 0.625rem; }
    .grocery-finder__form .field-row--last {
      margin-bottom: 0; }
  .grocery-finder__form .submit-row {
    margin-top: 1.25rem; }
    .grocery-finder__form .submit-row input.btn--orange {
      font-size: 0.875rem;
      display: block;
      width: 100%; }

.grofind-how {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .grofind-how {
      margin-top: 1.875rem; } }
  .grofind-how__row {
    zoom: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .grofind-how__row:before, .grofind-how__row:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .grofind-how__row:after {
      clear: both; }
  .grofind-how__image {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 835px) {
      .grofind-how__image {
        display: none; } }
    .grofind-how__image img {
      margin-left: -25px;
      display: block; }
      @media only screen and (max-width: 835px) {
        .grofind-how__image img {
          display: none; } }
  .grofind-how__image-mobile {
    display: none; }
    @media only screen and (max-width: 835px) {
      .grofind-how__image-mobile {
        display: block;
        padding-bottom: 1.25rem; } }
    .grofind-how__image-mobile img {
      display: none; }
      @media only screen and (max-width: 835px) {
        .grofind-how__image-mobile img {
          display: block;
          margin: auto;
          text-align: center;
          margin-top: -18px; } }
  .grofind-how__content {
    width: 49.1525423729%;
    float: right;
    margin-right: 0;
    padding-left: 2.5rem; }
    @media only screen and (max-width: 835px) {
      .grofind-how__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        padding-left: 0;
        text-align: center; } }

.how-v3__head {
  margin-bottom: 1.875rem; }
  .how-v3__head h3, .how-v3__head .members-cta__left__link {
    font-weight: 400; }
.how-v3__list {
  position: relative; }
  .how-v3__list:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #99ca3c;
    position: absolute;
    top: 0;
    left: 24px; }
    @media only screen and (max-width: 835px) {
      .how-v3__list:before {
        display: none; } }
  .how-v3__list:last-of-type:before {
    display: none; }

.how-box-v3 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 3.125rem;
  position: relative; }
  @media only screen and (max-width: 835px) {
    .how-box-v3 {
      padding-bottom: 1.875rem; } }
  .how-box-v3__circle {
    -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 835px) {
      .how-box-v3__circle {
        display: none; } }
    .how-box-v3__circle div {
      width: 48px;
      height: 48px;
      background-color: #99ca3c;
      color: #FFFFFF;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 48px; }
      @media only screen and (max-width: 568px) {
        .how-box-v3__circle div {
          width: 38px;
          height: 38px;
          border-radius: 38px; } }
      .how-box-v3__circle div span {
        color: #FFFFFF;
        font-size: 1.875rem;
        font-weight: 500; }
        @media only screen and (max-width: 568px) {
          .how-box-v3__circle div span {
            font-size: 1.25rem; } }
  .how-box-v3__head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (max-width: 835px) {
      .how-box-v3__head {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .how-box-v3__head .how-box-v3__circle {
      display: none; }
      @media only screen and (max-width: 835px) {
        .how-box-v3__head .how-box-v3__circle {
          display: block; } }
    @media only screen and (max-width: 835px) {
      .how-box-v3__head h4, .how-box-v3__head .member .member-header__head p, .member .member-header__head .how-box-v3__head p {
        padding-left: 0.75rem; } }
  .how-box-v3__body {
    -webkit-flex: 0 1 calc(100% - 48px);
        -ms-flex: 0 1 calc(100% - 48px);
            flex: 0 1 calc(100% - 48px);
    padding-left: 1.25rem;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 835px) {
      .how-box-v3__body {
        padding-left: 0;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .how-box-v3__body {
        max-width: 305px; } }
    .how-box-v3__body h4, .how-box-v3__body .member .member-header__head p, .member .member-header__head .how-box-v3__body p {
      color: #303c4b;
      font-size: 1.25rem;
      line-height: normal;
      font-weight: normal;
      margin-bottom: 0;
      padding-top: 0.25rem; }
      @media only screen and (max-width: 568px) {
        .how-box-v3__body h4, .how-box-v3__body .member .member-header__head p, .member .member-header__head .how-box-v3__body p {
          padding-left: 0;
          font-size: 1rem; } }
    .how-box-v3__body p {
      margin: 0.875rem 0 0 0;
      color: #8f959e;
      font-size: 1rem; }
      @media only screen and (max-width: 568px) {
        .how-box-v3__body p {
          font-size: 0.875rem;
          line-height: normal; } }

.grofind-shopping {
  padding: 3.75rem 0 5rem 0;
  background-color: #FCFCFC; }
  @media screen and (max-width: 850px) {
    .grofind-shopping {
      padding-top: 1.875rem;
      padding-bottom: 3.125rem; } }
  .grofind-shopping__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  @media screen and (max-width: 850px) {
    .grofind-shopping__head {
      padding-left: 0;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 568px) {
    .grofind-shopping__head {
      max-width: 375px; } }
  .grofind-shopping__head h2, .grofind-shopping__head .internal-header h1, .internal-header .grofind-shopping__head h1, .grofind-shopping__head .press-release h1, .press-release .grofind-shopping__head h1 {
    font-weight: 400; }
  @media only screen and (max-width: 568px) {
    .grofind-shopping__head p {
      font-size: 1.0625rem;
      line-height: 1.41;
      margin-bottom: 0; } }
  .grofind-shopping__content {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%; }
    @media screen and (max-width: 850px) {
      .grofind-shopping__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        text-align: center;
        margin-top: 1.875rem; } }
  .grofind-shopping__logos {
    width: 49.1525423729%;
    float: right;
    margin-right: 0;
    padding-left: 2.5rem; }
    @media screen and (max-width: 850px) {
      .grofind-shopping__logos {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        padding-left: 0;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto; } }
    .grofind-shopping__logos div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .grofind-shopping__logos div.grofind-logos-1 {
      text-align: center;
      padding-bottom: 1.875rem; }
      @media screen and (max-width: 850px) {
        .grofind-shopping__logos div.grofind-logos-1 {
          padding-bottom: 0; } }
      .grofind-shopping__logos div.grofind-logos-1 figure.wm-logo {
        position: relative;
        left: 65px; }
        @media screen and (max-width: 850px) {
          .grofind-shopping__logos div.grofind-logos-1 figure.wm-logo {
            left: 0; } }
    .grofind-shopping__logos div.grofind-logos-2 {
      text-align: center;
      padding-bottom: 5.3125rem; }
      @media screen and (max-width: 850px) {
        .grofind-shopping__logos div.grofind-logos-2 {
          padding-bottom: 0; } }
      .grofind-shopping__logos div.grofind-logos-2 figure.am-logo {
        position: relative;
        left: -10px; }
        @media screen and (max-width: 850px) {
          .grofind-shopping__logos div.grofind-logos-2 figure.am-logo {
            left: 0; } }
      .grofind-shopping__logos div.grofind-logos-2 figure.insta-logo {
        position: relative;
        left: 38px;
        top: 30px; }
        @media screen and (max-width: 850px) {
          .grofind-shopping__logos div.grofind-logos-2 figure.insta-logo {
            left: 0;
            top: 0; } }
    .grofind-shopping__logos div.grofind-logos-3 {
      text-align: center;
      padding-bottom: 1.875rem; }
      @media screen and (max-width: 850px) {
        .grofind-shopping__logos div.grofind-logos-3 {
          padding-bottom: 0; } }
      .grofind-shopping__logos div.grofind-logos-3 figure.shipt-logo {
        position: relative;
        left: 20px; }
        @media screen and (max-width: 850px) {
          .grofind-shopping__logos div.grofind-logos-3 figure.shipt-logo {
            left: 0;
            top: 0; } }
      .grofind-shopping__logos div.grofind-logos-3 figure.kroger-logo {
        position: relative;
        left: 23px;
        top: 40px; }
        @media screen and (max-width: 850px) {
          .grofind-shopping__logos div.grofind-logos-3 figure.kroger-logo {
            left: 0;
            top: 0; } }
  .grofind-shopping__logo {
    width: 173px;
    height: 96px;
    background-color: #FFFFFF;
    box-shadow: 0 7px 20px 8px rgba(119, 119, 119, 0.1);
    border-radius: 13px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto; }
    @media screen and (max-width: 850px) {
      .grofind-shopping__logo {
        margin-bottom: 1.5625rem; } }
    @media only screen and (max-width: 568px) {
      .grofind-shopping__logo {
        width: 140px;
        height: 78px; } }
    .grofind-shopping__logo img {
      display: block; }

/***********************************************************************************/
/* Grocery Finder - Available & Unavailable */
/***********************************************************************************/
.gro-options-hero {
  padding: 6.25rem 0 0 0; }
  @media only screen and (max-width: 568px) {
    .gro-options-hero {
      padding-top: 2.5rem;
      padding-bottom: 1.875rem; } }
  .gro-options-hero__head {
    text-align: center;
    max-width: 798px;
    margin: auto; }
    @media only screen and (max-width: 568px) {
      .gro-options-hero__head {
        max-width: 375px; } }
    .gro-options-hero__head h1 {
      font-size: 2.375rem;
      line-height: 1.21;
      font-weight: 500; }
  .gro-options-hero--un .gro-options-hero__head h1 {
    max-width: 590px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .gro-options-hero--un .gro-options-hero__head h1 {
        margin-bottom: 1.25rem; } }
  .gro-options-hero__button {
    margin-top: 3.75rem;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .gro-options-hero__button {
        margin-top: 1.875rem; } }
  .gro-options-hero__zip {
    margin-top: 2.5rem;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .gro-options-hero__zip {
        margin-top: 1.25rem; } }
    .gro-options-hero__zip p {
      margin-bottom: 0; }
    .gro-options-hero__zip a {
      color: #838288;
      font-size: 0.75rem;
      font-weight: 500;
      text-decoration: underline; }
      .gro-options-hero__zip a:hover {
        text-decoration: underline; }

.grocery-partners--un header.title-area {
  max-width: 798px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 568px) {
    .grocery-partners--un header.title-area {
      max-width: 375px; } }

.footer-cta-branded--walmart-keto {
  background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--walmart-keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 836px) {
    .footer-cta-branded--walmart-keto {
      padding: 4.5rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--walmart-keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--walmart-keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-mobile@2x.jpg");
      background-size: cover; } }

  .footer-cta-branded--walmart-keto h2, .footer-cta-branded--walmart-keto .internal-header h1, .internal-header .footer-cta-branded--walmart-keto h1, .footer-cta-branded--walmart-keto .press-release h1, .press-release .footer-cta-branded--walmart-keto h1 {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .footer-cta-branded--walmart-keto h2, .footer-cta-branded--walmart-keto .internal-header h1, .internal-header .footer-cta-branded--walmart-keto h1, .footer-cta-branded--walmart-keto .press-release h1, .press-release .footer-cta-branded--walmart-keto h1 {
        max-width: 480px; } }

.footer-cta-branded--plant-based {
  background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--plant-based {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-banner@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 836px) {
    .footer-cta-branded--plant-based {
      padding: 4.5rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--plant-based {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--plant-based {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-banner-mobile@2x.jpg");
      background-size: cover; } }

  .footer-cta-branded--plant-based h2, .footer-cta-branded--plant-based .internal-header h1, .internal-header .footer-cta-branded--plant-based h1, .footer-cta-branded--plant-based .press-release h1, .press-release .footer-cta-branded--plant-based h1 {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .footer-cta-branded--plant-based h2, .footer-cta-branded--plant-based .internal-header h1, .internal-header .footer-cta-branded--plant-based h1, .footer-cta-branded--plant-based .press-release h1, .press-release .footer-cta-branded--plant-based h1 {
        max-width: 480px; } }

.plant-based-hero {
  background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  height: 630px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .plant-based-hero {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 2220px) {
    .plant-based-hero {
      background-position: center center; } }
  @media only screen and (max-width: 568px) {
    .plant-based-hero {
      height: 253px;
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .plant-based-hero {
      background-image: url("/img/style-guide/meal-plans-v3/plant-based/plant-based-header-mobile@2x.jpg");
      background-size: cover; } }

  .plant-based-hero__image {
    padding-top: 7.8125rem;
    padding-bottom: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .plant-based-hero__image {
        max-width: 150px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem; } }
  .plant-based-hero__title {
    max-width: 517px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .plant-based-hero__title {
        max-width: 225px; } }
    .plant-based-hero__title h1 {
      margin-bottom: 0;
      font-weight: 500; }
      @media only screen and (max-width: 568px) {
        .plant-based-hero__title h1 {
          font-size: 2.1875rem;
          line-height: 1.2; } }

/***********************************************************************************/
/* All Partner Branded Pages */
/***********************************************************************************/
.partners-page .masthead .trial-nav a.trial-signin {
  display: none; }
.partners-page svg.cycle-arrow-svg {
  width: 37px;
  height: 66px; }

.page-branded a.btn, .page-branded input.btn {
  padding: 0.875rem 0;
  font-size: 1.375rem;
  font-weight: 500;
  min-width: 305px; }
  @media only screen and (max-width: 480px) {
    .page-branded a.btn, .page-branded input.btn {
      padding: 0.5rem 1.5625rem;
      font-size: 0.875rem;
      min-width: 200px; } }

.womenshealth {
  -webkit-font-smoothing: antialiased; }

/***********************************************************************************/
/* Hero Area */
/***********************************************************************************/
.branded-hero__wrap {
  height: 630px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    .branded-hero__wrap {
      height: auto;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start; } }
@media only screen and (max-width: 480px) {
  .branded-hero__content {
    text-align: center;
    padding-top: 7.1875rem;
    padding-bottom: 1.5rem; } }
.branded-hero__content h3, .branded-hero__content .members-cta__left__link {
  color: #303c4b;
  font-weight: 500;
  margin-bottom: 0.75rem; }
  @media only screen and (max-width: 480px) {
    .branded-hero__content h3, .branded-hero__content .members-cta__left__link {
      font-size: 0.875rem;
      line-height: 1.25rem; } }
.branded-hero__content h1 {
  color: #303c4b;
  font-weight: 600;
  font-size: 2.8125rem;
  line-height: 3.9375rem;
  margin-bottom: 1.875rem; }
  @media only screen and (max-width: 480px) {
    .branded-hero__content h1 {
      font-size: 1.125rem;
      line-height: 1.5625rem;
      margin-bottom: 1.25rem; } }
.branded-hero__content-notify {
  font-weight: 400;
  color: #303c4b;
  max-width: 320px;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    .branded-hero__content-notify {
      margin-left: auto;
      margin-right: auto; } }
  .branded-hero__content-notify p {
    margin-top: 0.875rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 320px;
    font-size: 1rem; }
    @media only screen and (max-width: 480px) {
      .branded-hero__content-notify p {
        font-size: 0.625rem;
        line-height: 0.9375rem; } }
.branded-hero__button-container a.btn {
  min-width: 325px; }
  @media only screen and (max-width: 480px) {
    .branded-hero__button-container a.btn {
      min-width: 160px; } }

/***********************************************************************************/
/* How It Works / Steps */
/***********************************************************************************/
.partner-steps {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 480px) {
    .partner-steps {
      padding-top: 1.875rem;
      padding-bottom: 1.875rem; } }
  .partner-steps .headline-block h5 {
    color: #8f959e;
    margin: 1.875rem auto 0; }
    @media only screen and (max-width: 480px) {
      .partner-steps .headline-block h5 {
        margin-top: 0; } }
  .partner-steps__row {
    max-width: 1095px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.5rem;
    text-align: center;
    zoom: 1; }
    .partner-steps__row:before, .partner-steps__row:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .partner-steps__row:after {
      clear: both; }
    @media only screen and (max-width: 480px) {
      .partner-steps__row {
        margin-top: 1.875rem; } }
  .partner-steps__start {
    margin-top: 5rem;
    text-align: center; }
    @media only screen and (max-width: 835px) {
      .partner-steps__start {
        margin-top: 1.875rem; } }
    .partner-steps__start-button {
      margin-top: 0;
      margin-bottom: 0.75rem; }
    .partner-steps__start-notify {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 400;
      color: #303c4b; }
      @media only screen and (max-width: 480px) {
        .partner-steps__start-notify {
          font-size: 0.625rem;
          line-height: 0.9375rem; } }

.partner-step {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  position: relative; }
  .partner-step:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .partner-step {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-bottom: 2.5rem;
      max-width: 341px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .partner-step:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .partner-step:nth-child(3n+1) {
        clear: none; }
      .partner-step:nth-child(3n) {
        float: none;
        margin-right: auto; } }
  @media only screen and (max-width: 320px) {
    .partner-step {
      max-width: 280px; } }
  .partner-step__icon {
    position: absolute;
    top: -22px;
    left: -16px; }
    .partner-step__icon img {
      display: block; }
  .partner-step__content p {
    margin-top: 0.625rem;
    margin-bottom: 0;
    margin-left: 0.25rem;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    font-weight: 600;
    color: #303c4b; }

/***********************************************************************************/
/* Split Area with Plus Marks  */
/***********************************************************************************/
.split-branded {
  background-color: #FCFCFC; }
  .split-branded .split-feature__image .wyg--desktop {
    display: block; }
    @media only screen and (max-width: 1024px) {
      .split-branded .split-feature__image .wyg--desktop {
        display: none; } }
  .split-branded .split-feature__image .wyg--mobile {
    display: none; }
    @media only screen and (max-width: 1024px) {
      .split-branded .split-feature__image .wyg--mobile {
        display: block; } }
  .split-branded__contain {
    max-width: 600px;
    margin: auto; }
    @media screen and (min-width: 1025px) and (max-width: 1350px) {
      .split-branded__contain {
        padding-left: 3.75rem; } }
  .split-branded .split-feature__content h3, .split-branded .split-feature__content .members-cta__left__link {
    margin-bottom: 2rem; }
  .split-branded .split-feature__content ul {
    margin-left: 1.875rem; }
  .split-branded .split-feature__content ul li {
    color: #8f959e;
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0.625rem 0;
    text-align: left;
    line-height: normal; }
    @media only screen and (max-width: 480px) {
      .split-branded .split-feature__content ul li {
        font-size: 0.875rem;
        line-height: 1.25rem; } }
    .split-branded .split-feature__content ul li .fa-li {
      color: #99ca3c; }
  .split-branded .split-feature__button {
    margin-top: 2.8125rem; }

/***********************************************************************************/
/* Branded Reviews */
/***********************************************************************************/
.branded-reviews {
  margin: 3.75rem 0; }
  @media only screen and (max-width: 480px) {
    .branded-reviews {
      margin: 1.875rem 0; } }
  .branded-reviews .row {
    zoom: 1; }
    .branded-reviews .row:before, .branded-reviews .row:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .branded-reviews .row:after {
      clear: both; }
  .branded-reviews .trust-logo {
    margin-top: 3.75rem; }
    @media only screen and (max-width: 480px) {
      .branded-reviews .trust-logo {
        margin-top: 1.875rem; } }

@media screen and (min-width: 836px) {
  .branded-review {
    width: 49.1525423729%;
    float: left;
    text-align: center; }
    .branded-review:nth-child(2n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both;
      margin-left: 0; }
    .branded-review:nth-child(2n + 2) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; } }
.branded-review__inside {
  max-width: 416px;
  margin: 0 auto; }
  @media only screen and (max-width: 835px) {
    .branded-review__inside {
      text-align: center; } }
.branded-review h2, .branded-review .internal-header h1, .internal-header .branded-review h1, .branded-review .press-release h1, .press-release .branded-review h1 {
  margin-bottom: 0; }
  .branded-review h2:after, .branded-review .internal-header h1:after, .internal-header .branded-review h1:after, .branded-review .press-release h1:after, .press-release .branded-review h1:after {
    content: '';
    display: block;
    height: 2px;
    background-color: #1A1919;
    opacity: 0.15;
    width: 50px;
    margin: 10px auto 20px; }
.branded-review__icons img {
  display: block;
  margin-left: auto;
  margin-right: auto; }
.branded-review__content p {
  margin: 3.125rem auto 0;
  font-size: 1.375rem;
  line-height: 1.875rem; }
  @media only screen and (max-width: 480px) {
    .branded-review__content p {
      color: #8f959e;
      font-size: 1rem;
      line-height: 1.4375rem; } }

.faq-partners {
  margin-bottom: 3.75rem; }

/***********************************************************************************/
/* Recipe CTA */
/***********************************************************************************/
.recipe-cta {
  background-color: #F8F8F8;
  padding: 3.75rem 0;
  border-width: 1px 0;
  margin: 3.75rem 0;
  	/*&--desktop {
  		display: flex;
  
  		@include tablet-wide {
  			padding-left: rem(35);
  			padding-right: rem(35);
  		}
  
  		@include iphone6-plus-landscape {
  			padding-left: 0;
  			padding-right: 0;
  		}
  
  		@include phone-portrait {
  			display: none;
  		}
  
  		.plan-card:last-child {
  			@media screen and (min-width: $phone-wide + 1) and (max-width: 1300px) {
  				margin-left: rem(30);
  			}
  		}
  	}
  
  	// Mobile Version ONLY
  
  	&--mobile {
  		display: none;
  
  		@include phone-portrait {
  			display: block;
  		}
  
  		.plan-card {
  			margin-bottom: 0;
  		}
  
  		.plan-card__inside {
  			max-width: 300px;
  			margin: auto;
  		}
  	}
  	
  	#recipe-cta-mobile-pager {
  		display: none;
  		margin-top: rem(30);
  		position: relative;
  		z-index: 22;
  
  		@include tablet-portrait {
  			display: block;
  		}
  	} */ }
  @media only screen and (max-width: 480px) {
    .recipe-cta {
      padding: 1.875rem 0;
      border-width: 0;
      margin: 1.875rem 0; } }
  .recipe-cta__flex {
    zoom: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .recipe-cta__flex:before, .recipe-cta__flex:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .recipe-cta__flex:after {
      clear: both; }
    @media only screen and (max-width: 835px) {
      .recipe-cta__flex {
        display: block; } }
  .recipe-cta__summary {
    width: 40.6779661017%;
    float: left;
    margin-right: 1.6949152542%;
    padding-left: 6.25rem; }
    @media screen and (min-width: 737px) and (max-width: 1300px) {
      .recipe-cta__summary {
        width: 32.2033898305%;
        float: left;
        margin-right: 1.6949152542%;
        padding-left: 0; } }
    @media screen and (max-width: 1180px) {
      .recipe-cta__summary {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        text-align: center;
        margin-bottom: 1.5rem; } }
    .recipe-cta__summary h3, .recipe-cta__summary .members-cta__left__link {
      font-size: 2.25rem;
      line-height: 3.1875rem;
      letter-spacing: 0.3px; }
    .recipe-cta__summary h5 {
      font-size: 1.25rem;
      line-height: 1.9375rem;
      letter-spacing: 0.3px;
      color: #8f959e;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      max-width: 330px; }
      @media screen and (max-width: 1180px) {
        .recipe-cta__summary h5 {
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 835px) {
        .recipe-cta__summary h5 {
          max-width: 100%; } }
    .recipe-cta__summary .recipe-link a {
      font-size: 1.25rem;
      line-height: 1.9375rem;
      letter-spacing: 0.3px;
      color: #ff9600;
      text-decoration: underline; }
      .recipe-cta__summary .recipe-link a:hover {
        color: #ea8b00; }
  .recipe-cta__cards {
    width: 57.6271186441%;
    float: right;
    margin-right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-left: 3.125rem; }
    @media screen and (min-width: 737px) and (max-width: 1300px) {
      .recipe-cta__cards {
        width: 66.1016949153%;
        float: right;
        margin-right: 0; } }
    @media screen and (max-width: 1180px) {
      .recipe-cta__cards {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2.5rem; } }
    .recipe-cta__cards .recipe-cta-slider {
      margin: auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; }
      @media only screen and (max-width: 568px) {
        .recipe-cta__cards .recipe-cta-slider {
          display: block;
          max-width: 300px;
          margin: auto; } }
    .recipe-cta__cards .plan-card {
      max-width: 300px;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      border: 1px solid transparent; }
      .recipe-cta__cards .plan-card:focus {
        outline: none; }
      @media screen and (max-width: 680px) and (min-width: 481px) {
        .recipe-cta__cards .plan-card {
          margin-left: 0.625rem;
          margin-right: 0.625rem; } }
      @media only screen and (max-width: 568px) {
        .recipe-cta__cards .plan-card {
          margin-bottom: 0; } }

/***********************************************************************************/
/* Plan Slider */
/***********************************************************************************/
.plan-slider-wrap {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 480px) {
    .plan-slider-wrap {
      border-bottom: 1px solid #e9e9e9;
      padding-bottom: 1.875rem;
      margin-bottom: 1.875rem; } }
  .plan-slider-wrap .headline-block {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.375rem; }
  .plan-slider-wrap__cta {
    margin-top: 4.5rem;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .plan-slider-wrap__cta {
        margin-top: 1.875rem; } }
    .plan-slider-wrap__cta p {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 300;
      color: #303c4b; }

.plan-slider {
  max-width: 1095px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .plan-slider a.arr {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 66;
    display: block; }
    @media screen and (max-width: 1200px) {
      .plan-slider a.arr {
        display: none; } }
    .plan-slider a.arr.arr-prev {
      left: -60px; }
    .plan-slider a.arr.arr-next {
      right: -60px; }
    .plan-slider a.arr:hover svg path.st0 {
      fill: #ff9600; }
  .plan-slider svg {
    width: 37px;
    height: 66px; }
  .plan-slider svg path.st0 {
    fill: #ababab;
    transition: fill 0.25s; }

.plan-slider-box {
  position: relative;
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
  .plan-slider-box:focus {
    outline: auto #ff9600; }
  @media screen and (max-width: 650px) {
    .plan-slider-box img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      text-align: center; } }
  .plan-slider-box figcaption {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    position: absolute;
    bottom: 1.25rem;
    display: inline-block;
    transition: opacity 0.33s; }
    .plan-slider-box figcaption span {
      display: block;
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.25rem;
      background-color: #99ca3c;
      color: #FFFFFF;
      padding: 0.625rem 1.875rem;
      white-space: nowrap; }
      @media screen and (min-width: 836px) and (max-width: 900px) {
        .plan-slider-box figcaption span {
          font-size: 1rem; } }
      @media only screen and (max-width: 480px) {
        .plan-slider-box figcaption span {
          font-size: 1rem; } }

/***********************************************************************************/
/* Shopping Options */
/***********************************************************************************/
.shopping-options-branded {
  padding: 3.75rem 0; }
  @media screen and (max-width: 650px) {
    .shopping-options-branded {
      padding: 1.875rem 0; } }
  .shopping-options-branded .title-area {
    max-width: 798px;
    margin-left: auto;
    margin-right: auto; }
  .shopping-options-branded__wrapper {
    padding-top: 3.75rem; }

/***********************************************************************************/
/* Footer Call to Action */
/***********************************************************************************/
.footer-cta-branded {
  background-position: center center;
  position: relative;
  padding: 6.25rem 0;
  text-align: center; }
  @media only screen and (max-width: 835px) {
    .footer-cta-branded {
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded {
      padding: 3rem 0 13.75rem; } }
  .footer-cta-branded h2, .footer-cta-branded .internal-header h1, .internal-header .footer-cta-branded h1, .footer-cta-branded .press-release h1, .press-release .footer-cta-branded h1 {
    max-width: 598px;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    line-height: 3.1875rem; }
    @media only screen and (max-width: 835px) {
      .footer-cta-branded h2, .footer-cta-branded .internal-header h1, .internal-header .footer-cta-branded h1, .footer-cta-branded .press-release h1, .press-release .footer-cta-branded h1 {
        max-width: 525px;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.25rem;
        line-height: 1.4; } }
    @media only screen and (max-width: 480px) {
      .footer-cta-branded h2, .footer-cta-branded .internal-header h1, .internal-header .footer-cta-branded h1, .footer-cta-branded .press-release h1, .press-release .footer-cta-branded h1 {
        font-size: 1.625rem;
        line-height: 2rem;
        margin-left: auto;
        margin-right: auto; } }
  .footer-cta-branded__button {
    margin-top: 1.875rem; }

/***********************************************************************************/
/* Branded Footer */
/***********************************************************************************/
.branded-footer {
  background-color: #000000;
  padding: 2.1875rem 0; }
  @media only screen and (max-width: 480px) {
    .branded-footer {
      padding: 1.25rem 0; } }
  .branded-footer__wrap {
    text-align: center;
    margin: auto; }
  .branded-footer__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 480px) {
      .branded-footer__flex {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
  .branded-footer p.copyright {
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 300;
    margin-top: 0.375rem;
    margin-bottom: 0; }
    @media only screen and (max-width: 480px) {
      .branded-footer p.copyright {
        text-align: center; } }

/***********************************************************************************/
/* Women's Health Pages */
/***********************************************************************************/
@media only screen and (max-width: 736px) {
  .partner-womens-health .masthead {
    padding: 0.75rem 0; } }
.partner-womens-health .main-content {
  padding-top: 5.75rem; }
  @media only screen and (max-width: 835px) {
    .partner-womens-health .main-content {
      padding-top: 4.75rem; } }
  @media only screen and (max-width: 480px) {
    .partner-womens-health .main-content {
      padding-top: 4.25rem; } }
@media only screen and (max-width: 736px) {
  .partner-womens-health.member-logged-in .main-content {
    padding-top: 8rem; } }
.partner-womens-health .nav-buttons a.menu-trigger {
  color: #000000; }
.partner-womens-health .nav-buttons .lines {
  color: #000000;
  background-color: #000000; }
  .partner-womens-health .nav-buttons .lines:before, .partner-womens-health .nav-buttons .lines:after {
    background-color: #000000; }
.partner-womens-health .nav-buttons .lines-button.x.close .lines:before, .partner-womens-health .nav-buttons .lines-button.x.close .lines:after {
  background-color: #000000; }
.partner-womens-health .mobile-navigation {
  top: 76px; }
  @media only screen and (max-width: 480px) {
    .partner-womens-health .mobile-navigation {
      top: 68px; } }

/***********************************************************************************/
/* Hero */
/***********************************************************************************/
.wh-hero {
  background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero-v2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .wh-hero {
      background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero-v2@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .wh-hero {
      background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      position: relative; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .wh-hero {
      background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .wh-hero {
      background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .wh-hero {
      background-image: url("/img/style-guide/branded-pages/womenshealth/womens-health-hero-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 1024px) {
    .wh-hero__content h3, .wh-hero__content .members-cta__left__link {
      color: #FFFFFF; } }
  @media only screen and (max-width: 1024px) {
    .wh-hero__content h1 {
      color: #FFFFFF; } }
  .wh-hero__content-notify {
    color: #303c4b; }
    @media only screen and (max-width: 1024px) {
      .wh-hero__content-notify {
        color: #FFFFFF; } }
    .wh-hero__content-notify p {
      text-align: left;
      padding-left: 0.375rem; }

.partner-steps--whealth .title-area {
  max-width: 655px;
  margin-left: auto;
  margin-right: auto; }

.split-wh-planning {
  background-color: #FCFCFC; }
  .split-wh-planning__contain {
    max-width: 520px;
    margin: auto; }
    .split-wh-planning__contain h3, .split-wh-planning__contain .members-cta__left__link {
      margin-bottom: 2.5rem;
      font-size: 1.875rem;
      line-height: 2.6875rem; }
      @media only screen and (max-width: 480px) {
        .split-wh-planning__contain h3 br, .split-wh-planning__contain .members-cta__left__link br {
          display: none; } }
    .split-wh-planning__contain h5 {
      color: #8f959e;
      margin-bottom: 1.875rem; }

.plan-grid--whealth {
  margin: 3.75rem 0; }
  @media only screen and (max-width: 480px) {
    .plan-grid--whealth {
      margin: 1.875rem 0; } }
  .plan-grid--whealth .title-area h2, .plan-grid--whealth .title-area .internal-header h1, .internal-header .plan-grid--whealth .title-area h1, .plan-grid--whealth .title-area .press-release h1, .press-release .plan-grid--whealth .title-area h1 {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto; }
  .plan-grid--whealth .title-area h3, .plan-grid--whealth .title-area .members-cta__left__link {
    max-width: 775px;
    margin-left: auto;
    margin-right: auto; }
  .plan-grid--whealth .plan-grid-outer {
    margin-top: 3.75rem;
    padding-bottom: 3.75rem;
    border: 2px solid #E9E9E9;
    border-width: 0 0 2px 0; }
  .plan-grid--whealth .plan-grid__plan {
    height: 320px; }
    @media only screen and (max-width: 835px) {
      .plan-grid--whealth .plan-grid__plan {
        height: 220px; } }
  .plan-grid--whealth .partner-steps__start {
    margin-top: 1.875rem; }
  @media only screen and (max-width: 480px) {
    .plan-grid--whealth .partner-steps__start-notify {
      font-size: 0.625rem;
      line-height: 0.9375rem; } }

.shopping-options .headline-block h5 {
  max-width: 798px;
  margin-left: auto;
  margin-right: auto; }

/***********************************************************************************/
/* Footer Call to Action */
/***********************************************************************************/
.footer-cta-branded--wh {
  background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--wh {
      background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .footer-cta-branded--wh {
      background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--wh {
      background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta-branded--wh {
      background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--wh {
      background-image: url("/img/style-guide/branded-pages/womenshealth/footer-cta-whealth-mobile@2x.jpg");
      background-size: cover; } }

/***********************************************************************************/
/* Women's Health Footer */
/***********************************************************************************/
.branded-footer--wh {
  background-color: #000000; }

/***********************************************************************************/
/* For /awardsnight/ 02/12/19 */
/***********************************************************************************/
.container--alt-cards {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px; }
  .container--alt-cards:after {
    content: " ";
    display: block;
    clear: both; }
  @media only screen and (max-width: 1320px) {
    .container--alt-cards {
      max-width: 100%;
      width: 94%;
      margin-left: auto;
      margin-right: 0; } }

.awards .awards-title {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .awards .awards-title {
      padding: 1.875rem 0; } }

.awards-hero {
  background-image: url("/img/style-guide/awards/hero-coppola.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  height: 600px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .awards-hero {
      background-image: url("/img/style-guide/awards/hero-coppola@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .awards-hero {
      background-image: url("/img/style-guide/awards/hero-coppola-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      height: 285px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .awards-hero {
      background-image: url("/img/style-guide/awards/hero-coppola-mobile@2x.jpg");
      background-size: cover; } }

  .awards-hero__logo {
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 568px) {
      .awards-hero__logo {
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.875rem; } }
  @media only screen and (max-width: 568px) {
    .awards-hero__head {
      max-width: 207px;
      margin-left: auto;
      margin-right: auto; } }
  .awards-hero__head h1 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .awards-hero__head h1 {
        font-size: 1.875rem;
        font-weight: 400;
        line-height: 1.2; } }
  .awards-hero__head h5 {
    margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      .awards-hero__head h5 {
        font-size: 0.875rem;
        line-height: normal; } }
  .awards-hero__head h1, .awards-hero__head h5 {
    color: #FFFFFF; }

@media only screen and (max-width: 568px) {
  .awards .title-area {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (max-width: 568px) {
  .awards .title-area h2, .awards .title-area .internal-header h1, .internal-header .awards .title-area h1, .awards .title-area .press-release h1, .press-release .awards .title-area h1 {
    font-size: 1.875rem;
    line-height: 1.2; } }
.awards .title-area h3, .awards .title-area .members-cta__left__link {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: normal;
  max-width: 798px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 568px) {
    .awards .title-area h3, .awards .title-area .members-cta__left__link {
      font-size: 0.875rem;
      line-height: normal;
      font-weight: 300;
      max-width: 280px; } }

.recipes--awards {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .recipes--awards {
      padding-bottom: 1.875rem; } }

.oc-desktop-slider {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .oc-desktop-slider .slick-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .oc-desktop-slider .slick-track {
    position: relative;
    top: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .oc-desktop-slider .overview-card {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    float: none !important;
    margin-right: 1.69492% !important;
    margin-bottom: 0; }
    .oc-desktop-slider .overview-card:focus {
      outline: none !important; }
    .oc-desktop-slider .overview-card a {
      outline: none; }
    @media only screen and (max-width: 414px) {
      .oc-desktop-slider .overview-card {
        width: 235px; } }

.split-includes--awards .split-branded__contain {
  max-width: 500px; }
@media only screen and (max-width: 568px) {
  .split-includes--awards .split-feature__content h3, .split-includes--awards .split-feature__content .members-cta__left__link {
    font-size: 1.875rem;
    line-height: 1.2; } }

.trust-block--awards {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .trust-block--awards {
      padding: 1.875rem 0; } }
  .trust-block--awards header.title-area h2, .trust-block--awards header.title-area .internal-header h1, .internal-header .trust-block--awards header.title-area h1, .trust-block--awards header.title-area .press-release h1, .press-release .trust-block--awards header.title-area h1 {
    margin-bottom: 2.25rem; }

.process-cards--awards {
  background-color: #FCFCFC;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .process-cards--awards {
      padding: 1.875rem 0; } }
  .process-cards--awards header.title-area {
    padding-bottom: 3.75rem; }

.faq--awards {
  padding: 3.75rem 0 6.25rem; }
  @media only screen and (max-width: 568px) {
    .faq--awards {
      padding: 1.875rem 0; } }

.footer-cta-branded--awards {
  background-image: url("/img/style-guide/awards/coppola-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-landscape.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-landscape@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--awards {
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--awards {
      padding: 3rem 0 13.75rem; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--awards {
      background-image: url("/img/style-guide/awards/coppola-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-branded--awards h2, .footer-cta-branded--awards .internal-header h1, .internal-header .footer-cta-branded--awards h1, .footer-cta-branded--awards .press-release h1, .press-release .footer-cta-branded--awards h1 {
        max-width: 281px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Keto Meal Plans Page */
/***********************************************************************************/
.keto {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.keto-hero {
  background-image: url("/img/style-guide/meal-plans-v3/keto/keto-emeals-meals.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  height: 630px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .keto-hero {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-emeals-meals@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 2220px) {
    .keto-hero {
      background-position: center center; } }
  @media only screen and (max-width: 568px) {
    .keto-hero {
      height: 330px;
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .keto-hero {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-header-mobile@2x.jpg");
      background-size: cover; } }

  .keto-hero__image {
    padding-top: 7.8125rem;
    padding-bottom: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .keto-hero__image {
        max-width: 150px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem; } }
  .keto-hero__title {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .keto-hero__title {
        max-width: 265px; } }
    .keto-hero__title h1 {
      margin-bottom: 0;
      font-weight: 500; }
      @media only screen and (max-width: 568px) {
        .keto-hero__title h1 {
          font-size: 1.25rem;
          line-height: 1.2; } }

.steps-feature--keto {
  margin: 0;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .steps-feature--keto {
      padding: 1.875rem 0; } }
  @media only screen and (max-width: 568px) {
    .steps-feature--keto .headline-block h2, .steps-feature--keto .headline-block .internal-header h1, .internal-header .steps-feature--keto .headline-block h1, .steps-feature--keto .headline-block .press-release h1, .press-release .steps-feature--keto .headline-block h1 {
      font-size: 1.25rem;
      line-height: 1.2;
      max-width: 191px;
      margin-left: auto;
      margin-right: auto; } }
  .steps-feature--keto .headline-block h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    color: #8f959e;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .steps-feature--keto .headline-block h5 {
        font-size: 1.0625rem;
        line-height: 1.41;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto; } }
  .steps-feature--keto .how-block__head h5 {
    color: #8f959e; }
  @media only screen and (max-width: 568px) {
    .steps-feature--keto .step-icon {
      margin-bottom: 1.125rem; } }

.why-keto {
  background-image: url("/img/style-guide/meal-plans-v3/keto/keto-yoga-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 7.9375rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-yoga-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-keto {
      padding: 0 0 1.875rem 0;
      background-image: none; } }
  .why-keto__bg {
    background-image: url("/img/style-guide/meal-plans-v3/keto/keto-yoga-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-keto__bg {
        background-image: url("/img/style-guide/meal-plans-v3/keto/keto-yoga-image-mobile@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 667px) {
      .why-keto__bg {
        height: 400px; } }
    @media only screen and (max-width: 375px) {
      .why-keto__bg {
        height: 280px; } }
  .why-keto .why-keto-wrapper {
    width: 57.6271186441%;
    float: right;
    margin-right: 0;
    margin-left: 42.3728813559%;
    color: #FFFFFF; }
    @media only screen and (max-width: 667px) {
      .why-keto .why-keto-wrapper {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-left: 0%;
        color: #303c4b; } }
  @media only screen and (max-width: 667px) {
    .why-keto__content {
      padding-top: 1.875rem;
      text-align: center; } }
  .why-keto__content h3, .why-keto__content .members-cta__left__link {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500;
    color: #FFFFFF; }
    @media only screen and (max-width: 667px) {
      .why-keto__content h3, .why-keto__content .members-cta__left__link {
        color: #303c4b; } }
    @media only screen and (max-width: 568px) {
      .why-keto__content h3, .why-keto__content .members-cta__left__link {
        font-size: 1rem;
        line-height: normal; } }
  .why-keto__content p {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: normal; }
    @media only screen and (max-width: 667px) {
      .why-keto__content p {
        color: #8f959e; } }
    @media only screen and (max-width: 568px) {
      .why-keto__content p {
        font-size: 0.875rem;
        line-height: normal; } }
  .why-keto__list ul.naked {
    margin: 2.1875rem 0 0 2.1875rem; }
    .why-keto__list ul.naked li {
      font-size: 1.5rem;
      line-height: normal;
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
      @media only screen and (max-width: 667px) {
        .why-keto__list ul.naked li {
          color: #8f959e;
          font-size: 1.25rem; } }
      @media only screen and (max-width: 568px) {
        .why-keto__list ul.naked li {
          font-size: 0.875rem;
          line-height: normal; } }
  .why-keto__list .fa-li {
    color: #99ca3c;
    font-size: 20px;
    top: 13px; }
    @media only screen and (max-width: 568px) {
      .why-keto__list .fa-li {
        top: 5px; } }
  .why-keto__button {
    padding-top: 3.125rem; }
    @media only screen and (max-width: 667px) {
      .why-keto__button {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 1.875rem; } }

.no-touchevents .why-keto {
  background-attachment: fixed; }

.keto-quote-area {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .keto-quote-area {
      padding: 0 0 1.875rem 0; } }
  .keto-quote-area .container {
    position: relative; }
    @media only screen and (max-width: 835px) {
      .keto-quote-area .container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
    @media only screen and (max-width: 568px) {
      .keto-quote-area .container {
        width: 100%;
        max-width: 100%; } }
  .keto-quote-area__left {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 835px) {
      .keto-quote-area__left {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        max-width: 468px;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .keto-quote-area__left {
        width: 94%; } }
  .keto-quote-area__image {
    width: 40.6779661017%;
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 835px) {
      .keto-quote-area__image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
        .keto-quote-area__image img {
          margin: auto;
          display: block; } }
  .keto-quote-area .keto-quote {
    margin: 0;
    font-size: 1em;
    color: inherit;
    padding: 0;
    border: 0; }

.keto-quote cite {
  display: block;
  text-align: right;
  padding-right: 3.75rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem; }
  @media only screen and (max-width: 835px) {
    .keto-quote cite {
      text-align: center;
      padding-right: 0; } }
  @media only screen and (max-width: 568px) {
    .keto-quote cite {
      margin-bottom: 3.75rem; } }
  .keto-quote cite h4, .keto-quote cite .member .member-header__head p, .member .member-header__head .keto-quote cite p {
    font-size: 1.5rem;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .keto-quote cite h4, .keto-quote cite .member .member-header__head p, .member .member-header__head .keto-quote cite p {
        font-size: 1rem;
        line-height: 1.25; } }
    .keto-quote cite h4 > span, .keto-quote cite .member .member-header__head p > span, .member .member-header__head .keto-quote cite p > span {
      display: inline-block;
      padding-left: 20px;
      font-size: 1.125rem;
      color: #9b9b9b;
      font-weight: 400; }
      @media only screen and (max-width: 568px) {
        .keto-quote cite h4 > span, .keto-quote cite .member .member-header__head p > span, .member .member-header__head .keto-quote cite p > span {
          font-size: 1.25rem;
          line-height: 1.56;
          margin-top: 0.625rem; } }
.keto-quote__wrap {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  right: -10px;
  background-color: #FFFFFF;
  padding: 2.25rem 6.875rem 2.25rem 2.25rem;
  min-width: 828px; }
  @media screen and (max-width: 1260px) {
    .keto-quote__wrap {
      min-width: 700px; } }
  @media screen and (max-width: 1050px) {
    .keto-quote__wrap {
      min-width: 600px; } }
  @media screen and (max-width: 900px) {
    .keto-quote__wrap {
      min-width: 520px; } }
  @media only screen and (max-width: 835px) {
    .keto-quote__wrap {
      min-width: 0;
      max-width: 468px; } }
  @media only screen and (max-width: 568px) {
    .keto-quote__wrap {
      right: 0;
      padding: 1.25rem; } }
  .keto-quote__wrap img {
    position: absolute;
    top: -15px;
    left: 30px;
    z-index: 10; }
    @media only screen and (max-width: 568px) {
      .keto-quote__wrap img {
        left: 40px; } }
  .keto-quote__wrap h5 {
    font-size: 1.375rem;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 1.64; }
    @media only screen and (max-width: 568px) {
      .keto-quote__wrap h5 {
        font-size: 0.875rem;
        line-height: normal; } }

.keto-featured {
  background-color: #F8F8F8;
  padding: 2.75rem; }
  @media only screen and (max-width: 568px) {
    .keto-featured {
      padding: 1.875rem 0; } }
  .keto-featured h4, .keto-featured .member .member-header__head p, .member .member-header__head .keto-featured p {
    text-align: center;
    color: #595959;
    font-size: 1.75rem;
    font-weight: 600;
    opacity: 0.74; }
    @media only screen and (max-width: 568px) {
      .keto-featured h4, .keto-featured .member .member-header__head p, .member .member-header__head .keto-featured p {
        font-size: 1.375rem;
        font-weight: 500; } }
  .keto-featured__row {
    margin-top: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .keto-featured__row {
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
  .keto-featured__image {
    -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%; }
    @media only screen and (max-width: 568px) {
      .keto-featured__image {
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; }
        .keto-featured__image:nth-child(1) {
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; }
        .keto-featured__image:nth-child(2) {
          -webkit-order: 3;
              -ms-flex-order: 3;
                  order: 3;
          margin-top: 0.75rem; }
          .keto-featured__image:nth-child(2) img {
            max-width: 110px; }
        .keto-featured__image:nth-child(3) {
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
    .keto-featured__image img {
      display: block;
      text-align: center;
      margin: 0 auto;
      padding-left: 10px;
      padding-right: 10px; }

.keto-dinners {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .keto-dinners {
      padding: 1.875rem 0; } }
  .keto-dinners .headline-block {
    max-width: 541px;
    margin: auto; }
    .keto-dinners .headline-block h2, .keto-dinners .headline-block .internal-header h1, .internal-header .keto-dinners .headline-block h1, .keto-dinners .headline-block .press-release h1, .press-release .keto-dinners .headline-block h1 {
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .keto-dinners .headline-block h2, .keto-dinners .headline-block .internal-header h1, .internal-header .keto-dinners .headline-block h1, .keto-dinners .headline-block .press-release h1, .press-release .keto-dinners .headline-block h1 {
          max-width: 202px;
          margin-left: auto;
          margin-right: auto; } }

.card-recipes--keto .container {
  background-image: url("/img/style-guide/meal-plans-v3/keto/woman-in-fridge.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 100%;
  max-width: 1170px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .card-recipes--keto .container {
      background-image: url("/img/style-guide/meal-plans-v3/keto/woman-in-fridge@2x.jpg"); } }
  @media screen and (max-width: 1320px) {
    .card-recipes--keto .container {
      max-width: 94%; } }
  @media screen and (max-width: 1040px) {
    .card-recipes--keto .container {
      background-size: 50% auto;
      background-position: top right; } }
  @media only screen and (max-width: 835px) {
    .card-recipes--keto .container {
      background-image: none; } }

/*.keto-recipes {
	background-color: $light-grey;
	padding: rem(60) 0;

	@include portrait-mode {
		padding: rem(30) 0;
	}

	.container {
		@include retina('/img/style-guide/meal-plans-v3/keto/woman-in-fridge', '@2x', 'jpg');
		background-position: center right;
		background-size: auto 100%;
		max-width: 1170px;

		@media screen and (max-width: 1320px) {
			max-width: 94%;
		}

		@media screen and (max-width: 1040px) {
			background-size: 50% auto;
			background-position: top right;
		}

		@include tablet-portrait {
			background-image: none;
		}
	}

	&__head {
		max-width: 288px;
		margin-bottom: rem(60);

		@include tablet-portrait {
			max-width: 100%;
			text-align: center;
		}

		@include portrait-mode {
			margin-bottom: rem(30);
		}

		h2 {
			font-size: rem(36);
			font-weight: 500;
			line-height: 1.28;

			@include portrait-mode {
				font-size: rem(20);
				letter-spacing: 0.2px;
			}
		}
	}
}

.recipe-card-slider-keto {
	display: flex;

	@include tablet-portrait {
		max-width: 620px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 10px;
	}

	@include portrait-mode {
		max-width: 300px;
		left: 0;
	}

	.plan-card {
		margin-right: 20px;
		margin-bottom: 0;
		border-width: 0px;

		&:last-child {
			margin-right: 0;
		}

		.plan-card__content h4 {
			margin-right: 40px;
		}

	}
}

/*/
.trust-block--keto {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .trust-block--keto {
      padding: 1.875rem 0;
      background-color: #F8F8F8; } }
  .trust-block--keto .title-area h5 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto; }

.plan-slider-wrap--keto {
  background-color: #F8F8F8; }
  @media only screen and (max-width: 568px) {
    .plan-slider-wrap--keto {
      margin-bottom: 0;
      border-bottom-width: 0; } }
  .plan-slider-wrap--keto .headline-block {
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 568px) {
      .plan-slider-wrap--keto .headline-block {
        margin-bottom: 1.875rem; } }

.footer-cta-branded--keto {
  background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner@2x.jpg");
      background-size: cover; } }
  @media screen and (min-width: 836px) {
    .footer-cta-branded--keto {
      padding: 4.5rem 0; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta-branded--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--keto {
      background-image: url("/img/style-guide/meal-plans-v3/keto/keto-banner-mobile@2x.jpg");
      background-size: cover; } }

  .footer-cta-branded--keto h2, .footer-cta-branded--keto .internal-header h1, .internal-header .footer-cta-branded--keto h1, .footer-cta-branded--keto .press-release h1, .press-release .footer-cta-branded--keto h1 {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .footer-cta-branded--keto h2, .footer-cta-branded--keto .internal-header h1, .internal-header .footer-cta-branded--keto h1, .footer-cta-branded--keto .press-release h1, .press-release .footer-cta-branded--keto h1 {
        max-width: 280px; } }

.faq--keto {
  padding: 3.75rem 0; }
  .faq--keto .accordion {
    margin-bottom: 0; }

@media only screen and (max-width: 568px) {
  .plan-slider-wrap--keto .headline-block h2, .plan-slider-wrap--keto .headline-block .internal-header h1, .internal-header .plan-slider-wrap--keto .headline-block h1, .plan-slider-wrap--keto .headline-block .press-release h1, .press-release .plan-slider-wrap--keto .headline-block h1, .faq--keto .headline-block h2, .faq--keto .headline-block .internal-header h1, .internal-header .faq--keto .headline-block h1, .faq--keto .headline-block .press-release h1, .press-release .faq--keto .headline-block h1, .keto-dinners .headline-block h2, .keto-dinners .headline-block .internal-header h1, .internal-header .keto-dinners .headline-block h1, .keto-dinners .headline-block .press-release h1, .press-release .keto-dinners .headline-block h1, .footer-cta-branded--keto .headline-block h2, .footer-cta-branded--keto .headline-block .internal-header h1, .internal-header .footer-cta-branded--keto .headline-block h1, .footer-cta-branded--keto .headline-block .press-release h1, .press-release .footer-cta-branded--keto .headline-block h1 {
    font-size: 1.25rem; } }

/***********************************************************************************/
/* For /coppolanight/ 02/12/19 */
/***********************************************************************************/
.container--alt-cards {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px; }
  .container--alt-cards:after {
    content: " ";
    display: block;
    clear: both; }
  @media only screen and (max-width: 1320px) {
    .container--alt-cards {
      max-width: 100%;
      width: 94%;
      margin-left: auto;
      margin-right: 0; } }

.coppola .coppola-title {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .coppola .coppola-title {
      padding: 1.875rem 0; } }

.coppola-hero {
  background-image: url("/img/style-guide/coppola/coppola-header-image-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  height: 600px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .coppola-hero {
      background-image: url("/img/style-guide/coppola/coppola-header-image-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .coppola-hero {
      background-image: url("/img/style-guide/coppola/coppola-header-image-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      height: 320px;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-top: 1.25rem; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .coppola-hero {
      background-image: url("/img/style-guide/coppola/coppola-header-image-mobile@2x.jpg");
      background-size: cover; } }

  .coppola-hero__logo {
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 568px) {
      .coppola-hero__logo {
        max-width: 140px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.25rem; } }
  @media only screen and (max-width: 568px) {
    .coppola-hero__head {
      max-width: 170px;
      margin-left: auto;
      margin-right: auto; } }
  .coppola-hero__head h1 {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    font-weight: 500;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.15;
    margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      .coppola-hero__head h1 {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2; } }

@media only screen and (max-width: 568px) {
  .coppola .title-area {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (max-width: 568px) {
  .coppola .title-area h2, .coppola .title-area .internal-header h1, .internal-header .coppola .title-area h1, .coppola .title-area .press-release h1, .press-release .coppola .title-area h1 {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 1.5rem; } }
.coppola .title-area h3, .coppola .title-area .members-cta__left__link {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  max-width: 1034px;
  margin-left: auto;
  margin-right: auto;
  color: #838288; }
  @media only screen and (max-width: 568px) {
    .coppola .title-area h3, .coppola .title-area .members-cta__left__link {
      font-size: 0.875rem;
      line-height: normal;
      font-weight: 300;
      max-width: 100%;
      color: #8f959e; } }

.recipes--coppola {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .recipes--coppola {
      padding-bottom: 1.875rem; } }
  .recipes--coppola__trial {
    margin-top: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .recipes--coppola__trial {
        margin-top: 1.875rem; } }
  .recipes--coppola .overview-card:hover {
    border-color: rgba(143, 149, 158, 0.27); }

.oc-desktop-slider {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .oc-desktop-slider .slick-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .oc-desktop-slider .slick-track {
    position: relative;
    top: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .oc-desktop-slider .overview-card {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    float: none !important;
    margin-right: 1.69492% !important;
    margin-bottom: 0; }
    .oc-desktop-slider .overview-card:focus {
      outline: none !important; }
    .oc-desktop-slider .overview-card a {
      outline: none; }
    @media only screen and (max-width: 414px) {
      .oc-desktop-slider .overview-card {
        width: 235px; } }

.split-includes--coppola .split-branded__contain {
  max-width: 500px; }
@media only screen and (max-width: 568px) {
  .split-includes--coppola .split-feature__content h3, .split-includes--coppola .split-feature__content .members-cta__left__link {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 1.375rem; } }

.trust-block--coppola {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .trust-block--coppola {
      padding: 1.875rem 0; } }
  .trust-block--coppola header.title-area h2, .trust-block--coppola header.title-area .internal-header h1, .internal-header .trust-block--coppola header.title-area h1, .trust-block--coppola header.title-area .press-release h1, .press-release .trust-block--coppola header.title-area h1 {
    margin-bottom: 2.25rem; }

.process-cards--coppola {
  background-color: #FCFCFC;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .process-cards--coppola {
      padding: 1.875rem 0; } }
  .process-cards--coppola header.title-area {
    padding-bottom: 3.75rem; }

.faq--coppola {
  padding: 3.75rem 0 6.25rem; }
  @media only screen and (max-width: 568px) {
    .faq--coppola {
      padding: 1.875rem 0; } }

.footer-cta-branded--coppola {
  background-image: url("/img/style-guide/coppola/coppola-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-landscape.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-landscape@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--coppola {
      padding: 4.375rem 0; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--coppola {
      padding: 3rem 0 13.75rem; } }
  @media only screen and (max-width: 480px) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--coppola {
      background-image: url("/img/style-guide/coppola/coppola-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-branded--coppola h2, .footer-cta-branded--coppola .internal-header h1, .internal-header .footer-cta-branded--coppola h1, .footer-cta-branded--coppola .press-release h1, .press-release .footer-cta-branded--coppola h1 {
        max-width: 281px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* FriendsGiving Page */
/***********************************************************************************/
.hero-v4--friendsgiving {
  background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v4--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-header-desktop@2x.jpg");
      background-size: cover; } }
  .hero-v4--friendsgiving .hero-v4__title {
    max-width: 527px; }
  @media only screen and (max-width: 835px) {
    .hero-v4--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-header.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      height: 630px; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .hero-v4--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-header@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .hero-v4--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      height: 430px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .hero-v4--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-header-mobile@2x.jpg");
      background-size: cover; } }

.footer-cta-branded--friendsgiving {
  background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--friendsgiving {
      height: 510px;
      padding-top: 3.75rem;
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-banner-02.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-banner-02@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-banner-01.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-ipad-banner-01@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta-branded--friendsgiving {
      padding: 3rem 0 13.75rem;
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/coppola/friendsgiving/friendsgiving-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-branded--friendsgiving h2, .footer-cta-branded--friendsgiving .internal-header h1, .internal-header .footer-cta-branded--friendsgiving h1, .footer-cta-branded--friendsgiving .press-release h1, .press-release .footer-cta-branded--friendsgiving h1 {
        max-width: 281px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Occasions Pages */
/***********************************************************************************/
/***********************************************************************************/
/* Holiday Dinner Party */
/***********************************************************************************/
.hdp .hdp-title {
  padding: 4.5rem 0 4.25rem; }
  @media only screen and (max-width: 568px) {
    .hdp .hdp-title {
      padding: 1.875rem 0; } }

.hero-v4--hdp {
  background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v4--hdp {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-header@2x.jpg");
      background-size: cover; } }
  .hero-v4--hdp .hero-v4__title {
    max-width: 527px; }
    @media only screen and (max-width: 568px) {
      .hero-v4--hdp .hero-v4__title {
        max-width: 280px; }
        .hero-v4--hdp .hero-v4__title h4, .hero-v4--hdp .hero-v4__title .member .member-header__head p, .member .member-header__head .hero-v4--hdp .hero-v4__title p {
          font-size: 1rem; } }
  @media only screen and (max-width: 835px) {
    .hero-v4--hdp {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-header.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      height: 630px; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .hero-v4--hdp {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-header@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .hero-v4--hdp {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-mobile-header.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      height: 430px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .hero-v4--hdp {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-mobile-header@2x.jpg");
      background-size: cover; } }

.recipes--hdp {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .recipes--hdp {
      padding-bottom: 1.875rem; } }
  .recipes--hdp__trial {
    margin-top: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .recipes--hdp__trial {
        margin-top: 1.875rem; } }
  .recipes--hdp .overview-card:hover {
    border-color: rgba(143, 149, 158, 0.27); }

.footer-cta-branded--friendsgiving {
  background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--friendsgiving {
      height: 510px;
      padding-top: 3.75rem;
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-banner-02.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-banner-02@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-banner-01.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-ipad-banner-01@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta-branded--friendsgiving {
      padding: 3rem 0 13.75rem;
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--friendsgiving {
      background-image: url("/img/style-guide/occasions/holiday-dinner-party/stella-artois-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-branded--friendsgiving h2, .footer-cta-branded--friendsgiving .internal-header h1, .internal-header .footer-cta-branded--friendsgiving h1, .footer-cta-branded--friendsgiving .press-release h1, .press-release .footer-cta-branded--friendsgiving h1 {
        max-width: 281px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Super Bowl 2020 */
/***********************************************************************************/
.hero-v4--superbowl {
  background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v4--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header@2x.jpg");
      background-size: cover; } }
  .hero-v4--superbowl .hero-v4__title {
    max-width: 535px; }
    @media only screen and (max-width: 568px) {
      .hero-v4--superbowl .hero-v4__title {
        max-width: 280px; }
        .hero-v4--superbowl .hero-v4__title h4, .hero-v4--superbowl .hero-v4__title .member .member-header__head p, .member .member-header__head .hero-v4--superbowl .hero-v4__title p {
          font-size: 1rem; } }
  @media only screen and (max-width: 835px) {
    .hero-v4--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header-i-pad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      height: 850px; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .hero-v4--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header-i-pad@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
      .hero-v4--superbowl .hero-v4__title {
        max-width: 610px; } }
  @media only screen and (max-width: 568px) {
    .hero-v4--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      height: 476px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .hero-v4--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/overhead-menu-bdl-header-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
      .hero-v4--superbowl .hero-v4__title {
        max-width: 280px; } }

.superbowl-title {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem; }
  .superbowl-title__logo {
    text-align: center;
    margin-bottom: 1.875rem; }
    .superbowl-title__logo figcaption {
      margin-top: 0.75rem; }
    .superbowl-title__logo figcaption > h6 {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      letter-spacing: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 0.62px;
      text-transform: uppercase;
      font-size: 0.9375rem;
      color: #303c4b;
      margin: 0; }
  .superbowl-title .title-area {
    max-width: 810px;
    margin: auto; }

.recipes--superbowl {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .recipes--superbowl {
      padding-bottom: 1.875rem; } }

.split-includes--superbowl {
  border-bottom: 1px solid #efefef;
  background-color: #FCFCFC; }
  .split-includes--superbowl .split-branded__contain {
    max-width: 500px; }
  @media only screen and (max-width: 568px) {
    .split-includes--superbowl .split-feature__content h3, .split-includes--superbowl .split-feature__content .members-cta__left__link {
      font-size: 1.25rem;
      line-height: 1.2;
      margin-bottom: 1.375rem; } }

.faq--superbowl {
  margin: 3.75rem 0 2.5rem; }
  @media only screen and (max-width: 568px) {
    .faq--superbowl {
      margin: 1.875rem 0; } }

.footer-cta-branded--superbowl {
  background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-footer-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4rem 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta-branded--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-footer-banner@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta-branded--superbowl {
      height: 510px;
      padding-top: 3.75rem;
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-ipad-banner-01.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta-branded--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-ipad-banner-01@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta-branded--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-ipad-banner-02.jpg");
      background-size: cover;
      background-repeat: no-repeat; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta-branded--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-ipad-banner-02@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta-branded--superbowl {
      padding: 3rem 0 13.75rem;
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-banner-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta-branded--superbowl {
      background-image: url("/img/style-guide/occasions/superbowl/greek-salad-dip-banner-mobile@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 480px) {
      .footer-cta-branded--superbowl h2, .footer-cta-branded--superbowl .internal-header h1, .internal-header .footer-cta-branded--superbowl h1, .footer-cta-branded--superbowl .press-release h1, .press-release .footer-cta-branded--superbowl h1 {
        max-width: 281px;
        margin-left: auto;
        margin-right: auto; } }

/***********************************************************************************/
/* Occasions Template - 2020 Version 1 */
/***********************************************************************************/
.occasions {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 667px) {
    .occasions {
      padding: 1.875rem 0; } }
  .occasions .page-content .container {
    max-width: 1032px; }
  @media only screen and (max-width: 667px) {
    .occasions .page-content .container--full-mobile {
      width: 100%;
      max-width: 100%; } }

.occasions-valentines {
  padding-bottom: 5rem; }
  @media only screen and (max-width: 667px) {
    .occasions-valentines {
      padding-bottom: 3.125rem; } }

.occasions-hero {
  padding-bottom: 3.75rem; }
  @media only screen and (max-width: 667px) {
    .occasions-hero {
      padding-bottom: 1.875rem; } }
  .occasions-hero__title {
    padding-bottom: 3.5rem; }
    @media only screen and (max-width: 667px) {
      .occasions-hero__title {
        text-align: center;
        padding-bottom: 3.4375rem; } }
    .occasions-hero__title h1 {
      font-weight: 500;
      padding-bottom: 0.3125rem; }
      @media only screen and (max-width: 667px) {
        .occasions-hero__title h1 {
          padding-bottom: 1.25rem; } }
    .occasions-hero__title p.header--h4 {
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (max-width: 667px) {
        .occasions-hero__title p.header--h4 {
          font-size: 1rem;
          max-width: 375px;
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 568px) {
        .occasions-hero__title p.header--h4 {
          font-size: 1rem; } }
  @media only screen and (max-width: 667px) {
    .occasions-hero .container.container--full-mobile {
      width: 100%;
      max-width: 100%; } }

.occasions-video {
  background-color: #f6f7f8;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 667px) {
    .occasions-video {
      padding: 1.875rem 0; } }
  .occasions-video__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .occasions-video__content {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 667px) {
      .occasions-video__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        text-align: center;
        margin-bottom: 1.25rem; } }
    .occasions-video__content h2, .occasions-video__content .internal-header h1, .internal-header .occasions-video__content h1, .occasions-video__content .press-release h1, .press-release .occasions-video__content h1, .occasions-video__content h4, .occasions-video__content .member .member-header__head p, .member .member-header__head .occasions-video__content p {
      max-width: 381px; }
      @media only screen and (max-width: 667px) {
        .occasions-video__content h2, .occasions-video__content .internal-header h1, .internal-header .occasions-video__content h1, .occasions-video__content .press-release h1, .press-release .occasions-video__content h1, .occasions-video__content h4, .occasions-video__content .member .member-header__head p, .member .member-header__head .occasions-video__content p {
          max-width: 245px;
          margin-left: auto;
          margin-right: auto; } }
    .occasions-video__content h2, .occasions-video__content .internal-header h1, .internal-header .occasions-video__content h1, .occasions-video__content .press-release h1, .press-release .occasions-video__content h1 {
      margin-top: 0.375rem; }
    .occasions-video__content h4, .occasions-video__content .member .member-header__head p, .member .member-header__head .occasions-video__content p {
      color: #838288; }
  .occasions-video__video {
    width: 40.6779661017%;
    float: right;
    margin-right: 0;
    text-align: right; }
    @media only screen and (max-width: 667px) {
      .occasions-video__video {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        text-align: center; } }
    .occasions-video__video__image {
      position: relative;
      max-width: 379px;
      margin-left: auto;
      text-align: right;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media only screen and (max-width: 667px) {
        .occasions-video__video__image {
          margin: 0 auto;
          max-width: 100%; } }
    .occasions-video__video div.wistia_click_to_play, .occasions-video__video span.wistia_embed {
      position: static !important; }
    .occasions-video__video .occasions-video-play {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .occasions-video__video .occasions-video-play svg {
        width: 60px;
        height: 60px; }
      .occasions-video__video .occasions-video-play path {
        transition: fill 0.25s; }
      .occasions-video__video .occasions-video-play circle {
        transition: stroke 0.25s; }
      .occasions-video__video .occasions-video-play:hover path {
        fill: #ff9600; }
      .occasions-video__video .occasions-video-play:hover circle {
        stroke: #ff9600; }

.occasions-recipes {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 667px) {
    .occasions-recipes {
      padding: 1.875rem 0; } }

.recipe-box-wide {
  clear: both;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ebeef0;
  padding-right: 2.8125rem;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 667px) {
    .recipe-box-wide {
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      padding-right: 0;
      margin-bottom: 1.875rem;
      max-width: 374px;
      margin-left: auto;
      margin-right: auto;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start; } }
  .recipe-box-wide:last-child {
    margin-bottom: 0; }
  .recipe-box-wide__image {
    -webkit-flex: 0 1 64%;
        -ms-flex: 0 1 64%;
            flex: 0 1 64%;
    margin-right: 40px;
    max-width: 653px; }
    @media only screen and (max-width: 835px) {
      .recipe-box-wide__image {
        -webkit-flex: 1 1 40%;
            -ms-flex: 1 1 40%;
                flex: 1 1 40%;
        margin-right: 30px; } }
    @media only screen and (max-width: 667px) {
      .recipe-box-wide__image {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        margin-right: 0;
        margin-bottom: 1.25rem; } }
    .recipe-box-wide__image .oc-desktop {
      display: block; }
      @media only screen and (max-width: 835px) {
        .recipe-box-wide__image .oc-desktop {
          display: none; } }
    .recipe-box-wide__image .oc-mobile {
      display: none; }
      @media only screen and (max-width: 835px) {
        .recipe-box-wide__image .oc-mobile {
          display: block;
          max-width: none; } }
  .recipe-box-wide__content {
    -webkit-flex: 1 1 calc(36% - 40px);
        -ms-flex: 1 1 calc(36% - 40px);
            flex: 1 1 calc(36% - 40px);
    max-width: 315px; }
    @media only screen and (max-width: 835px) {
      .recipe-box-wide__content {
        -webkit-flex: 1 1 calc(60% - 30px);
            -ms-flex: 1 1 calc(60% - 30px);
                flex: 1 1 calc(60% - 30px); } }
    @media only screen and (max-width: 667px) {
      .recipe-box-wide__content {
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.875rem; } }
    .recipe-box-wide__content h6 {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 1.25;
      letter-spacing: 0.5px;
      color: #99ca3c;
      margin-bottom: 0.625rem; }
    .recipe-box-wide__content h4, .recipe-box-wide__content .member .member-header__head p, .member .member-header__head .recipe-box-wide__content p {
      color: #303c4b;
      letter-spacing: -0.17px;
      font-weight: 500;
      padding-right: 1.25rem; }
    .recipe-box-wide__content p {
      padding-right: 3.75rem;
      margin-bottom: 0;
      margin-top: 1.25rem; }
      @media only screen and (max-width: 835px) {
        .recipe-box-wide__content p {
          margin-top: 0.625rem; } }
    .recipe-box-wide__content__button {
      margin-top: 2.5rem; }
      @media only screen and (max-width: 835px) {
        .recipe-box-wide__content__button {
          margin-top: 1.5rem; } }
      @media screen and (max-width: 900px) {
        .recipe-box-wide__content__button a.btn--grey-out {
          padding: 0.5rem 0.9375rem;
          font-size: 0.875rem; } }

.occasions-shopping .title-area {
  max-width: 798px;
  margin: auto;
  margin-bottom: 3.75rem; }

.shopping-logos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (max-width: 667px) {
    .shopping-logos {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .shopping-logos__logo {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 1.875rem; }
    @media only screen and (max-width: 667px) {
      .shopping-logos__logo {
        -webkit-flex: 0 1 50%;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.875rem; }
        .shopping-logos__logo:nth-child(2n) {
          margin-left: 15px;
          -webkit-flex: 0 1 calc(50% - 15px);
              -ms-flex: 0 1 calc(50% - 15px);
                  flex: 0 1 calc(50% - 15px); } }
    .shopping-logos__logo img {
      text-align: center;
      margin: auto;
      display: block; }
    .shopping-logos__logo figcaption {
      font-size: 0.875rem;
      text-align: center;
      color: #8f959e;
      padding-top: 0.875rem;
      line-height: 1.3; }

/***********************************************************************************/
/* Diet Plans Overview */
/***********************************************************************************/
.diet-plans {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/***********************************************************************************/
/* Diet Plans Overview Overview */
/***********************************************************************************/
.hero-v3--diet-overview {
  background-image: url("/img/style-guide/diet-plans/meal-plan-overview-header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 315px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-v3--diet-overview {
      background-image: url("/img/style-guide/diet-plans/meal-plan-overview-header@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 568px) {
    .hero-v3--diet-overview {
      height: 170px; } }

.diet-plans-title {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .diet-plans-title {
      padding: 1.25rem 0; } }
  .diet-plans-title__title-area {
    max-width: 1096px;
    margin-left: auto;
    margin-right: auto; }
  .diet-plans-title__button {
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

.overview-grid {
  background-color: #F8F8F8;
  padding: 4.25rem 0; }
  @media only screen and (max-width: 568px) {
    .overview-grid {
      padding: 1.25rem 0; } }

.plan-group {
  max-width: 1032px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.6875rem; }
  .plan-group:last-of-type {
    margin-bottom: 0; }
  @media only screen and (max-width: 835px) {
    .plan-group:last-child {
      margin-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .plan-group {
      margin-bottom: 1.875rem; } }
  .plan-group__header h3, .plan-group__header .members-cta__left__link {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3, .plan-group__header .members-cta__left__link {
        font-size: 1rem; } }
  .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
        font-size: 0.875rem; } }

/***********************************************************************************/
/* Overview Page */
/***********************************************************************************/
.meal-plans-title {
  padding: 4.5rem 0; }
  @media only screen and (max-width: 568px) {
    .meal-plans-title {
      padding: 1.25rem 0; } }

.overview-grid {
  background-color: #F8F8F8;
  padding: 4.25rem 0; }
  @media only screen and (max-width: 568px) {
    .overview-grid {
      padding: 1.25rem 0; } }

.plan-group {
  max-width: 1032px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.6875rem; }
  .plan-group:last-of-type {
    margin-bottom: 0; }
  @media only screen and (max-width: 835px) {
    .plan-group:last-child {
      margin-bottom: 0; } }
  @media only screen and (max-width: 568px) {
    .plan-group {
      margin-bottom: 1.875rem; } }
  .plan-group__header h3, .plan-group__header .members-cta__left__link {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3, .plan-group__header .members-cta__left__link {
        font-size: 1rem; } }
  .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4, .plan-group__header .member .member-header__head p, .member .member-header__head .plan-group__header p {
        font-size: 0.875rem; } }

.footer-cta--mpoverview {
  background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 1024px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad-landscape.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad-landscape@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 835px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 480px) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center;
      padding-bottom: 6.25rem; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-device-pixel-ratio: 2), only screen and (max-width: 480px) and (min-resolution: 192dpi), only screen and (max-width: 480px) and (min-resolution: 2dppx) {
    .footer-cta--mpoverview {
      background-image: url("/img/style-guide/meal-plans-v3/footer-meal-plans-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 320px) {
    .footer-cta--mpoverview {
      padding-bottom: 4.6875rem; } }
  .footer-cta--mpoverview h2, .footer-cta--mpoverview .internal-header h1, .internal-header .footer-cta--mpoverview h1, .footer-cta--mpoverview .press-release h1, .press-release .footer-cta--mpoverview h1 {
    max-width: 525px; }

/***********************************************************************************/
/* Diet Plans Single - Global */
/***********************************************************************************/
.diet-hero {
  text-align: left;
  height: 630px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .diet-hero {
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
                  -ms-grid-row-align: flex-start;
              align-items: flex-start;
      text-align: center; } }
  @media only screen and (max-width: 568px) {
    .diet-hero {
      height: 330px; } }
  .diet-hero .container {
    width: 100%; }
    @media only screen and (max-width: 1320px) {
      .diet-hero .container {
        width: 94%;
        margin-left: auto;
        margin-right: auto; } }
  @media only screen and (max-width: 835px) {
    .diet-hero__title {
      margin-left: auto;
      margin-right: auto;
      padding-top: 8.125rem; } }
  @media only screen and (max-width: 568px) {
    .diet-hero__title {
      max-width: 240px;
      margin-top: 3.125rem;
      padding-top: 0; } }
  .diet-hero__title h1 {
    margin-bottom: 1rem;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .diet-hero__title h1 {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: 0.625rem; } }
  .diet-hero__title h4, .diet-hero__title .member .member-header__head p, .member .member-header__head .diet-hero__title p {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 568px) {
      .diet-hero__title h4, .diet-hero__title .member .member-header__head p, .member .member-header__head .diet-hero__title p {
        font-size: 1.125rem;
        line-height: 1.56;
        margin-bottom: 1.25rem; } }
  .diet-hero__button {
    margin: 0; }

.diet-hero--white .diet-hero__title h1, .diet-hero--white .diet-hero__title h4, .diet-hero--white .diet-hero__title .member .member-header__head p, .member .member-header__head .diet-hero--white .diet-hero__title p {
  color: #FFFFFF; }

.steps-feature--diet {
  margin: 0;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .steps-feature--diet {
      padding: 1.875rem 0; } }
  @media only screen and (max-width: 568px) {
    .steps-feature--diet .headline-block h2, .steps-feature--diet .headline-block .internal-header h1, .internal-header .steps-feature--diet .headline-block h1, .steps-feature--diet .headline-block .press-release h1, .press-release .steps-feature--diet .headline-block h1 {
      font-size: 1.25rem;
      line-height: 1.2;
      margin-left: auto;
      margin-right: auto; } }
  .steps-feature--diet .headline-block h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    color: #8f959e;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .steps-feature--diet .headline-block h5 {
        font-size: 1.0625rem;
        line-height: 1.41;
        margin-left: auto;
        margin-right: auto; } }
  .steps-feature--diet .how-block__head h5 {
    color: #8f959e; }
  @media only screen and (max-width: 568px) {
    .steps-feature--diet .step-icon {
      margin-bottom: 1.125rem; } }
  .steps-feature--diet__button {
    margin-top: 3.75rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      .steps-feature--diet__button {
        margin-top: 1.875rem; } }

.diet-recipes {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .diet-recipes {
      padding: 1.875rem 0; } }
  .diet-recipes__head {
    text-align: center;
    margin-bottom: 3.75rem; }
    @media only screen and (max-width: 568px) {
      .diet-recipes__head {
        margin-bottom: 1.875rem;
        margin-left: auto;
        margin-right: auto; } }
    .diet-recipes__head h2, .diet-recipes__head .internal-header h1, .internal-header .diet-recipes__head h1, .diet-recipes__head .press-release h1, .press-release .diet-recipes__head h1 {
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .diet-recipes__head h2, .diet-recipes__head .internal-header h1, .internal-header .diet-recipes__head h1, .diet-recipes__head .press-release h1, .press-release .diet-recipes__head h1 {
          font-size: 1.25rem; } }
  .diet-recipes .diet-recipe-card-slider .slick-track:hover {
    cursor: pointer; }
  .diet-recipes .diet-recipe-card-slider .slick-track, .diet-recipes .diet-recipe-card-slider .slick-list {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .diet-recipes .diet-recipe-card-slider .slick-list {
      display: block !important; } }
  .diet-recipes .recipe-card {
    max-width: 334px;
    float: left !important;
    margin-right: 24px !important; }
    .diet-recipes .recipe-card a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .diet-recipes .recipe-card a:focus {
      outline: none; }
    .diet-recipes .recipe-card:focus {
      outline: none; }
    .diet-recipes .recipe-card__content h3, .diet-recipes .recipe-card__content .members-cta__left__link {
      font-size: 1.5rem;
      line-height: 1.25; }
      @media only screen and (max-width: 568px) {
        .diet-recipes .recipe-card__content h3, .diet-recipes .recipe-card__content .members-cta__left__link {
          font-size: 1rem; } }

.why-diet {
  padding: 7.9375rem 0; }
  @media only screen and (max-width: 667px) {
    .why-diet {
      padding: 0 0 1.875rem 0;
      background-image: none; } }
  .why-diet__bg {
    height: 0; }
    @media only screen and (max-width: 667px) {
      .why-diet__bg {
        height: 400px; } }
    @media only screen and (max-width: 375px) {
      .why-diet__bg {
        height: 280px; } }
  .why-diet .why-diet-wrapper {
    width: 57.6271186441%;
    float: right;
    margin-right: 0;
    margin-left: 42.3728813559%;
    color: #303c4b; }
    @media only screen and (max-width: 667px) {
      .why-diet .why-diet-wrapper {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-left: 0%;
        color: #303c4b; } }
  @media only screen and (max-width: 667px) {
    .why-diet__content {
      padding-top: 1.875rem;
      text-align: center; } }
  .why-diet__content h3, .why-diet__content .members-cta__left__link {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500;
    color: #303c4b; }
    @media only screen and (max-width: 667px) {
      .why-diet__content h3, .why-diet__content .members-cta__left__link {
        color: #303c4b; } }
    @media only screen and (max-width: 568px) {
      .why-diet__content h3, .why-diet__content .members-cta__left__link {
        font-size: 1rem;
        line-height: normal; } }
  .why-diet__content p {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: normal; }
    @media only screen and (max-width: 667px) {
      .why-diet__content p {
        color: #8f959e; } }
    @media only screen and (max-width: 568px) {
      .why-diet__content p {
        font-size: 0.875rem;
        line-height: normal; } }
  .why-diet__list {
    margin-left: -4px; }
    @media only screen and (max-width: 835px) {
      .why-diet__list {
        margin-left: 0; } }
    .why-diet__list ul.naked {
      margin: 2.1875rem 0 0 2.1875rem; }
      .why-diet__list ul.naked li {
        font-size: 1.5rem;
        line-height: normal;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        color: #838288; }
        @media only screen and (max-width: 667px) {
          .why-diet__list ul.naked li {
            color: #8f959e;
            font-size: 1.25rem; } }
        @media only screen and (max-width: 568px) {
          .why-diet__list ul.naked li {
            font-size: 0.875rem;
            line-height: normal; } }
    .why-diet__list .fa-li {
      color: #99ca3c;
      font-size: 20px;
      top: 13px; }
      @media only screen and (max-width: 568px) {
        .why-diet__list .fa-li {
          top: 5px; } }
  .why-diet__button {
    padding-top: 3.125rem; }
    @media only screen and (max-width: 667px) {
      .why-diet__button {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 1.875rem; } }

.no-touchevents .why-diet {
  background-attachment: fixed; }

.why-diet--white .why-diet__content h3, .why-diet--white .why-diet__content .members-cta__left__link, .why-diet--white .why-diet__content p {
  color: #FFFFFF; }
@media only screen and (max-width: 667px) {
  .why-diet--white .why-diet__content h3, .why-diet--white .why-diet__content .members-cta__left__link {
    color: #303c4b; }
  .why-diet--white .why-diet__content p {
    color: #8f959e; } }
.why-diet--white .why-diet__list ul.naked li {
  color: #FFFFFF; }
  @media only screen and (max-width: 667px) {
    .why-diet--white .why-diet__list ul.naked li {
      color: #8f959e; } }

.diet-quote-area {
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .diet-quote-area {
      padding: 0 0 1.875rem 0; } }
  .diet-quote-area .container {
    position: relative; }
    @media only screen and (max-width: 835px) {
      .diet-quote-area .container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
    @media only screen and (max-width: 568px) {
      .diet-quote-area .container {
        width: 100%;
        max-width: 100%; } }
  .diet-quote-area__left {
    width: 57.6271186441%;
    float: left;
    margin-right: 1.6949152542%; }
    @media only screen and (max-width: 835px) {
      .diet-quote-area__left {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        max-width: 468px;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .diet-quote-area__left {
        width: 94%; } }
  .diet-quote-area__image {
    width: 40.6779661017%;
    float: right;
    margin-right: 0; }
    @media only screen and (max-width: 835px) {
      .diet-quote-area__image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        float: none;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
        .diet-quote-area__image img {
          margin: auto;
          display: block; } }
  .diet-quote-area .diet-quote {
    margin: 0;
    font-size: 1em;
    color: inherit;
    padding: 0;
    border: 0; }

.diet-quote cite {
  display: block;
  text-align: right;
  padding-right: 3.75rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem; }
  @media only screen and (max-width: 835px) {
    .diet-quote cite {
      text-align: center;
      padding-right: 0; } }
  @media only screen and (max-width: 568px) {
    .diet-quote cite {
      margin-bottom: 3.75rem; } }
  .diet-quote cite h4, .diet-quote cite .member .member-header__head p, .member .member-header__head .diet-quote cite p {
    font-size: 1.5rem;
    font-weight: 500;
    color: #303c4b; }
    @media only screen and (max-width: 568px) {
      .diet-quote cite h4, .diet-quote cite .member .member-header__head p, .member .member-header__head .diet-quote cite p {
        font-size: 1rem;
        line-height: 1.25; } }
    .diet-quote cite h4 > span, .diet-quote cite .member .member-header__head p > span, .member .member-header__head .diet-quote cite p > span {
      display: inline-block;
      padding-left: 20px;
      font-size: 1.125rem;
      color: #9b9b9b;
      font-weight: 400; }
      @media only screen and (max-width: 568px) {
        .diet-quote cite h4 > span, .diet-quote cite .member .member-header__head p > span, .member .member-header__head .diet-quote cite p > span {
          font-size: 1.125rem;
          line-height: 1.56;
          margin-top: 0.5rem;
          padding-left: 0;
          display: block; } }
.diet-quote__wrap {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  right: -10px;
  background-color: #FFFFFF;
  padding: 2.25rem 6.875rem 2.25rem 2.25rem;
  min-width: 828px; }
  @media screen and (max-width: 1260px) {
    .diet-quote__wrap {
      min-width: 700px; } }
  @media screen and (max-width: 1050px) {
    .diet-quote__wrap {
      min-width: 600px; } }
  @media screen and (max-width: 900px) {
    .diet-quote__wrap {
      min-width: 520px; } }
  @media only screen and (max-width: 835px) {
    .diet-quote__wrap {
      min-width: 0;
      max-width: 468px; } }
  @media only screen and (max-width: 568px) {
    .diet-quote__wrap {
      right: 0;
      padding: 1.25rem; } }
  .diet-quote__wrap img {
    position: absolute;
    top: -15px;
    left: 30px;
    z-index: 10; }
    @media only screen and (max-width: 568px) {
      .diet-quote__wrap img {
        left: 40px; } }
  .diet-quote__wrap h5 {
    font-size: 1.375rem;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 1.64; }
    @media only screen and (max-width: 568px) {
      .diet-quote__wrap h5 {
        font-size: 0.875rem;
        line-height: normal; } }

.diet-dinners {
  padding: 3.75rem 0;
  border-top: 1px solid #e6e6e6; }
  @media only screen and (max-width: 568px) {
    .diet-dinners {
      padding: 1.875rem 0; } }
  .diet-dinners .headline-block {
    max-width: 541px;
    margin: auto; }
    .diet-dinners .headline-block h2, .diet-dinners .headline-block .internal-header h1, .internal-header .diet-dinners .headline-block h1, .diet-dinners .headline-block .press-release h1, .press-release .diet-dinners .headline-block h1 {
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .diet-dinners .headline-block h2, .diet-dinners .headline-block .internal-header h1, .internal-header .diet-dinners .headline-block h1, .diet-dinners .headline-block .press-release h1, .press-release .diet-dinners .headline-block h1 {
          max-width: 250px;
          margin-left: auto;
          margin-right: auto;
          font-size: 1.25rem; } }

.app-includes {
  margin: 2.875rem 0; }
  .app-includes--desktop {
    display: block; }
    @media only screen and (max-width: 667px) {
      .app-includes--desktop {
        display: none; } }
  .app-includes--mobile {
    display: none;
    margin-bottom: 0; }
    @media only screen and (max-width: 667px) {
      .app-includes--mobile {
        display: block; } }
  .app-includes .slick-slide {
    visibility: hidden; }
  .app-includes .slick-initialized .slick-slide {
    visibility: visible; }
  .app-includes__image {
    width: 40.6779661017%;
    float: left;
    margin-right: 1.6949152542%;
    text-align: right; }
    .app-includes__image img {
      display: block;
      margin-left: auto;
      text-align: right; }
  .app-includes__content {
    width: 57.6271186441%;
    float: right;
    margin-right: 0;
    padding-left: 2.5rem;
    margin-top: 2.5rem; }
  .app-includes__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 667px) {
      .app-includes__list {
        margin-bottom: 0;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%; } }
    .app-includes__list .app-icon {
      -webkit-flex: 0 0 80px;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      width: 80px; }
      .app-includes__list .app-icon svg {
        max-width: 50px;
        max-height: 50px;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s; }
        .app-includes__list .app-icon svg circle {
          transition: stroke 0.25s; }
        .app-includes__list .app-icon svg path, .app-includes__list .app-icon svg rect {
          transition: fill 0.25s; }
      .app-includes__list .app-icon a.icon-active circle, .app-includes__list .app-icon:hover circle {
        stroke: #ff9600; }
      .app-includes__list .app-icon a.icon-active path, .app-includes__list .app-icon:hover path {
        fill: #ff9600; }
      .app-includes__list .app-icon a.icon-active svg#sub-box-custom rect, .app-includes__list .app-icon:hover svg#sub-box-custom rect {
        fill: #ff9600; }
      .app-includes__list .app-icon a.icon-active svg#sub-box-custom path, .app-includes__list .app-icon:hover svg#sub-box-custom path {
        fill: #FFFFFF; }
      .app-includes__list .app-icon:hover svg {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
    .app-includes__list .app-content h4, .app-includes__list .app-content .member .member-header__head p, .member .member-header__head .app-includes__list .app-content p {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: normal;
      margin-bottom: 0.5625rem;
      color: #303c4b; }
    .app-includes__list .app-content p {
      color: #8f959e;
      font-size: 1.125rem;
      line-height: 1.56;
      margin-top: 0;
      margin-bottom: 0;
      max-width: 430px; }
  .app-includes__button {
    clear: both;
    padding-top: 2.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 667px) {
      .app-includes__button {
        padding-top: 1.875rem; } }

.app-includes-slider .slick-slide:focus {
  outline: none; }
.app-includes-slider ul.slick-dots {
  opacity: 0;
  height: 0; }

.app-includes-mobile-slider {
  max-width: 414px;
  margin-left: auto;
  margin-right: auto; }

.app-mobile-slide:focus {
  outline: none; }
.app-mobile-slide__image {
  margin-bottom: 1.875rem;
  padding-left: 1.25rem; }
  .app-mobile-slide__image img {
    display: block;
    margin: 0 auto;
    text-align: center; }
.app-mobile-slide .app-content {
  text-align: center; }
  .app-mobile-slide .app-content h4, .app-mobile-slide .app-content .member .member-header__head p, .member .member-header__head .app-mobile-slide .app-content p {
    font-size: 1rem; }
  .app-mobile-slide .app-content p {
    font-size: 1.125rem;
    line-height: 1.56; }

.trust-block--diet {
  padding: 2.125rem 0 4.25rem;
  background-color: #F8F8F8; }
  @media only screen and (max-width: 568px) {
    .trust-block--diet {
      padding: 1.875rem 0; } }
  .trust-block--diet .title-area h5 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto; }

.trust-block--diet-white-bg {
  background-color: #FFFFFF;
  border-top: 1px solid #e6e6e6;
  padding-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .trust-block--diet-white-bg {
      padding-top: 1.875rem; } }

.inspiration-grid-diet {
  padding: 3.75rem 0 0 0; }
  @media only screen and (max-width: 568px) {
    .inspiration-grid-diet {
      padding: 1.875rem 0 0 0; } }
  .inspiration-grid-diet .title-area {
    max-width: 1034px;
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (max-width: 568px) {
    .inspiration-grid-diet .inspiration-grid__plan {
      margin-left: 0;
      margin-right: 0; } }

.diet-plan-slider .inspiration-grid__plan {
  margin-bottom: 0; }
  .diet-plan-slider .inspiration-grid__plan img {
    display: block; }
  .diet-plan-slider .inspiration-grid__plan figcaption {
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }

.diet-cta {
  background-color: #F8F8F8;
  padding: 4.375rem 0;
  text-align: center; }
  .diet-cta__head {
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 568px) {
      .diet-cta__head {
        margin-bottom: 2.1875rem; } }
    .diet-cta__head h3, .diet-cta__head .members-cta__left__link {
      max-width: 576px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1.25rem; }
      @media only screen and (max-width: 568px) {
        .diet-cta__head h3, .diet-cta__head .members-cta__left__link {
          font-size: 1.375rem; } }
    .diet-cta__head h5 {
      color: #303c4b;
      font-size: 1.25rem;
      font-weight: normal;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .diet-cta__head h5 {
          font-size: 1rem; } }

.faq--diet {
  padding: 3.75rem 0; }
  .faq--diet .accordion {
    margin-bottom: 0; }
  @media only screen and (max-width: 568px) {
    .faq--diet .headline-block h2, .faq--diet .headline-block .internal-header h1, .internal-header .faq--diet .headline-block h1, .faq--diet .headline-block .press-release h1, .press-release .faq--diet .headline-block h1 {
      font-size: 1.25rem; } }

/***********************************************************************************/
/* Clean Eating Backgrounds */
/***********************************************************************************/
.diet-hero--clean {
  background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-header-mobile@2x.jpg");
      background-size: cover; } }

.why-diet--clean {
  background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--clean {
      background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--clean {
      background-image: none; } }
  .why-diet--clean__bg {
    background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--clean__bg {
        background-image: url("/img/style-guide/diet-plans/clean-eating/clean-eating-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Diabetic Backgrounds */
/***********************************************************************************/
.diet-hero--diabetic {
  background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-header-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--diabetic .diet-hero__title {
      max-width: 245px; } }

.why-diet--diabetic {
  background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--diabetic {
      background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--diabetic {
      background-image: none; } }
  .why-diet--diabetic__bg {
    background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--diabetic__bg {
        background-image: url("/img/style-guide/diet-plans/diabetic/diabetic-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Heart Healthy Backgrounds */
/***********************************************************************************/
.diet-hero--hhealthy {
  background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-header-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--hhealthy .diet-hero__title {
      max-width: 240px; } }

.why-diet--hhealthy {
  background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--hhealthy {
      background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--hhealthy {
      background-image: none; } }
  .why-diet--hhealthy__bg {
    background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--hhealthy__bg {
        background-image: url("/img/style-guide/diet-plans/heart-healthy/heart-healthy-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Low Calorie Backgrounds */
/***********************************************************************************/
.diet-hero--lowcal {
  background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-mobile@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--lowcal .diet-hero__title {
      max-width: 245px; } }

.why-diet--lowcal {
  background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--lowcal {
      background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--lowcal {
      background-image: none; } }
  .why-diet--lowcal__bg {
    background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--lowcal__bg {
        background-image: url("/img/style-guide/diet-plans/low-calorie/low-calorie-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Low Carb Backgrounds */
/***********************************************************************************/
.diet-hero--lowcarb {
  background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-mobile@2x.jpg");
      background-size: cover; } }

  .diet-hero--lowcarb .diet-hero__title {
    max-width: 525px; }
    @media only screen and (max-width: 568px) {
      .diet-hero--lowcarb .diet-hero__title {
        max-width: 245px; } }

.why-diet--lowcarb {
  background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--lowcarb {
      background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--lowcarb {
      background-image: none; } }
  .why-diet--lowcarb__bg {
    background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--lowcarb__bg {
        background-image: url("/img/style-guide/diet-plans/low-carb/low-carb-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Low Carb Backgrounds */
/***********************************************************************************/
.diet-hero--mediterranean {
  background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-header-mobile@2x.jpg");
      background-size: cover; } }

  .diet-hero--mediterranean .diet-hero__title {
    max-width: 525px; }
    @media only screen and (max-width: 568px) {
      .diet-hero--mediterranean .diet-hero__title {
        max-width: 245px; } }

.why-diet--mediterranean {
  background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--mediterranean {
      background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--mediterranean {
      background-image: none; } }
  .why-diet--mediterranean__bg {
    background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--mediterranean__bg {
        background-image: url("/img/style-guide/diet-plans/mediterranean/mediterranean-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Paleo Backgrounds */
/***********************************************************************************/
.diet-hero--paleo {
  background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .diet-hero--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-desktop@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 835px) {
    .diet-hero--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-ipad.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 835px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-device-pixel-ratio: 2), only screen and (max-width: 835px) and (min-resolution: 192dpi), only screen and (max-width: 835px) and (min-resolution: 2dppx) {
    .diet-hero--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-ipad@2x.jpg");
      background-size: cover; } }

  @media only screen and (max-width: 568px) {
    .diet-hero--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-mobile.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom center; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .diet-hero--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-header-mobile@2x.jpg");
      background-size: cover; } }

  .diet-hero--paleo .diet-hero__title {
    max-width: 525px; }
    @media only screen and (max-width: 568px) {
      .diet-hero--paleo .diet-hero__title {
        max-width: 245px; } }

.why-diet--paleo {
  background-image: url("/img/style-guide/diet-plans/paleo/paleo-image.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .why-diet--paleo {
      background-image: url("/img/style-guide/diet-plans/paleo/paleo-image@2x.jpg");
      background-size: cover; } }
  @media only screen and (max-width: 667px) {
    .why-diet--paleo {
      background-image: none; } }
  .why-diet--paleo__bg {
    background-image: url("/img/style-guide/diet-plans/paleo/paleo-image-mobile.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .why-diet--paleo__bg {
        background-image: url("/img/style-guide/diet-plans/paleo/paleo-image-mobile@2x.jpg");
        background-size: cover; } }

/***********************************************************************************/
/* Member Area Purchase Design */
/***********************************************************************************/
.member_area {
  background-color: #fbfbfb;
  padding-top: 98px;
  padding-bottom: 50px; }
  .member_area .orangeBorder {
    border: solid 1px #ff9600 !important; }
  @media screen and (max-width: 800px) {
    .member_area {
      padding: 0px; } }
  .member_area .container--narrow {
    background: white; }
    @media screen and (max-width: 800px) {
      .member_area .container--narrow {
        width: 100%; } }
    .member_area .container--narrow .inner-container {
      width: 66%;
      margin: 0px auto;
      padding: 50px 0px; }
      @media screen and (max-width: 800px) {
        .member_area .container--narrow .inner-container {
          width: 100%; } }
      .member_area .container--narrow .inner-container h2, .member_area .container--narrow .inner-container .internal-header h1, .internal-header .member_area .container--narrow .inner-container h1, .member_area .container--narrow .inner-container .press-release h1, .press-release .member_area .container--narrow .inner-container h1 {
        font-family: "Poppins";
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #303c4b; }
        @media screen and (max-width: 800px) {
          .member_area .container--narrow .inner-container h2, .member_area .container--narrow .inner-container .internal-header h1, .internal-header .member_area .container--narrow .inner-container h1, .member_area .container--narrow .inner-container .press-release h1, .press-release .member_area .container--narrow .inner-container h1 {
            text-align: center;
            font-size: 24px; } }
      .member_area .container--narrow .inner-container #term-selection {
        margin-bottom: 50px; }
        .member_area .container--narrow .inner-container #term-selection p {
          color: #838288; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #term-selection p {
              text-align: center;
              font-size: 14px;
              width: 75%;
              margin: 0px auto;
              margin-top: 12px;
              margin-bottom: 30px; } }
        .member_area .container--narrow .inner-container #term-selection .term_container {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #term-selection .term_container {
              -webkit-flex-wrap: wrap;
                  -ms-flex-wrap: wrap;
                      flex-wrap: wrap; } }
          .member_area .container--narrow .inner-container #term-selection .term_container .term_box {
            border: 1px solid #e5e5e5; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #term-selection .term_container .term_box {
                width: 80%;
                margin: 0px auto; } }
            .member_area .container--narrow .inner-container #term-selection .term_container .term_box label {
              padding: 30px 75px;
              position: relative;
              font-family: "Poppins";
              font-size: 20px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: 0.8px;
              text-align: center;
              color: #303c4b;
              margin-bottom: 0px; }
              .member_area .container--narrow .inner-container #term-selection .term_container .term_box label input {
                position: absolute;
                left: 10px;
                top: 10px; }
            .member_area .container--narrow .inner-container #term-selection .term_container .term_box input[type="radio"] {
              display: none; }
            .member_area .container--narrow .inner-container #term-selection .term_container .term_box input[type="radio"] + label {
              background: url(/img/account/trial/v3/unchecked.png);
              height: 25px;
              width: 25px;
              display: inline-block;
              padding: 0 0 0 0px;
              background-repeat: no-repeat;
              vertical-align: top;
              cursor: pointer;
              margin: 10px 0px -15px 10px;
              position: absolute;
              top: 0;
              left: 0; }
            .member_area .container--narrow .inner-container #term-selection .term_container .term_box input[type="radio"]:checked + label {
              background: url(/img/account/trial/v3/orange_check_mark.png);
              height: 25px;
              width: 25px;
              display: inline-block;
              padding: 0 0 0 0px;
              background-repeat: no-repeat;
              vertical-align: top;
              cursor: pointer;
              margin: 10px 0px -15px 10px; }
          .member_area .container--narrow .inner-container #term-selection .term_container .term_box:not(:first-child) {
            margin-left: 15px; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #term-selection .term_container .term_box:not(:first-child) {
                margin: 0px;
                margin: 0px auto;
                margin-top: 20px; } }
      .member_area .container--narrow .inner-container #plan-selection .inner_plan {
        overflow: hidden;
        padding-left: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 1.5rem; }
        .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper {
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          position: relative; }
          .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .members-cta__left__link {
            font-family: "Poppins";
            font-size: 20px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.4px;
            color: #838288; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .members-cta__left__link {
                font-size: 16px; } }
            .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3 span, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .members-cta__left__link span {
              font-family: "Poppins";
              font-size: 12px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.25;
              letter-spacing: 0.2px;
              color: #838288; }
              @media screen and (max-width: 800px) {
                .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3 span, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .members-cta__left__link span {
                  display: none; } }
          .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3.dark, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .dark.members-cta__left__link {
            color: #303c4b; }
            .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper h3.dark span, .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .dark.members-cta__left__link span {
              color: #303c4b; }
          .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper p {
            margin: 0px;
            font-family: Poppins;
            font-size: 20px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.4px;
            text-align: center;
            color: #303c4b;
            margin-right: 20px;
            position: absolute;
            right: 0px; }
          .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .addon_btn {
            font-family: Poppins;
            font-size: 16px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.2px;
            text-align: center;
            color: #838288;
            padding: 0.375rem 1.875rem;
            border-radius: 45px;
            border: solid 1px #8f959e;
            cursor: pointer; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .addon_btn {
                margin-right: 20px; } }
            .member_area .container--narrow .inner-container #plan-selection .inner_plan .text_topper .addon_btn a {
              color: #838288; }
        .member_area .container--narrow .inner-container #plan-selection .inner_plan .remove_btn {
          font-family: "Poppins";
          font-size: 16px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.3px;
          text-align: right;
          color: #838288;
          float: right;
          margin-right: 20px;
          margin-top: 5px;
          cursor: pointer; }
      .member_area .container--narrow .inner-container #plan-selection .inner_plan:last-child {
        border-bottom: 0;
        margin-bottom: 0; }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan label {
        color: #8f959e;
        transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
        transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
        transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
        font-size: 16px;
        position: absolute;
        top: 17px;
        left: 10px;
        cursor: text; }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan #first_name_label, .member_area .container--narrow .inner-container #plan-selection .dinner_plan #last_name_label {
        top: 12px; }
        @media screen and (max-width: 600px) {
          .member_area .container--narrow .inner-container #plan-selection .dinner_plan #first_name_label, .member_area .container--narrow .inner-container #plan-selection .dinner_plan #last_name_label {
            top: 37px; } }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan .renew_product_title {
        margin-top: 30px; }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan .product-title-container {
        overflow: hidden;
        width: 54%; }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan .gray-blocked-select {
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: #edf0f3;
        border-radius: 5px;
        border: solid 1px #D2D2D2;
        color: #8f959e;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        font-size: 0.875rem;
        font-weight: normal;
        margin-bottom: 0.375rem;
        margin-top: 1.75rem;
        width: 100%; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan .gray-blocked-select div.text {
          cursor: default;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          overflow: hidden;
          padding: 0.625rem 0.9375rem;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan .gray-blocked-select div.arrow {
          background-image: url(/img/style-guide/global-v3/icons/select-bg.png);
          background-position: center center;
          background-repeat: no-repeat;
          border-left: 1px solid #D2D2D2;
          height: 2.5rem;
          width: 3.125rem; }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan #sizeContainer {
        width: 54%;
        margin-top: 40px;
        margin-bottom: 0.875rem;
        position: relative; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #sizeContainer label {
          font-size: 0.875rem;
          top: 0.75rem; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #sizeContainer select {
          background-image: url("/img/style-guide/global-v3/icons/select-bg-small.png");
          background-size: cover;
          background-repeat: no-repeat;
          background-size: 3.0625rem 2.5rem !important;
          font-size: 0.875rem;
          height: 2.5rem; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .member_area .container--narrow .inner-container #plan-selection .dinner_plan #sizeContainer select {
              background-image: url("/img/style-guide/global-v3/icons/select-bg-small@2x.png");
              background-size: cover; } }
      .member_area .container--narrow .inner-container #plan-selection .dinner_plan #styleContainer {
        width: 54%;
        margin: 10px 0px;
        position: relative; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #styleContainer label {
          font-size: 0.875rem;
          top: 0.75rem; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #styleContainer select {
          background-image: url("/img/style-guide/global-v3/icons/select-bg-small.png");
          background-size: cover;
          background-repeat: no-repeat;
          background-size: 3.0625rem 2.5rem !important;
          font-size: 0.875rem;
          height: 2.5rem; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .member_area .container--narrow .inner-container #plan-selection .dinner_plan #styleContainer select {
              background-image: url("/img/style-guide/global-v3/icons/select-bg-small@2x.png");
              background-size: cover; } }
      @media screen and (max-width: 50rem) {
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan .product-title-container {
          padding-right: 1.5rem;
          width: 100%; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #sizeContainer {
          margin-bottom: 1.5rem;
          padding-right: 1.5rem;
          width: 100%; }
        .member_area .container--narrow .inner-container #plan-selection .dinner_plan #styleContainer {
          padding-right: 1.5rem;
          width: 100%; } }
      .member_area .container--narrow .inner-container #total_section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 60px; }
        @media screen and (max-width: 800px) {
          .member_area .container--narrow .inner-container #total_section {
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            background: #f5f5f5;
            padding: 20px; } }
        .member_area .container--narrow .inner-container #total_section .left_side {
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-flow: column wrap;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 73%;
          background: #f5f5f5; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #total_section .left_side {
              width: 100%;
              background: none;
              margin-bottom: 30px; } }
          .member_area .container--narrow .inner-container #total_section .left_side .promo_code {
            cursor: pointer;
            font-size: 0.875rem;
            margin: 0px;
            margin-left: 24px; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #total_section .left_side .promo_code {
                line-height: 1;
                margin-left: 0px;
                font-size: 14px; } }
          .member_area .container--narrow .inner-container #total_section .left_side .promo_code:after {
            content: "?";
            background: #fe9700;
            border-radius: 50%;
            color: #f5f5f5;
            font-size: 0.75rem;
            margin-left: 5px;
            font-weight: 600;
            padding: 0px 6px; }
          .member_area .container--narrow .inner-container #total_section .left_side .redeem {
            width: 100%; }
          .member_area .container--narrow .inner-container #total_section .left_side #coupon_error {
            font-size: 0.875rem;
            margin-left: 24px;
            margin-bottom: 10px;
            color: #d91e18; }
          .member_area .container--narrow .inner-container #total_section .left_side input {
            width: 60%;
            margin-left: 24px;
            margin-top: -20px;
            padding: 5px; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #total_section .left_side input {
                margin-top: 10px;
                margin-left: 0px; } }
          .member_area .container--narrow .inner-container #total_section .left_side #apply_coupon {
            cursor: pointer;
            background: #ff9600;
            color: white;
            padding: 10px 7px;
            border-radius: 5px; }
        .member_area .container--narrow .inner-container #total_section .right_side {
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-flow: column wrap;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 27%;
          padding: 10px 0px; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #total_section .right_side {
              padding: 0px; } }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #total_section .right_side {
              width: 100%; } }
          .member_area .container--narrow .inner-container #total_section .right_side p {
            padding: 0px 10px;
            font-weight: normal;
            font-family: "Poppins";
            margin: 0px; }
            @media screen and (max-width: 800px) {
              .member_area .container--narrow .inner-container #total_section .right_side p {
                padding: 0px; } }
            .member_area .container--narrow .inner-container #total_section .right_side p span {
              float: right; }
          .member_area .container--narrow .inner-container #total_section .right_side .subTotal, .member_area .container--narrow .inner-container #total_section .right_side .discount {
            font-size: 16px;
            color: #838288;
            width: 100%; }
          .member_area .container--narrow .inner-container #total_section .right_side .discount span {
            color: #d91e18; }
          .member_area .container--narrow .inner-container #total_section .right_side .total {
            font-size: 18px;
            font-weight: 500;
            color: #303c4b;
            margin-top: 10px;
            width: 100%; }
      .member_area .container--narrow .inner-container #payment_section {
        margin-bottom: 1.875rem; }
        .member_area .container--narrow .inner-container #payment_section h2, .member_area .container--narrow .inner-container #payment_section .internal-header h1, .internal-header .member_area .container--narrow .inner-container #payment_section h1, .member_area .container--narrow .inner-container #payment_section .press-release h1, .press-release .member_area .container--narrow .inner-container #payment_section h1 {
          font-family: Poppins;
          font-size: 30px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal;
          color: #303c4b;
          margin-bottom: 20px; }
        .member_area .container--narrow .inner-container #payment_section .method_selectors {
          margin-bottom: 1.25rem; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #payment_section .method_selectors {
              width: 90%;
              margin: 0px auto;
              margin-bottom: 30px; } }
          .member_area .container--narrow .inner-container #payment_section .method_selectors ul {
            display: inline-block;
            margin: 0px;
            width: 100%; }
            .member_area .container--narrow .inner-container #payment_section .method_selectors ul li {
              width: 33.3%;
              text-align: center;
              list-style-type: none;
              border: solid 1px #e5e5e5;
              font-family: Poppins;
              font-size: 1.25rem;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.5;
              letter-spacing: 0.4px;
              text-align: center;
              color: #838288;
              padding: 0.75rem 0px;
              float: left;
              cursor: pointer;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; }
              @media screen and (max-width: 800px) {
                .member_area .container--narrow .inner-container #payment_section .method_selectors ul li {
                  font-size: 14px;
                  padding: 9px 0px; } }
            .member_area .container--narrow .inner-container #payment_section .method_selectors ul .selected {
              border: solid 1px #fe9700;
              font-family: Poppins;
              font-size: 1.25rem;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.5;
              letter-spacing: 0.43px;
              text-align: center;
              color: #fe9700; }
              @media screen and (max-width: 800px) {
                .member_area .container--narrow .inner-container #payment_section .method_selectors ul .selected {
                  font-size: 14px; } }
        .member_area .container--narrow .inner-container #payment_section .method_container {
          border: 1px solid #d2d2d2;
          position: relative;
          overflow: auto; }
          @media screen and (max-width: 800px) {
            .member_area .container--narrow .inner-container #payment_section .method_container {
              width: 90%;
              margin: 0px auto; } }
          .member_area .container--narrow .inner-container #payment_section .method_container #cardOnFile {
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            gap: 1.25rem;
            padding: 0px 25px; }
            .member_area .container--narrow .inner-container #payment_section .method_container #cardOnFile p {
              font-family: Poppins;
              font-size: 16px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #838288;
              margin: 1.5625rem 0; }
              @media screen and (max-width: 800px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #cardOnFile p {
                  font-size: 12px; } }
              .member_area .container--narrow .inner-container #payment_section .method_container #cardOnFile p span {
                font-weight: 500; }
          .member_area .container--narrow .inner-container #payment_section .method_container #newCard {
            padding: 25px;
            padding-left: 5px;
            overflow: auto; }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard img {
              margin-bottom: 1.6875rem;
              margin-left: 20px; }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .field-container label {
              padding-top: 0.8125rem !important; }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .field-container .moveOut {
              -webkit-transform: scale(1.1) translate(-0.5em, -2.4em);
                      transform: scale(1.1) translate(-0.5em, -2.4em); }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .card_number_container {
              margin: 0rem auto 2.8125rem 1.25rem;
              padding: 0.0625rem 0;
              width: 42%;
              float: left; }
              @media only screen and (max-width: 568px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .card_number_container {
                  width: 80%;
                  float: none; } }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .month_container {
              margin: 0rem auto 2.8125rem 1.25rem;
              padding: 0.0625rem 0;
              width: 19.45%;
              float: left; }
              @media only screen and (max-width: 568px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .month_container {
                  width: 30%;
                  float: none; } }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .year_container {
              margin: 0rem auto 2.8125rem 1.25rem;
              padding: 0.0625rem 0;
              width: 19.45%;
              float: left; }
              @media only screen and (max-width: 568px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .year_container {
                  width: 30%;
                  float: none; } }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .cvv_container {
              margin: 0rem auto 0rem 1.25rem;
              padding: 0.0625rem 0;
              width: 42%;
              float: left; }
              @media only screen and (max-width: 568px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .cvv_container {
                  width: 80%;
                  float: none; } }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .zip_container {
              margin: 0rem auto 0rem 1.25rem;
              padding: 0.0625rem 0;
              width: 42%;
              float: left; }
              @media only screen and (max-width: 568px) {
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .zip_container {
                  width: 80%;
                  float: none;
                  margin-top: 2.5rem; } }
            .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .payment_field {
              position: relative; }
              .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .payment_field label {
                color: #8f959e;
                transition: color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
                transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
                transition: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s, -webkit-transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1);
                -webkit-transform-origin: 0 0;
                        transform-origin: 0 0;
                line-height: 1;
                position: absolute;
                font-size: 14px;
                padding: 16px 0px 0px 16px; }
              .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .payment_field div.icon {
                height: 1.125rem;
                position: absolute;
                right: 1rem;
                top: 0.6875rem;
                width: 0.9375rem; }
                .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .payment_field div.icon img {
                  height: 100%;
                  margin: 0;
                  width: 100%; }
              .member_area .container--narrow .inner-container #payment_section .method_container #newCard .braintree_form .payment_field div.icon.small {
                height: 0.9375rem;
                top: 0.8125rem; }
          .member_area .container--narrow .inner-container #payment_section .method_container #payPal {
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 25px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; }
            .member_area .container--narrow .inner-container #payment_section .method_container #payPal p {
              font-family: Poppins;
              font-size: 16px;
              font-weight: 500;
              font-style: normal;
              font-stretch: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #838288;
              margin: 0px;
              margin-top: 5px;
              margin-left: 20px; }
      .member_area .container--narrow .inner-container #purchase_button .button-container {
        text-align: center; }
        .member_area .container--narrow .inner-container #purchase_button .button-container .btn.btn--orange:disabled {
          opacity: 0.5; }
      .member_area .container--narrow .inner-container #purchase_button input[name="submitBtn"] {
        font-size: 1.625rem;
        padding-bottom: 1.0625rem;
        padding-top: 1.0625rem; }
        @media only screen and (max-width: 568px) {
          .member_area .container--narrow .inner-container #purchase_button input[name="submitBtn"] {
            font-size: 0.875rem;
            padding-bottom: 0.5rem;
            padding-top: 0.5rem; } }
      .member_area .container--narrow .inner-container #paypal-button {
        width: 33%;
        margin: 0px auto; }
        @media screen and (max-width: 800px) {
          .member_area .container--narrow .inner-container #paypal-button {
            width: 90%;
            margin: 0px auto; } }

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  -webkit-tap-highlight-color: transparent;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-list {
  -webkit-tap-highlight-color: transparent; }
  .slick-loading .slick-list {
    background: #fff url("./../img/style-guide/global-v3/icons/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./vendor/fonts/slick.eot");
  src: url("./vendor/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./vendor/fonts/slick.woff") format("woff"), url("./vendor/fonts/slick.ttf") format("truetype"), url("./vendor/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

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

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

.slick-slide:focus {
  outline: none; }

/* Dots */
ul.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 1em 0 0 0;
  width: 100%; }
  ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    ul.slick-dots li button {
      border: 0;
      background: #FFFFFF;
      display: block;
      width: 14px;
      height: 14px;
      border: 1px solid #979797;
      border-radius: 14px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      transition: background-color 0.25s, border-color 0.25s; }
      ul.slick-dots li button:hover, ul.slick-dots li button:focus {
        outline: none;
        background-color: #99ca3c;
        border-color: #99ca3c; }
        ul.slick-dots li button:hover:before, ul.slick-dots li button:focus:before {
          opacity: 1; }
      ul.slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: none; }
    ul.slick-dots li.slick-active button {
      background-color: #99ca3c;
      border-color: #99ca3c; }

/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/img/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("/img/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("/img/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/img/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: #fe9700;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(254, 151, 0, 0.8);
  border-radius: 15px;
  text-shadow: none;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/***********************************************************************************/
/* Members Global Styles */
/***********************************************************************************/
.masthead-admin {
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);
  padding: 1.25rem 0;
  top: 0 !important; }
  .masthead-admin .trial-nav a {
    color: #303c4b;
    font-weight: 500;
    margin-right: 10px; }
  .masthead-admin .trial-nav a.btn {
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    min-width: 60px; }
  .masthead-admin .nav-links {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    float: right;
    text-align: right; }
    .masthead-admin .nav-links a.link {
      color: #8f959e; }
    .masthead-admin .nav-links a.link:hover {
      color: #000000; }
    .masthead-admin .nav-links a.btn--orange {
      margin-left: 0.75rem; }
  @media only screen and (max-width: 835px) {
    .masthead-admin {
      box-shadow: none; }
      .masthead-admin .logo img {
        width: 10.4375rem; }
      .masthead-admin .nav-links {
        display: none; } }

.mobile-navigation-container .mobile-navigation.v3 {
  position: fixed !important;
  top: 5.375rem !important; }

.member .page-content {
  margin: 1.875rem 0 3.75rem; }
  @media only screen and (max-width: 568px) {
    .member .page-content {
      margin: 1.875rem 0; } }
@media only screen and (max-width: 568px) {
  .member .container--narrow {
    width: 90%; } }
@media only screen and (max-width: 835px) {
  .member .container--narrow--full {
    width: 100%; } }
.member .member-header {
  margin-bottom: 3.75rem;
  font-size: 1.25rem; }
  @media only screen and (max-width: 568px) {
    .member .member-header {
      margin-bottom: 1.875rem; } }
  .member .member-header .crumbs {
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 568px) {
      .member .member-header .crumbs {
        display: none; } }
    .member .member-header .crumbs a, .member .member-header .crumbs span {
      font-size: 0.875rem; }
    .member .member-header .crumbs__caret {
      display: inline-block;
      padding-left: 0.1875rem;
      padding-right: 0.75rem; }
  .member .member-header__head {
    margin-bottom: -7px; }
    @media only screen and (max-width: 568px) {
      .member .member-header__head {
        text-align: center; } }
    .member .member-header__head h1 {
      color: #8f959e;
      font-weight: 500; }
    .member .member-header__head p {
      margin: 1.875rem 0; }
      .member .member-header__head p:first-of-type {
        margin-top: 0.75rem; }
  .member .member-header__errors {
    background: #fbcfbd;
    color: #303c4b;
    margin-top: 3.75rem;
    padding: 1rem 0;
    padding-right: 3.375rem; }
    .member .member-header__errors p {
      margin-left: 3.375rem; }
    .member .member-header__errors ul {
      margin-left: 1.6875rem; }
      .member .member-header__errors ul li {
        list-style-type: none; }
.member .member-header-secondary {
  margin-top: 4.625rem; }
@media only screen and (max-width: 568px) {
  .member .alt-page-content {
    margin-bottom: 0; } }

.member-title {
  margin-bottom: 2.1875rem; }
  @media only screen and (max-width: 568px) {
    .member-title {
      text-align: center; } }
  .member-title h3, .member-title .members-cta__left__link {
    margin-bottom: 0; }

.more-link-box__head a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 1.25rem 1.875rem;
  transition: border-color 0.25s; }
  .more-link-box__head a:hover {
    border-color: #ff9600; }
    .more-link-box__head a:hover h3, .more-link-box__head a:hover .members-cta__left__link {
      color: #ff9600; }
    .more-link-box__head a:hover .more-link__close {
      color: #ff9600; }
.more-link-box__head h3, .more-link-box__head .members-cta__left__link {
  margin-bottom: 0;
  color: #838288;
  transition: color 0.25s; }
.more-link-box__head .more-link__close {
  position: relative;
  left: 0;
  display: inline-block;
  margin-left: auto;
  font-size: 1.625rem;
  line-height: 0.94;
  color: #8f959e;
  transition: color 0.25s, left 0.25s, -webkit-transform 0.25s;
  transition: color 0.25s, left 0.25s, transform 0.25s;
  transition: color 0.25s, left 0.25s, transform 0.25s, -webkit-transform 0.25s; }
.more-link-box__credit-card-info-head a.js-manage-account {
  padding: 1.5625rem 3.125rem; }
  .more-link-box__credit-card-info-head a.js-manage-account h5 {
    font-size: 1.25rem;
    font-weight: normal; }
  .more-link-box__credit-card-info-head a.js-manage-account h5.credit-card-details {
    color: #838288;
    margin-top: 0.375rem; }
    .more-link-box__credit-card-info-head a.js-manage-account h5.credit-card-details img {
      display: block;
      float: left;
      margin-top: 0.25rem; }
    .more-link-box__credit-card-info-head a.js-manage-account h5.credit-card-details span {
      display: block;
      float: left;
      margin-left: 1.25rem; }
    .more-link-box__credit-card-info-head a.js-manage-account h5.credit-card-details div {
      display: none;
      float: left;
      font-size: 0.75rem;
      margin-left: 0.625rem;
      margin-top: 0.625rem; }
      .more-link-box__credit-card-info-head a.js-manage-account h5.credit-card-details div span.bold {
        display: inline;
        font-weight: 500;
        margin-left: 0; }

.more-link-description__head a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 1.25rem 1.875rem;
  transition: border-color 0.25s; }
  .more-link-description__head a:hover {
    border-color: #99ca3c; }
    .more-link-description__head a:hover h3, .more-link-description__head a:hover .members-cta__left__link {
      color: #99ca3c; }
    .more-link-description__head a:hover .more-link__close {
      color: #99ca3c; }
.more-link-description__head h3, .more-link-description__head .members-cta__left__link {
  margin-bottom: 0;
  color: #838288;
  transition: color 0.25s;
  line-height: 1.875rem; }
  .more-link-description__head h3 .title, .more-link-description__head .members-cta__left__link .title {
    color: #99ca3c; }
    @media only screen and (max-width: 568px) {
      .more-link-description__head h3 .title, .more-link-description__head .members-cta__left__link .title {
        font-size: 1rem; } }
  .more-link-description__head h3 .description, .more-link-description__head .members-cta__left__link .description {
    font-size: 1.25rem;
    font-weight: 400; }
    @media only screen and (max-width: 568px) {
      .more-link-description__head h3 .description, .more-link-description__head .members-cta__left__link .description {
        font-size: 0.75rem; } }
  @media only screen and (max-width: 568px) {
    .more-link-description__head h3, .more-link-description__head .members-cta__left__link {
      font-size: 1.25rem;
      line-height: 0.9375rem; } }
.more-link-description__head .more-link__close {
  position: relative;
  left: 0;
  display: inline-block;
  margin-left: auto;
  font-size: 1.625rem;
  line-height: 0.94;
  color: #8f959e;
  transition: color 0.25s, left 0.25s, -webkit-transform 0.25s;
  transition: color 0.25s, left 0.25s, transform 0.25s;
  transition: color 0.25s, left 0.25s, transform 0.25s, -webkit-transform 0.25s; }

.more-link-accordion {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  transition: border 0.25s ease-in-out; }
  .more-link-accordion:hover {
    border-color: #ff9600; }
  .more-link-accordion__head a {
    border: none; }
  .more-link-accordion__head h3, .more-link-accordion__head .members-cta__left__link {
    color: #303c4b; }
  .more-link-accordion__content {
    display: none; }
    .more-link-accordion__content .list-row {
      border-bottom: 1px solid #e6e6e6;
      color: #838288;
      display: block;
      padding: 1.25rem 1.5625rem;
      padding-right: 1.875rem; }
      .more-link-accordion__content .list-row:first-child {
        border-top: 1px solid #e6e6e6; }
      .more-link-accordion__content .list-row:last-child {
        border-bottom: 0; }
      .more-link-accordion__content .list-row__flex {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      @media only screen and (max-width: 568px) {
        .more-link-accordion__content .list-row__title {
          margin-right: 1rem; } }
      .more-link-accordion__content .list-row__title h4, .more-link-accordion__content .list-row__title .member .member-header__head p, .member .member-header__head .more-link-accordion__content .list-row__title p {
        margin-bottom: 0;
        transition: color 0.25s;
        transition-delay: 0s;
        transition-duration: 0.25s;
        transition-property: color;
        transition-timing-function: ease; }
      .more-link-accordion__content .list-row__button {
        margin-left: auto; }
        .more-link-accordion__content .list-row__button a.btn {
          min-width: 130px;
          padding: 0.5rem 0.75rem; }
          @media only screen and (max-width: 568px) {
            .more-link-accordion__content .list-row__button a.btn {
              min-width: 80px; } }
        .more-link-accordion__content .list-row__button i {
          font-size: 2.125rem; }
    .more-link-accordion__content .list-row:hover h4, .more-link-accordion__content .list-row:hover .member .member-header__head p, .member .member-header__head .more-link-accordion__content .list-row:hover p {
      color: #ff9600; }
    .more-link-accordion__content .form {
      border-top: 1px solid #e6e6e6;
      padding: 2.625rem 15rem 3.125rem 15rem; }
      .more-link-accordion__content .form .braintree-hosted-fields-focused {
        border: 1px solid #99ca3c !important; }
      .more-link-accordion__content .form h5 {
        font-size: 1.25rem;
        font-weight: normal; }
      .more-link-accordion__content .form .field {
        border: 1px solid #D2D2D2;
        border-radius: 5px;
        height: 3.125rem;
        padding: 0 0.75rem; }
      .more-link-accordion__content .form input[type="submit"] {
        display: block;
        margin: 0 auto;
        margin-top: 1.5625rem; }
      .more-link-accordion__content .form .composed-field {
        border: 1px solid #D2D2D2;
        border-radius: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .more-link-accordion__content .form .composed-field .field {
          border: 0;
          border-radius: 0; }
        .more-link-accordion__content .form .composed-field .field:first-child {
          -webkit-flex: 0.5;
              -ms-flex: 0.5;
                  flex: 0.5; }
        .more-link-accordion__content .form .composed-field .field + .field {
          -webkit-flex: 0.25;
              -ms-flex: 0.25;
                  flex: 0.25; }
        .more-link-accordion__content .form .composed-field .field:last-child {
          -webkit-flex: 0.25;
              -ms-flex: 0.25;
                  flex: 0.25; }
      .more-link-accordion__content .form .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .more-link-accordion__content .form .row div.composed-field {
          -webkit-flex: 0.76;
              -ms-flex: 0.76;
                  flex: 0.76;
          margin-right: 1.5625rem; }
        .more-link-accordion__content .form .row div:last-child {
          -webkit-flex: 0.24;
              -ms-flex: 0.24;
                  flex: 0.24; }
        .more-link-accordion__content .form .row .field-margin {
          margin: 0.5rem 0; }

@media only screen and (max-width: 835px) {
  .more-link-accordion-responsive {
    border-left: 0;
    border-radius: 0;
    border-right: 0; }
    .more-link-accordion-responsive .form {
      padding: 1.875rem 1.25rem; }
      .more-link-accordion-responsive .form h5 {
        font-size: 1rem; }
      .more-link-accordion-responsive .form .row {
        display: block; }
        .more-link-accordion-responsive .form .row div.composed-field {
          margin-bottom: 1.1875rem;
          margin-right: 0; }
    .more-link-accordion-responsive .js-manage-account {
      display: block;
      overflow: hidden;
      padding: 1rem 1.25rem !important; }
      .more-link-accordion-responsive .js-manage-account div:first-child {
        float: left;
        width: 80%; }
        .more-link-accordion-responsive .js-manage-account div:first-child h5:first-child {
          color: #303c4b;
          font-size: 1rem; }
        .more-link-accordion-responsive .js-manage-account div:first-child h5.credit-card-details {
          font-size: 0.75rem; }
          .more-link-accordion-responsive .js-manage-account div:first-child h5.credit-card-details span {
            display: none; }
          .more-link-accordion-responsive .js-manage-account div:first-child h5.credit-card-details div {
            display: block; }
      .more-link-accordion-responsive .js-manage-account .more-link__close {
        float: right;
        font-size: 1.25rem;
        margin-left: 0;
        text-align: right;
        width: 20%; } }

.more-link-accordion--open .more-link-box__head h3, .more-link-accordion--open .more-link-box__head .members-cta__left__link {
  color: #303c4b; }

.member-box-wrapper {
  clear: both;
  padding: 1.875rem 3.125rem;
  border: 1px solid #e6e6e6; }
  @media only screen and (max-width: 568px) {
    .member-box-wrapper {
      padding: 0;
      border: none; } }

.member-box {
  clear: none;
  padding: 0; }
  .member-box h3, .member-box .members-cta__left__link {
    border-bottom: 1px solid #e6e6e6;
    padding: 1.875rem 3.125rem; }
    @media only screen and (max-width: 835px) {
      .member-box h3, .member-box .members-cta__left__link {
        border-top: 1px solid #e6e6e6;
        padding: 0.875rem 1.25rem; } }
  .member-box p {
    color: #838288;
    font-size: 0.8125rem;
    font-style: italic;
    margin: 0; }
  .member-box div.form {
    padding: 1.875rem 3.125rem; }
    .member-box div.form fieldset div.field-row.first {
      margin-top: 0.9375rem; }
    .member-box div.form div.member-details__submit {
      text-align: center; }
    @media only screen and (max-width: 835px) {
      .member-box div.form {
        padding: 1.875rem 1.25rem; } }
  @media only screen and (max-width: 835px) {
    .member-box {
      clear: both; } }

.member-box-account-settings-panel {
  float: left;
  max-width: 34.25rem;
  width: 53%; }
  .member-box-account-settings-panel div.form fieldset.last {
    margin-top: 3.75rem; }
  .member-box-account-settings-panel div.form div.field-row {
    max-width: none; }
  @media only screen and (max-width: 835px) {
    .member-box-account-settings-panel {
      float: none;
      max-width: none;
      width: 100%; } }

.member-box-account-notifications-panel {
  float: right;
  max-width: 26.9375rem;
  width: 41%; }
  .member-box-account-notifications-panel div.form fieldset div.field-row.first {
    margin-bottom: 0; }
  .member-box-account-notifications-panel div.form fieldset select {
    margin-left: 2.1875rem;
    width: 12.5rem; }
  @media only screen and (max-width: 835px) {
    .member-box-account-notifications-panel {
      float: none;
      max-width: none;
      width: 100%; } }

table.members-table {
  border: 1px solid #e6e6e6;
  padding: 0; }
  table.members-table thead th {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    color: #303c4b;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: normal;
    letter-spacing: 0.47px;
    padding: 1.875rem 0 1.875rem 0; }
    @media only screen and (max-width: 835px) {
      table.members-table thead th {
        padding: 1.875rem 1.25rem; } }
    table.members-table thead th:first-child {
      padding-left: 1.875rem; }
      @media only screen and (max-width: 835px) {
        table.members-table thead th:first-child {
          padding: 1.875rem 1.25rem; } }
    table.members-table thead th:last-child {
      padding-right: 1.875rem; }
      @media only screen and (max-width: 835px) {
        table.members-table thead th:last-child {
          padding: 1.875rem 1.25rem; } }
  table.members-table tbody td {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.875rem 1.25rem;
    line-height: 1.44;
    vertical-align: middle; }
    @media only screen and (max-width: 835px) {
      table.members-table tbody td {
        padding: 1.875rem 1.25rem; } }
    table.members-table tbody td.td-390 {
      max-width: 300px; }
      @media only screen and (max-width: 835px) {
        table.members-table tbody td.td-390 {
          max-width: 100%; } }
    table.members-table tbody td:first-child {
      padding-left: 1.875rem; }
      @media only screen and (max-width: 835px) {
        table.members-table tbody td:first-child {
          padding: 1.875rem 1.25rem; } }
    table.members-table tbody td:last-child {
      padding-right: 1.875rem; }
      @media only screen and (max-width: 835px) {
        table.members-table tbody td:last-child {
          padding: 1.875rem 1.25rem; } }
  @media only screen and (max-width: 835px) {
    table.members-table thead th, table.members-table thead td, table.members-table tbody th, table.members-table tbody td {
      white-space: nowrap; } }

div.alt-members-table {
  border: 1px solid #e6e6e6;
  margin-bottom: 5.25rem; }
  div.alt-members-table .row {
    border-top: 1px solid #e6e6e6;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    div.alt-members-table .row .col {
      color: #838288;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 1.875rem;
      line-height: 1.44;
      word-wrap: break-word; }
      div.alt-members-table .row .col h5 {
        color: #303c4b;
        font-size: 1.25rem; }
      div.alt-members-table .row .col .spacing {
        margin-left: 0.625rem; }
      div.alt-members-table .row .col .separator {
        display: none; }
      div.alt-members-table .row .col .header {
        display: none; }
        div.alt-members-table .row .col .header h5 {
          color: #303c4b;
          font-size: 0.875rem; }
    div.alt-members-table .row .col.flex-1 {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    div.alt-members-table .row .col.flex-2 {
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    div.alt-members-table .row .col.flex-3 {
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    div.alt-members-table .row .col.flex-4 {
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
  div.alt-members-table .row.header {
    border-top: 0; }
  @media only screen and (max-width: 835px) {
    div.alt-members-table {
      border: 0;
      margin-bottom: 0; }
      div.alt-members-table .row {
        display: block;
        padding: 0 1.375rem; }
        div.alt-members-table .row .col {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 0.875rem 0;
          width: 100%; }
          div.alt-members-table .row .col .spacing {
            margin-left: 0.125rem; }
          div.alt-members-table .row .col .separator {
            display: inline; }
          div.alt-members-table .row .col .header {
            display: block;
            min-width: 0; }
          div.alt-members-table .row .col .data {
            font-size: 0.875rem;
            min-width: 0; }
          div.alt-members-table .row .col .flex-1 {
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1; }
          div.alt-members-table .row .col .flex-2 {
            -webkit-flex: 2;
                -ms-flex: 2;
                    flex: 2; }
      div.alt-members-table .row.header {
        display: none; } }

/***********************************************************************************/
/* Admin Notifications */
/***********************************************************************************/
.admin-notify {
  margin-bottom: 1.875rem; }
  .admin-notify__wrap {
    background-color: #edf0f3;
    padding: 1.875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (max-width: 568px) {
      .admin-notify__wrap {
        padding: 1.25rem 1.875rem; } }
  .admin-notify__wrap-error {
    background-color: #fbcfbd;
    color: #303c4b; }
    .admin-notify__wrap-error span.error {
      font-weight: 500; }
  .admin-notify__icon {
    font-size: 1.875rem;
    margin-right: 0.75rem; }
  .admin-notify__text p {
    margin: 0;
    font-size: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .admin-notify__text p {
        font-size: 0.875rem; } }
  .admin-notify--success .admin-notify__icon {
    color: #99ca3c; }
  @media only screen and (max-width: 568px) {
    .admin-notify .container--narrow {
      width: 100%; }
    .admin-notify__icon {
      font-size: 1.25rem; } }

/***********************************************************************************/
/* Dashboard*/
/***********************************************************************************/
.btn--cool-red {
  background-color: #ff4747;
  border-color: #ff4747;
  color: #FFFFFF !important; }

.btn--cool-red:hover {
  background-color: #e64040; }

div.error-block {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fbcfbd;
  color: #303c4b;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  font-size: 1.25rem;
  font-weight: normal;
  gap: 0.875rem;
  line-height: normal;
  padding: 1.875rem; }
  div.error-block a {
    color: inherit;
    font-weight: 500;
    text-decoration: underline; }
  div.error-block a:hover {
    color: inherit;
    text-decoration: underline; }
  div.error-block i {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem; }
  @media only screen and (max-width: 568px) {
    div.error-block {
      font-size: 0.8125rem;
      padding: 1rem 1.25rem; }
      div.error-block i {
        font-size: 1.25rem; } }

.dashboard .member-header {
  margin-bottom: 3rem; }

.subs__row {
  zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .subs__row:before, .subs__row:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .subs__row:after {
    clear: both; }
.subs .mp-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  .subs .mp-card__image {
    position: relative; }
    .subs .mp-card__image div.action-tag {
      background: #ff4747;
      color: #FFFFFF;
      font-size: 1rem;
      font-weight: 500;
      padding: 0.8125rem 1.25rem;
      position: absolute;
      right: 0;
      text-transform: uppercase;
      top: 0;
      width: auto; }
  .subs .mp-card__image img {
    object-fit: cover;
    width: 100%;
    height: 204px; }
  .subs .mp-card:nth-child(3n) {
    float: right;
    margin-right: 0; }
  @media only screen and (max-width: 835px) {
    .subs .mp-card {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      max-width: 350px; }
      .subs .mp-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .subs .mp-card:nth-child(3n+1) {
        clear: none; }
      .subs .mp-card:nth-child(3n) {
        float: left; }
      .subs .mp-card:nth-child(2n) {
        float: right;
        margin-right: 0; }
      .subs .mp-card__image img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: 204px; } }
  @media only screen and (max-width: 568px) {
    .subs .mp-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important; }
      .subs .mp-card:nth-child(2n) {
        margin-right: 1.6949152542%; }
      .subs .mp-card:nth-child(2n+1) {
        clear: none; } }
  .subs .mp-card__content {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 1.875rem; }
    .subs .mp-card__content .action-button {
      margin-top: 1.5625rem; }
  .subs .mp-card__list {
    margin: 0;
    padding: 0;
    display: block;
    margin-top: 0.625rem;
    list-style: none; }
    .subs .mp-card__list li {
      font-size: 1.0625rem;
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
      list-style: none; }
      .subs .mp-card__list li:last-child a {
        color: #838288; }
  .subs .mp-card:hover {
    border-color: rgba(143, 149, 158, 0.27); }
  @media only screen and (max-width: 568px) {
    .subs .mp-card {
      border-radius: 0.375rem; } }
.subs .more-link-box,
.subs .more-link-description {
  margin-top: 0.75rem;
  margin-bottom: 3.75rem; }
@media only screen and (max-width: 568px) {
  .subs .mp-card__content a h3, .subs .mp-card__content a .members-cta__left__link {
    font-size: 1.0625rem; }
  .subs .mp-card__list li {
    font-size: 0.75rem; } }

.more-dinners {
  margin-top: 0.8125rem; }
  @media only screen and (max-width: 568px) {
    .more-dinners {
      margin-top: 0; }
      .more-dinners .container--narrow {
        width: 100%; }
        .more-dinners .container--narrow .more-link-description__head a {
          border: 0;
          border-bottom: 1px solid #d2d2d2;
          border-radius: 0;
          padding-left: 2.5rem;
          padding-right: 2.5rem; } }

.subs-more {
  margin-top: 2.9375rem; }
  .subs-more .mp-card__image img {
    object-fit: cover;
    width: 100%;
    height: 204px; }
  @media only screen and (max-width: 835px) {
    .subs-more .mp-card {
      width: 49.1525423729%;
      float: left;
      margin-right: 1.6949152542%;
      max-width: 350px; }
      .subs-more .mp-card:nth-child(3n) {
        margin-right: 1.6949152542%; }
      .subs-more .mp-card:nth-child(3n+1) {
        clear: none; }
      .subs-more .mp-card:nth-child(3n) {
        float: left; }
      .subs-more .mp-card:nth-child(2n) {
        float: right;
        margin-right: 0; } }
  @media only screen and (max-width: 835px) and (max-width: 568px) {
    .subs-more .mp-card {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important; }
      .subs-more .mp-card:nth-child(2n) {
        margin-right: 1.6949152542%; }
      .subs-more .mp-card:nth-child(2n+1) {
        clear: none; } }
  @media only screen and (max-width: 835px) {
      .subs-more .mp-card__image img {
        object-fit: cover;
        display: block;
        width: 100%;
        height: 204px; } }
  .subs-more .mp-card__member-btn {
    margin-top: 1.25rem; }
    .subs-more .mp-card__member-btn a.btn {
      min-width: 151px; }
  @media only screen and (max-width: 568px) {
    .subs-more .mp-card {
      border-radius: 0.375rem; } }
  @media only screen and (max-width: 568px) {
    .subs-more {
      margin-top: 1.875rem; } }

.members-cta {
  margin-top: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .members-cta {
      margin-top: 1.875rem; } }
  .members-cta__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    @media only screen and (max-width: 568px) {
      .members-cta__flex {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .members-cta__left {
    -webkit-flex: 0 1 calc(50% - 20px);
        -ms-flex: 0 1 calc(50% - 20px);
            flex: 0 1 calc(50% - 20px);
    margin-right: 1.25rem;
    height: 400px;
    background-image: url("/img/style-guide/account/invite-friend-image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .members-cta__left {
        background-image: url("/img/style-guide/account/invite-friend-image@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .members-cta__left {
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        margin-right: 0;
        height: 320px; } }
    @media only screen and (max-width: 568px) {
      .members-cta__left__inner {
        max-width: 165px; } }
    @media only screen and (max-width: 568px) {
      .members-cta__left h3, .members-cta__left .members-cta__left__link {
        font-size: 1.25rem; } }
    .members-cta__left h4, .members-cta__left .member .member-header__head p, .member .member-header__head .members-cta__left p {
      color: #303c4b;
      font-weight: 400;
      max-width: 290px;
      margin-top: 0.625rem; }
    .members-cta__left .button-container {
      margin-top: 0.625rem; }
    .members-cta__left__link {
      font-weight: 500; }
  .members-cta__right {
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    height: 400px;
    background-image: url("/img/style-guide/account/download-emeals-app.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 2.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .members-cta__right {
        background-image: url("/img/style-guide/account/download-emeals-app@2x.jpg");
        background-size: cover; } }
    @media only screen and (max-width: 568px) {
      .members-cta__right {
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        margin-top: 0.9375rem;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 1.25rem;
        padding-top: 1.875rem;
        background-image: url("/img/style-guide/account/download-emeals-app-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 320px; } }
  @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 2), only screen and (max-width: 568px) and (min-resolution: 192dpi), only screen and (max-width: 568px) and (min-resolution: 2dppx) {
    .members-cta__right {
      background-image: url("/img/style-guide/account/download-emeals-app-mobile@2x.jpg");
      background-size: cover; } }

    .members-cta__right h4, .members-cta__right .member .member-header__head p, .member .member-header__head .members-cta__right p {
      color: #303c4b;
      max-width: 245px;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 568px) {
        .members-cta__right h4, .members-cta__right .member .member-header__head p, .member .member-header__head .members-cta__right p {
          max-width: 200px; } }
    .members-cta__right__flex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .members-cta__right__flex a:first-child {
        margin-right: 20px; }
  @media only screen and (max-width: 568px) {
    .members-cta .container--narrow {
      width: 100%; } }

.manage-account .more-link-box,
.manage-account .more-link-description {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .manage-account .more-link-box,
    .manage-account .more-link-description {
      margin-top: 1.875rem; } }
@media only screen and (max-width: 568px) {
  .manage-account .container--narrow {
    width: 100%; }
    .manage-account .container--narrow .more-link-box__head a {
      padding: 0.8125rem 1.25rem; }
      .manage-account .container--narrow .more-link-box__head a h3, .manage-account .container--narrow .more-link-box__head a .members-cta__left__link {
        font-size: 1.125rem; }
    .manage-account .container--narrow .more-link-box,
    .manage-account .container--narrow .more-link-description {
      margin-top: 0; }
    .manage-account .container--narrow .more-link-accordion {
      border: 0;
      border-radius: 0; }
      .manage-account .container--narrow .more-link-accordion__content .list-row {
        padding: 0.8125rem 1.25rem; }
        .manage-account .container--narrow .more-link-accordion__content .list-row__title h4, .manage-account .container--narrow .more-link-accordion__content .list-row__title .member .member-header__head p, .member .member-header__head .manage-account .container--narrow .more-link-accordion__content .list-row__title p {
          font-size: 1rem; } }

/***********************************************************************************/
/* Manage Account*/
/***********************************************************************************/
.member .more-link-accordion-manage-account .manage-list .list-row:first-child {
  border-top: 0; }

/***********************************************************************************/
/* Member Account Screen */
/***********************************************************************************/
.member-details__name .field-row, .member-details__password .field-row {
  max-width: 355px; }
  @media only screen and (max-width: 568px) {
    .member-details__name .field-row, .member-details__password .field-row {
      max-width: 100%; } }
.member-details__password {
  margin-top: 3.75rem;
  clear: both; }
  @media only screen and (max-width: 568px) {
    .member-details__password {
      margin-top: 1.875rem; } }
  .member-details__password h6 {
    font-weight: 500;
    font-size: 1.25rem;
    letter-spacing: 0.47px;
    line-height: normal;
    margin-bottom: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .member-details__password h6 {
        text-align: center; } }
  @media only screen and (max-width: 568px) {
    .member-details__password__sub-title {
      display: block;
      font-size: 0.875rem;
      text-align: center; } }
.member-details__submit {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .member-details__submit {
      margin-top: 1.875rem;
      text-align: center;
      margin-left: auto;
      margin-right: auto; } }

/***********************************************************************************/
/* Member Credit Card Update Screen */
/***********************************************************************************/
@media only screen and (max-width: 568px) {
  .current-cc {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem; } }

.cc-on-file {
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .cc-on-file {
      margin-bottom: 0; } }
  .cc-on-file__head {
    margin-bottom: 1rem; }
    .cc-on-file__head p {
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .cc-on-file__head p {
          text-align: center;
          padding-top: 0.3125rem; } }
  .cc-on-file .cc-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (max-width: 375px) {
      .cc-on-file .cc-row {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start; } }
    @media only screen and (max-width: 568px) {
      .cc-on-file .cc-row {
        border: 1px solid #d2d2d2;
        padding: 0.75rem; } }
    .cc-on-file .cc-row__number {
      margin-left: 1.25rem; }
      @media only screen and (max-width: 375px) {
        .cc-on-file .cc-row__number {
          margin-left: 0;
          margin-top: 0.375rem; } }
      .cc-on-file .cc-row__number__exp {
        margin-left: 0.5rem; }
        @media only screen and (max-width: 375px) {
          .cc-on-file .cc-row__number__exp {
            margin-left: 0;
            padding-top: 0.25rem; } }

.card-update__fields .field-row {
  max-width: 355px; }
.card-update__fields .input-icon {
  position: relative; }
.card-update__fields .input-icon__help:hover {
  cursor: pointer;
  color: #ff9600; }
.card-update__fields .icon-tooltip {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -130px;
  width: 130px;
  padding: 4px;
  font-size: 0.75rem;
  text-align: center; }
.card-update__fields .help-text {
  display: none; }
  .card-update__fields .help-text p {
    font-size: 0.75rem;
    margin: 0.75rem 0 0 0; }
.card-update__submit {
  margin-top: 2.8125rem; }
  @media only screen and (max-width: 568px) {
    .card-update__submit {
      margin-top: 1.875rem;
      margin-left: auto;
      margin-right: auto;
      text-align: center; } }

/***********************************************************************************/
/* Payment History */
/***********************************************************************************/
.payment-history .swipe-notice {
  display: none; }
  @media only screen and (max-width: 835px) {
    .payment-history .swipe-notice {
      display: block;
      font-size: 0.875rem;
      color: #303c4b; } }

@media only screen and (max-width: 1024px) {
  .payments-table-wrap {
    overflow-x: scroll; } }

@media only screen and (max-width: 835px) {
  .payments-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; } }
.payments-table__title {
  display: block;
  max-width: 266px; }
  @media only screen and (max-width: 835px) {
    .payments-table__title {
      max-width: 100%; } }
.payments-table__dates span {
  display: inline-block;
  padding-right: 1.375rem; }
  .payments-table__dates span:last-of-type {
    padding-right: 0; }

/***********************************************************************************/
/* Preview */
/***********************************************************************************/
@media only screen and (max-width: 835px) {
  .preview .container--narrow {
    width: 100%;
    max-width: 100%; } }
.preview .container--mobile {
  max-width: 94%;
  margin-left: auto;
  margin-right: auto; }
.preview__flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
.preview__nav {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%; }
  @media only screen and (max-width: 835px) {
    .preview__nav {
      display: none; } }
.preview__content {
  width: 66.1016949153%;
  float: right;
  margin-right: 0;
  padding-left: 2.5rem; }
  @media only screen and (max-width: 835px) {
    .preview__content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      padding-left: 0; } }

.preview-arrow-container {
  display: none;
  background-color: #FFFFFF;
  padding: 1.875rem 0;
  margin-top: -30px;
  transition: all 0.25s ease-in-out; }
  @media only screen and (max-width: 736px) {
    .preview-arrow-container {
      margin-top: 0;
      padding: 0.9375rem 0; } }
  .preview-arrow-container.stuck {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #edf0f3; }
    @media only screen and (max-width: 736px) {
      .preview-arrow-container.stuck {
        top: 64px; } }
  @media only screen and (max-width: 835px) {
    .preview-arrow-container {
      display: block; } }

.preview-arrows-mobile a {
  color: #303c4b;
  font-size: 12px;
  text-transform: uppercase; }
  .preview-arrows-mobile a.slick-disabled {
    color: #838288; }
  .preview-arrows-mobile a i {
    font-size: 26px;
    position: relative;
    top: 4px; }
.preview-arrows-mobile a.preview-arrow--prev i {
  margin-right: 12px; }
.preview-arrows-mobile a.preview-arrow--next i {
  margin-left: 12px; }
@media only screen and (max-width: 835px) {
  .preview-arrows-mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .preview-arrows-mobile a.prev-arrow--next {
      margin-left: auto; } }

.preview-nav {
  background-color: #FCFCFC; }
  .preview-nav .preview-nav__item__link {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.25rem 1.875rem;
    transition: background-color 0.2s ease-in-out;
    position: relative; }
    .preview-nav .preview-nav__item__link:after {
      content: '';
      display: block;
      width: 21px;
      height: 100%;
      -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
              clip-path: polygon(0 0, 0% 100%, 100% 50%);
      background-color: #e1e7e9;
      position: absolute;
      top: 0;
      right: -20px;
      opacity: 0;
      transition: opacity 0.2s ease-in-out; }
    .preview-nav .preview-nav__item__link:hover {
      background-color: #e1e7e9; }
      .preview-nav .preview-nav__item__link:hover:after {
        opacity: 1; }
    .preview-nav .preview-nav__item__link.preview-active {
      background-color: #e1e7e9; }
    .preview-nav .preview-nav__item__link.preview-active:after {
      opacity: 1; }
  .preview-nav .preview-nav__item ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .preview-nav .preview-nav__item ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
  .preview-nav .preview-nav__item__head h6 {
    color: #303c4b;
    letter-spacing: -0.13px; }
  .preview-nav .preview-nav__item__side h6 {
    padding-bottom: 0.3125rem; }
  .preview-nav .preview-nav__item:last-child .preview-nav__item__link {
    border-bottom: 0;
    border-bottom-width: 0; }
  .preview-nav__switch {
    background-color: #ff9600;
    padding: 1.875rem 1.25rem;
    text-align: center; }
    .preview-nav__switch h4, .preview-nav__switch .member .member-header__head p, .member .member-header__head .preview-nav__switch p {
      font-weight: 500;
      line-height: 1.25;
      color: #FFFFFF; }
    .preview-nav__switch .button-container {
      text-align: center;
      margin-top: 1.25rem; }
      .preview-nav__switch .button-container a.btn--white {
        padding-left: 1.875rem;
        padding-right: 1.875rem; }

@media only screen and (max-width: 835px) {
  .preview-content__image img {
    display: block;
    width: 100%;
    height: auto; } }
.preview-content h4, .preview-content .member .member-header__head p, .member .member-header__head .preview-content p {
  color: #838288; }
.preview-content ul {
  list-style: none;
  margin: 0.625rem 0 0 0;
  padding: 0; }
  .preview-content ul li {
    list-style: none;
    margin: 0;
    padding: 0.375rem 0;
    line-height: 1.56; }
.preview-content ol {
  margin: 0.625rem 0 0 0; }
  .preview-content ol li {
    margin: 0 0 0 1rem;
    padding: 0.375rem 0 0.375rem 0.75rem;
    line-height: 1.56; }
.preview-content__image {
  margin-bottom: 1.875rem; }
.preview-content__head {
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .preview-content__head {
      margin-bottom: 1.875rem; } }
  .preview-content__head h6 {
    margin-bottom: 0.3125rem; }
    @media only screen and (max-width: 568px) {
      .preview-content__head h6 {
        margin-bottom: 0.625rem; } }
  .preview-content__head h4, .preview-content__head .member .member-header__head p, .member .member-header__head .preview-content__head p {
    margin-top: 0.3125rem;
    color: #8f959e; }
    @media only screen and (max-width: 568px) {
      .preview-content__head h4, .preview-content__head .member .member-header__head p, .member .member-header__head .preview-content__head p {
        margin-top: 0.3125rem; } }
  .preview-content__head__prep-time {
    margin-top: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .preview-content__head__prep-time img {
      position: relative;
      top: 2px; }
      @media only screen and (max-width: 568px) {
        .preview-content__head__prep-time img {
          top: -6px; } }
    .preview-content__head__prep-time span {
      font-size: 1.25rem;
      font-weight: 600;
      color: #303c4b;
      letter-spacing: 0.3px;
      line-height: 1.1;
      padding-left: 0.625rem; }
      @media only screen and (max-width: 568px) {
        .preview-content__head__prep-time span {
          font-size: 0.75rem; } }
@media only screen and (max-width: 568px) {
  .preview-content .preview-plan h3, .preview-content .preview-plan .members-cta__left__link {
    font-size: 1.25rem; } }
@media only screen and (max-width: 568px) {
  .preview-content__instructions h4, .preview-content__instructions .member .member-header__head p, .member .member-header__head .preview-content__instructions p, .preview-content__ingredients h4, .preview-content__ingredients .member .member-header__head p, .member .member-header__head .preview-content__ingredients p, .preview-content__side h4, .preview-content__side .member .member-header__head p, .member .member-header__head .preview-content__side p {
    font-size: 1.25rem; }
  .preview-content__instructions ul, .preview-content__instructions ol, .preview-content__ingredients ul, .preview-content__ingredients ol, .preview-content__side ul, .preview-content__side ol {
    font-size: 1.125rem; } }
.preview-content__ingredients {
  margin-bottom: 1.875rem; }
.preview-content__side {
  margin-top: 3.125rem; }
  .preview-content__side__head {
    margin-bottom: 3.125rem; }
    @media only screen and (max-width: 568px) {
      .preview-content__side__head {
        margin-bottom: 1.5625rem; } }
  .preview-content__side ul {
    margin-bottom: 1.875rem; }
.preview-content__nutrition {
  margin-top: 3.75rem; }
  @media only screen and (max-width: 568px) {
    .preview-content__nutrition {
      margin-top: 1.875rem; } }
.preview-content__switch {
  background-color: #ff9600;
  padding: 1.875rem 1.25rem;
  text-align: center;
  margin-bottom: 1.875rem;
  display: none; }
  @media only screen and (max-width: 835px) {
    .preview-content__switch {
      display: block; } }
  .preview-content__switch h4, .preview-content__switch .member .member-header__head p, .member .member-header__head .preview-content__switch p {
    font-weight: 500;
    line-height: 1.25;
    color: #FFFFFF; }
  .preview-content__switch .button-container {
    text-align: center;
    margin-top: 1.25rem; }
    .preview-content__switch .button-container a.btn--white {
      padding-left: 1.875rem;
      padding-right: 1.875rem; }

table.nutrition {
  border: none;
  margin-top: 1.875rem; }
  table.nutrition thead th {
    font-size: 0.9375rem;
    font-weight: 400;
    border: none;
    color: #303c4b;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      table.nutrition thead th {
        font-size: 0.75rem; } }
    table.nutrition thead th > strong {
      font-weight: 700; }
  table.nutrition tbody th, table.nutrition tbody td {
    font-size: 16px;
    color: #303c4b;
    border: none;
    padding: 1rem 1.25rem;
    text-align: center; }
    @media only screen and (max-width: 568px) {
      table.nutrition tbody th, table.nutrition tbody td {
        font-size: 0.75rem;
        padding: 0.625rem 0.875rem; } }
  table.nutrition tbody th {
    font-weight: 700;
    text-align: left;
    padding-left: 2.625rem;
    width: 250px; }
    @media only screen and (max-width: 568px) {
      table.nutrition tbody th {
        padding-left: 1.875rem;
        width: 130px; } }
  table.nutrition tbody td {
    font-weight: 400; }
  table.nutrition tbody tr:nth-child(even) th, table.nutrition tbody tr:nth-child(even) td {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem; }
  table.nutrition tbody tr:nth-child(odd) th, table.nutrition tbody tr:nth-child(odd) td {
    background-color: #e1e7e9; }

/***********************************************************************************/
/* Switch Your Plan */
/***********************************************************************************/
.font-weight-500 {
  font-weight: 500; }

.mps-page-wrapper {
  margin-bottom: 0; }
  .mps-page-wrapper .page-content {
    margin-bottom: 0; }
  @media only screen and (max-width: 568px) {
    .mps-page-wrapper .member-header__head {
      text-align: left; } }
  .mps-page-wrapper .member-header--switch p {
    font-weight: 400; }
  @media only screen and (max-width: 568px) {
    .mps-page-wrapper .member-header--switch .member-header__head h1 {
      color: #303c4b; } }

.mp-plans {
  background-color: #F8F8F8;
  padding: 3.75rem 0; }
  @media only screen and (max-width: 568px) {
    .mp-plans {
      padding: 1.875rem 0; } }

@media only screen and (max-width: 835px) {
  .alt-mp-plans .container--narrow {
    width: 100%; }
    .alt-mp-plans .container--narrow .mp-plans__wrapper .mp-area__head {
      margin: 0 3%; }
    .alt-mp-plans .container--narrow .mp-plans__wrapper .mp-area .mp-card-slider {
      left: 0;
      padding: 0; }
      .alt-mp-plans .container--narrow .mp-plans__wrapper .mp-area .mp-card-slider .slick-list {
        padding-left: 3%; } }
@media only screen and (max-width: 835px) and (max-width: 568px) {
  .alt-mp-plans .container--narrow .mp-plans__wrapper .mp-area__head {
    margin: 0 5%; }
  .alt-mp-plans .container--narrow .mp-plans__wrapper .mp-area .mp-card-slider .slick-list {
    padding-left: 5%; } }

.mp-area {
  margin-top: 2.625rem; }
  @media only screen and (max-width: 568px) {
    .mp-area {
      margin-top: 1.875rem; } }
  .mp-area:first-child {
    margin-top: 0; }
    @media only screen and (max-width: 568px) {
      .mp-area:first-child {
        margin-top: 0; } }
  .mp-area__head h6 {
    margin-top: 0.625rem; }
  @media only screen and (max-width: 568px) {
    .mp-area__head h3, .mp-area__head .members-cta__left__link {
      font-size: 1.25rem; }
    .mp-area__head h6 {
      font-size: 1.125rem; } }
  .mp-area .mp-card-slider {
    margin-top: 2.125rem; }

/***********************************************************************************/
/* Manage Subscriptions */
/***********************************************************************************/
.font-size-rem18 {
  font-size: 1.125rem !important; }

.font-size-rem24 {
  font-size: 1.5rem !important; }

.font-size-rem30 {
  font-size: 1.875rem !important; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.margin-top-rem22 {
  margin-top: 1.375rem !important; }

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

.underlined-text {
  text-decoration: underline;
  text-underline-offset: 0.125rem; }

.highlighted-text {
  color: #ff9600;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 0.125rem; }

.grayed-bordered-frame {
  border: 2px solid #e6e6e6;
  color: #838288;
  margin-bottom: 2.375rem; }
  .grayed-bordered-frame .divided-sector {
    border-top: 2px solid #edf0f3;
    padding: 1.875rem; }
    .grayed-bordered-frame .divided-sector a.contained-button {
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      user-select: none; }
      .grayed-bordered-frame .divided-sector a.contained-button .icon {
        color: #303c4b;
        font-size: 1.875rem;
        margin-left: auto; }
    .grayed-bordered-frame .divided-sector i.message-icon {
      color: #c3e28e;
      font-size: 6.25rem;
      margin-bottom: 1.25rem; }
    .grayed-bordered-frame .divided-sector select.contained-select {
      margin: 0 auto;
      width: 70%; }
    .grayed-bordered-frame .divided-sector .plan-box {
      border: 2px solid #e6e6e6;
      display: inline-block;
      margin: 0.3125rem 0.125rem;
      min-width: 12.5rem;
      padding: 1.25rem;
      text-align: left;
      width: 40%; }
      .grayed-bordered-frame .divided-sector .plan-box h2, .grayed-bordered-frame .divided-sector .plan-box .internal-header h1, .internal-header .grayed-bordered-frame .divided-sector .plan-box h1, .grayed-bordered-frame .divided-sector .plan-box .press-release h1, .press-release .grayed-bordered-frame .divided-sector .plan-box h1 {
        font-size: 1rem;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .grayed-bordered-frame .divided-sector .plan-box div {
        font-weight: 500;
        margin-top: 0.3125rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .grayed-bordered-frame .divided-sector:first-child {
    border-top: 0; }
  @media only screen and (max-width: 1320px) {
    .grayed-bordered-frame {
      margin-bottom: 1.875rem; } }

.manage-subscriptions .left-panel {
  float: left;
  width: 22rem; }
  .manage-subscriptions .left-panel :last-child {
    margin-bottom: 0; }
  .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h2, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .internal-header h1, .internal-header .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .press-release h1, .press-release .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1 {
    margin-top: 1.25rem; }
  .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h2:first-child, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .internal-header h1:first-child, .internal-header .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1:first-child, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .press-release h1:first-child, .press-release .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1:first-child {
    margin-top: 0; }
  .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .plan-title {
    margin-top: 1.1875rem;
    margin-bottom: 0.375rem; }
  .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector p.plan-cancellation-message {
    color: #8f959e;
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
    margin-top: 3.5625rem; }
.manage-subscriptions .right-content {
  float: right;
  width: 40.25rem; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans {
    margin: 1.6875rem auto 0.125rem auto;
    text-align: center;
    width: 28.75rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan {
      display: inline-block;
      margin: 0 0.9375rem;
      width: 7.5rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan img {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 7.5rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan div {
        font-size: 1.125rem;
        margin: 0.875rem 0;
        text-align: center; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list {
    margin: 0;
    margin-left: 2.5rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list li {
      list-style-type: none;
      padding: 0; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list li:before {
      content: '\f058';
      color: #99ca3c;
      font-family: 'Font Awesome 5 Free';
      font-size: 1.875rem;
      font-weight: bold;
      position: relative;
      right: 0.625rem;
      top: 0.1875rem; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector p.section-description {
    margin: 0 2rem;
    margin-top: 1.25rem;
    text-align: center; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form {
    margin: 2.25rem 7.3125rem 1.0625rem 7.3125rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form label {
      font-size: 1.125rem;
      margin: 1.25rem 0; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form textarea {
      margin: 0; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form button.btn {
      display: block;
      margin: 2.3125rem auto 1.25rem auto; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector a.grey-tiny-link {
    color: #838288;
    display: block;
    font-size: 0.875rem;
    text-align: center; }
  .manage-subscriptions .right-content .special-offer-frame .divided-sector {
    padding-bottom: 2.5625rem; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector p.section-description {
      margin: 0;
      margin-top: 1.25rem; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box {
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
      margin: 3.375rem auto 2.0625rem auto;
      padding-bottom: 1.625rem;
      padding-top: 2.875rem;
      text-align: center;
      width: 20.3125rem; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .discount-badge {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        background-image: url(/img/style-guide/global-v3/badges/discount-offer-icon.svg);
        background-position: center center;
        color: #FFFFFF;
        font-size: 0.875rem;
        font-weight: 600;
        height: 4.5rem;
        margin: 0 auto;
        margin-bottom: -5.125rem;
        padding-top: 1.3125rem;
        position: relative;
        text-align: center;
        top: -5.125rem;
        user-select: none;
        width: 4.5rem; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.offer-title, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.offer-title, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.offer-title, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.offer-title, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.offer-title {
        margin-top: 0.625rem; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.offer-title, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.offer-title, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.offer-title, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.offer-title, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.offer-title,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.previous-price,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.previous-price,
      .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.previous-price,
      .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.discounted-price,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.discounted-price,
      .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.discounted-price,
      .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price {
        font-size: 1.125rem;
        font-weight: 500;
        text-transform: uppercase; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.previous-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.previous-price, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.previous-price, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price {
        margin-top: 0.625rem;
        text-decoration: line-through; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.discounted-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.discounted-price, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.discounted-price, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price {
        font-size: 2.5rem;
        font-weight: 600; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .discounted-price-term,
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .discounted-price-long-term {
        color: #8f959e;
        font-size: 0.75rem;
        font-weight: 500; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .discounted-price-long-term {
        margin: 1.125rem 0; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector #cancelSubscriptionLink .secondary {
      display: none;
      font-weight: 500; }
@media only screen and (max-width: 1320px) {
  .manage-subscriptions .left-panel {
    float: none;
    margin: 0 auto;
    width: 99%; }
    .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector h2, .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector .internal-header h1, .internal-header .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector h1, .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector .press-release h1, .press-release .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector h1 {
      font-size: 1.125rem; }
    .manage-subscriptions .left-panel .grayed-bordered-frame .help-and-contact-sector p {
      font-size: 1.125rem; }
  .manage-subscriptions .right-content {
    float: none;
    margin: 0 auto;
    width: 99%; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector {
      padding: 1.6875rem 0.9375rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector h2, .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .internal-header h1, .internal-header .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector h1, .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .press-release h1, .press-release .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector h1 {
        font-size: 1.0625rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans {
        width: 100%; }
        .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan {
          margin: 0 0.6875rem;
          width: 6.375rem; }
          .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan img {
            height: 6.375rem;
            width: 6.375rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list {
        font-size: 1rem;
        margin-left: 1.375rem;
        margin-top: 0.75rem; }
        .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list li {
          margin: 0.3125rem 0; }
        .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector ul.tips-list li:before {
          font-size: 1.25rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector p.section-description {
        font-size: 1rem;
        margin-left: 1.5625rem;
        margin-right: 0.9375rem; }
      .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form {
        margin-left: 1rem;
        margin-top: 1.6875rem;
        margin-right: 1rem; }
        .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form label {
          font-size: 1rem;
          margin: 1.25rem 0; }
        .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .form button.btn {
          font-size: 1rem;
          margin-top: 1.75rem;
          padding: 0.625rem 2rem; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box {
      width: 17.5rem; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.previous-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.previous-price, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.previous-price, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.previous-price {
        font-size: 1rem; }
      .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h2.discounted-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .internal-header h1.discounted-price, .internal-header .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price, .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box .press-release h1.discounted-price, .press-release .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box h1.discounted-price {
        font-size: 1.625rem; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector #cancelSubscriptionLink .primary {
      display: none; }
    .manage-subscriptions .right-content .special-offer-frame .divided-sector #cancelSubscriptionLink .secondary {
      display: inline; } }
@media only screen and (max-width: 1320px) and (max-width: 568px) {
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan {
    margin: 0 0.5rem;
    width: 5.3125rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan img {
      height: 5.3125rem;
      width: 5.3125rem; } }

@media only screen and (max-width: 1320px) and (max-width: 568px) and (max-width: 375px) {
  .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h2.cancel-subscription-button-text, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .internal-header h1.cancel-subscription-button-text, .internal-header .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1.cancel-subscription-button-text, .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector .press-release h1.cancel-subscription-button-text, .press-release .manage-subscriptions .left-panel .grayed-bordered-frame .divided-sector h1.cancel-subscription-button-text {
    font-size: 0.75rem !important; }
  .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan {
    margin: 0 0.25rem;
    width: 3.75rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan img {
      height: 3.75rem;
      width: 3.75rem; }
    .manage-subscriptions .right-content .grayed-bordered-frame .divided-sector .plans .plan div {
      font-size: 0.875rem; } }

@media only screen and (max-width: 1320px) and (max-width: 568px) and (max-width: 375px) and (max-width: 320px) {
  .manage-subscriptions .right-content .special-offer-frame .divided-sector .special-offer-box {
    box-shadow: none;
    width: 100%; } }

/***********************************************************************************/
/* Plan */
/***********************************************************************************/
button.btn--tiny--uppercase {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  min-width: auto !important;
  padding: 0.8125rem 1.3125rem !important;
  text-transform: uppercase !important; }

span.desktop-text {
  display: inline; }

span.mobile-text {
  display: none; }

.plan-header {
  margin-bottom: 0rem !important; }
  .plan-header__head h1 {
    float: left; }
  .plan-header__head h4, .plan-header__head .member .member-header__head p, .member .member-header__head .plan-header__head p {
    float: left;
    font-weight: normal;
    padding-top: 0.625rem; }
  .plan-header__head button.btn {
    float: right; }
  @media only screen and (max-width: 1024px) {
    .plan-header {
      text-align: center; }
      .plan-header__head h1, .plan-header__head h4, .plan-header__head .member .member-header__head p, .member .member-header__head .plan-header__head p {
        float: none;
        margin-bottom: 1.25rem; }
      .plan-header__head button.btn {
        float: none; } }
  @media only screen and (max-width: 1024px) and (max-width: 568px) {
    .plan-header span.desktop-text {
      display: none; }
    .plan-header span.mobile-text {
      display: inline; }
    .plan-header__head h1, .plan-header__head h4, .plan-header__head .member .member-header__head p, .member .member-header__head .plan-header__head p {
      font-size: 1rem;
      margin-bottom: 1rem; } }

.plan-menu {
  margin-bottom: 5.125rem; }
  .plan-menu .cards {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .plan-menu .cards .card {
      border: 1px solid #edf0f3;
      cursor: pointer;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      float: left;
      margin-right: 2%;
      margin-top: 2.125rem;
      width: 32%; }
      .plan-menu .cards .card img.thumbnail {
        display: block;
        height: 15.0625rem;
        object-fit: cover;
        width: 100%; }
      .plan-menu .cards .card div.info {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0 0.9375rem;
        margin-top: 1.125rem; }
        .plan-menu .cards .card div.info h5.title {
          color: #303c4b;
          font-size: 1rem;
          font-weight: 600; }
        .plan-menu .cards .card div.info h6.side-title {
          color: #8f959e;
          font-size: 0.875rem;
          font-weight: normal; }
        .plan-menu .cards .card div.info div.v-spacing {
          margin-bottom: 0.75rem; }
        .plan-menu .cards .card div.info .comment {
          color: #ff9600;
          font-size: 0.75rem;
          text-transform: uppercase;
          margin-bottom: 0.125rem; }
        .plan-menu .cards .card div.info .time {
          color: #303c4b;
          font-size: 0.875rem; }
      .plan-menu .cards .card div.buttons {
        padding: 1.125rem 0.9375rem; }
      .plan-menu .cards .card div.links {
        background: #edf0f3;
        overflow: auto;
        padding-bottom: 0.875rem;
        padding-top: 0.875rem; }
        .plan-menu .cards .card div.links a {
          color: #303c4b;
          display: block;
          float: right;
          font-size: 0.75rem;
          font-weight: 500;
          margin-right: 0.9375rem;
          text-transform: uppercase; }
    .plan-menu .cards .card:nth-child(3n) {
      margin-right: 0; }
    .plan-menu .cards .card:hover div.links a {
      color: #ff9600;
      transition: color .2s linear; }
  @media only screen and (max-width: 835px) {
    .plan-menu .cards .card {
      margin-right: 0;
      width: 49%; }
    .plan-menu .cards .card:nth-child(2n) {
      margin-left: 2%; }
    .plan-menu .cards .card:nth-child(3n) {
      margin-right: 0; } }
@media only screen and (max-width: 835px) and (max-width: 568px) {
  .plan-menu {
    margin-bottom: 2.125rem; }
    .plan-menu .container--narrow {
      width: 100%; }
      .plan-menu .container--narrow .cards .card {
        margin-left: 0;
        margin-top: 1.875rem;
        width: 100%; }
        .plan-menu .container--narrow .cards .card div.info {
          margin-left: 1.375rem;
          margin-right: 1.375rem; }
        .plan-menu .container--narrow .cards .card div.buttons {
          padding-left: 1.375rem;
          padding-right: 1.375rem; }
        .plan-menu .container--narrow .cards .card div.links a {
          margin-right: 1.375rem; }
      .plan-menu .container--narrow .cards .card:nth-child(2n) {
        margin-left: 0; } }

.popup-window {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.7);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000; }
  .popup-window div.window {
    background: #FFFFFF;
    border: 1px solid #838288;
    height: 80%;
    margin: auto;
    max-height: 59.375rem;
    position: relative;
    width: 58.125rem; }
    .popup-window div.window button.close {
      background: #838288;
      border: 0;
      border-radius: 50%;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      font-size: 1.5rem;
      padding: 0.125rem 0.4375rem 0 0.5rem;
      position: absolute;
      right: -0.9375rem;
      top: -0.9375rem; }
    .popup-window div.window button.close:hover {
      background-color: #303c4b;
      transition: background-color .2s linear; }
    .popup-window div.window div.navigation-buttons {
      display: none; }
    .popup-window div.window img.image {
      display: block;
      float: left;
      height: 100%;
      object-fit: cover;
      width: 50%; }
    .popup-window div.window img.thumbnail {
      display: none; }
    .popup-window div.window div.right-panel {
      float: right;
      height: 100%;
      width: 50%; }
      .popup-window div.window div.right-panel div.info {
        height: 85%;
        overflow-y: scroll;
        padding: 2.25rem 0; }
        .popup-window div.window div.right-panel div.info div.header {
          padding: 0 1.875rem; }
          .popup-window div.window div.right-panel div.info div.header h6.plan-title {
            color: #8f959e;
            font-size: 1.125rem;
            font-weight: normal; }
          .popup-window div.window div.right-panel div.info div.header h5.title {
            color: #303c4b;
            font-size: 1.5625rem;
            font-weight: 600;
            margin: 0.125rem 0; }
          .popup-window div.window div.right-panel div.info div.header h6.side-title {
            color: #8f959e;
            font-size: 1.25rem;
            font-weight: normal; }
          .popup-window div.window div.right-panel div.info div.header div.v-spacing {
            display: none;
            margin-bottom: 0.75rem; }
          .popup-window div.window div.right-panel div.info div.header .comment {
            color: #ff9600;
            display: none;
            font-size: 0.75rem;
            text-transform: uppercase;
            margin-bottom: 0.125rem; }
          .popup-window div.window div.right-panel div.info div.header .time {
            color: #303c4b;
            display: none;
            font-size: 0.875rem; }
        .popup-window div.window div.right-panel div.info div.ad {
          background: #ecf0f3;
          border-radius: 0.625rem;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 1.25rem 1.875rem;
          overflow: hidden;
          padding: 0.875rem 0; }
          .popup-window div.window div.right-panel div.info div.ad div.product-image {
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 0 0.875rem;
            width: 23%; }
            .popup-window div.window div.right-panel div.info div.ad div.product-image img {
              width: 100%; }
          .popup-window div.window div.right-panel div.info div.ad div.product-info {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding-left: 0.375rem;
            padding-right: 0.875rem; }
            .popup-window div.window div.right-panel div.info div.ad div.product-info div.header {
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1;
              padding: 0; }
              .popup-window div.window div.right-panel div.info div.ad div.product-info div.header h6.promotion {
                font-size: 0.8125rem;
                font-weight: normal; }
              .popup-window div.window div.right-panel div.info div.ad div.product-info div.header h5.name {
                color: #303c4b;
                font-size: 1rem; }
            .popup-window div.window div.right-panel div.info div.ad div.product-info button {
              background: #FFFFFF;
              border: 1px solid #8f959e;
              border-radius: 0.25rem;
              color: #303c4b;
              cursor: pointer;
              display: block;
              font-size: 0.75rem;
              font-weight: 600;
              margin-left: auto;
              padding: 0.1875rem 2rem 0.3125rem 2rem;
              text-transform: uppercase; }
        .popup-window div.window div.right-panel div.info div.time-bar {
          background: #edf0f3;
          margin: 1.6875rem 0;
          overflow: hidden;
          padding: 1.25rem 3.125rem; }
          .popup-window div.window div.right-panel div.info div.time-bar div.col {
            border-right: 1px solid #d8d8d8;
            float: left;
            height: 100%;
            overflow: hidden;
            padding: 0 1.125rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 33.3%; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col h5.header {
              color: #303c4b;
              font-size: 1rem;
              font-weight: 500;
              margin-bottom: 0.25rem;
              text-transform: uppercase; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col div.time {
              color: #8f959e;
              font-size: 1rem;
              font-weight: normal; }
          .popup-window div.window div.right-panel div.info div.time-bar div.col:last-child {
            border-right: 0; }
        .popup-window div.window div.right-panel div.info div.tab-buttons {
          overflow: hidden;
          padding: 0 1.875rem; }
          .popup-window div.window div.right-panel div.info div.tab-buttons button {
            background: transparent;
            border: 0;
            border-bottom: 1px solid #838288;
            color: #838288;
            cursor: pointer;
            display: block;
            float: left;
            font-size: 1rem;
            font-weight: 600;
            padding: 0.5625rem 0;
            padding-bottom: 0.625rem;
            text-align: center;
            text-transform: uppercase;
            width: 50%; }
          .popup-window div.window div.right-panel div.info div.tab-buttons button.selected {
            border-bottom: 3px solid #fe9700;
            padding-bottom: 0.5625rem; }
        .popup-window div.window div.right-panel div.info div.detailed-info {
          overflow: hidden;
          padding: 0.625rem 1.875rem; }
          .popup-window div.window div.right-panel div.info div.detailed-info ul {
            font-size: 0.875rem;
            margin: 0;
            padding: 0; }
            .popup-window div.window div.right-panel div.info div.detailed-info ul li {
              color: #8f959e;
              list-style-type: none;
              padding: 0.3125rem 0; }
          .popup-window div.window div.right-panel div.info div.detailed-info h6 {
            color: #838288;
            font-size: 1rem;
            font-weight: 500;
            margin-top: 1.3125rem;
            text-transform: uppercase; }
      .popup-window div.window div.right-panel div.buttons {
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 15%;
        overflow: hidden;
        padding: 0 1.875rem; }
  .popup-window div.green-window {
    background: #FFFFFF;
    margin: auto;
    max-height: 80%;
    overflow-y: auto;
    position: relative;
    width: 55rem; }
    .popup-window div.green-window div.header {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #99ca3c;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      overflow: hidden;
      padding: 0.9375rem 1.5625rem; }
      .popup-window div.green-window div.header div.headline {
        color: #FFFFFF;
        font-size: 1.125rem;
        font-weight: 500;
        margin: 0 auto;
        text-align: center; }
      .popup-window div.green-window div.header button.close {
        background: transparent;
        border: 0;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-size: 1.25rem; }
    .popup-window div.green-window div.subheader {
      background: #edf0f3;
      color: #838288;
      font-weight: 400;
      overflow: hidden;
      padding: 1.125rem 2.5rem; }
      .popup-window div.green-window div.subheader span.bold {
        color: #303c4b;
        font-weight: 500; }
    .popup-window div.green-window div.body {
      overflow: hidden; }
      .popup-window div.green-window div.body div.form {
        margin: 0 13.75rem;
        text-align: center; }
        .popup-window div.green-window div.body div.form h3, .popup-window div.green-window div.body div.form .members-cta__left__link {
          margin-bottom: 2.5rem;
          margin-top: 1.5625rem; }
        .popup-window div.green-window div.body div.form button {
          font-size: 0.9375rem;
          font-weight: 600;
          margin-bottom: 3.125rem;
          margin-top: 2.5rem;
          text-transform: uppercase;
          width: 25rem; }
      .popup-window div.green-window div.body div.location-container {
        border-bottom: 1px solid #d2d2d2;
        color: #838288;
        font-weight: 500;
        margin: 0 2.5rem;
        padding-bottom: 1.75rem;
        padding-top: 1.125rem; }
        .popup-window div.green-window div.body div.location-container span.bold {
          color: #303c4b;
          font-weight: 500;
          margin: 0 0.625rem; }
        .popup-window div.green-window div.body div.location-container a {
          font-size: 0.75rem;
          text-decoration: underline;
          text-transform: uppercase; }
      .popup-window div.green-window div.body div.stores-buttons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        height: 22.5rem;
        overflow-y: auto;
        padding: 1.875rem 0.875rem; }
        .popup-window div.green-window div.body div.stores-buttons button {
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          background: #FFFFFF;
          border: 1px solid #d2d2d2;
          border-radius: 5px;
          cursor: pointer;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex: none;
              -ms-flex: none;
                  flex: none;
          height: 7.5rem;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: 1rem;
          width: 13rem; }
          .popup-window div.green-window div.body div.stores-buttons button img {
            display: block; }
      .popup-window div.green-window div.body div.message {
        margin: 0 15.625rem;
        padding: 1.25rem 0;
        text-align: center; }
        .popup-window div.green-window div.body div.message i.success-icon {
          color: #99ca3c;
          font-size: 7.5rem; }
        .popup-window div.green-window div.body div.message h3, .popup-window div.green-window div.body div.message .members-cta__left__link {
          font-size: 1.5rem;
          margin: 1.5625rem 0; }
      .popup-window div.green-window div.body div.no-stores-message {
        margin: 0 1.25rem;
        padding: 1.25rem 0;
        text-align: center; }
        .popup-window div.green-window div.body div.no-stores-message h3, .popup-window div.green-window div.body div.no-stores-message .members-cta__left__link {
          font-size: 1.5rem;
          margin: 1.5625rem 0; }
        .popup-window div.green-window div.body div.no-stores-message h4, .popup-window div.green-window div.body div.no-stores-message .member .member-header__head p, .member .member-header__head .popup-window div.green-window div.body div.no-stores-message p {
          font-size: 1.375rem; }
        .popup-window div.green-window div.body div.no-stores-message div.link-container {
          margin: 1.5625rem 0;
          overflow: hidden; }
          .popup-window div.green-window div.body div.no-stores-message div.link-container a {
            color: #8f959e; }
    .popup-window div.green-window div.window-footer {
      border-top: 1px solid #d2d2d2;
      color: #8f959e;
      font-size: 0.75rem;
      font-weight: 500;
      overflow: hidden;
      padding: 1.875rem;
      text-align: center; }
      .popup-window div.green-window div.window-footer a {
        color: #8f959e;
        font-size: 0.75rem; }
  .popup-window div.small-green-window {
    background: #FFFFFF;
    margin: auto;
    max-height: 80%;
    overflow-y: auto;
    position: relative;
    width: 33.125rem; }
    .popup-window div.small-green-window div.header {
      background: #99ca3c;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      overflow: hidden;
      padding: 0.75rem 1.625rem; }
      .popup-window div.small-green-window div.header div.headline {
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        color: #FFFFFF;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.125rem;
        font-weight: 500; }
      .popup-window div.small-green-window div.header button.close {
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: transparent;
        border: 0;
        color: #FFFFFF;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.75rem; }
    .popup-window div.small-green-window div.body h3, .popup-window div.small-green-window div.body .members-cta__left__link {
      padding: 2rem 3.875rem 0.75rem 3.875rem; }
    .popup-window div.small-green-window div.body p {
      font-size: 1.25rem;
      line-height: 1.2;
      margin: 0;
      padding: 0 3.875rem; }
    .popup-window div.small-green-window div.body h4, .popup-window div.small-green-window div.body .member .member-header__head p, .member .member-header__head .popup-window div.small-green-window div.body p {
      border-bottom: 1px solid #e6e6e6;
      color: #303c4b;
      padding: 1.5625rem 3.875rem; }
    .popup-window div.small-green-window div.body label.custom-square-check-right {
      border-bottom: 1px solid #e6e6e6;
      margin: 0;
      padding: 1.5625rem 3.875rem; }
      .popup-window div.small-green-window div.body label.custom-square-check-right input[type="checkbox"] {
        margin: 0; }
      .popup-window div.small-green-window div.body label.custom-square-check-right .square-check-text {
        color: #838288;
        font-size: 1.375rem;
        font-weight: 500;
        margin: 0; }
      .popup-window div.small-green-window div.body label.custom-square-check-right span.square-check {
        border: 2px solid #8f959e;
        border-radius: 0.125rem;
        height: 1.9375rem;
        margin-left: auto;
        width: 1.9375rem; }
        .popup-window div.small-green-window div.body label.custom-square-check-right span.square-check:after {
          font-size: 2.0625rem;
          height: 1.9375rem;
          width: 1.9375rem; }
    .popup-window div.small-green-window div.body button {
      display: block;
      font-size: 1.375rem;
      font-weight: 500;
      margin: 2.1875rem auto;
      padding-left: 1.875rem;
      padding-right: 1.875rem;
      text-transform: uppercase; }
  @media only screen and (max-width: 1024px) {
    .popup-window .desktop-text {
      display: none; }
    .popup-window div.window {
      border: 0;
      height: 100%;
      max-height: none;
      overflow-y: scroll;
      width: 100%; }
      .popup-window div.window button.close {
        display: none; }
      .popup-window div.window div.navigation-buttons {
        display: block;
        overflow: hidden; }
        .popup-window div.window div.navigation-buttons button {
          background: #FFFFFF;
          border: 0;
          color: #303c4b;
          cursor: pointer;
          display: block;
          float: left;
          font-size: 0.875rem;
          font-weight: normal;
          padding: 1rem;
          text-overflow: ellipsis;
          text-transform: uppercase;
          white-space: nowrap;
          width: 50%; }
        .popup-window div.window div.navigation-buttons button.menu-btn {
          background: #edf0f3;
          float: none;
          width: 100%; }
        .popup-window div.window div.navigation-buttons button.back {
          color: #8f959e;
          text-align: left; }
        .popup-window div.window div.navigation-buttons button.next {
          text-align: right; }
      .popup-window div.window img.image {
        display: none; }
      .popup-window div.window img.thumbnail {
        display: block;
        height: 15.0625rem;
        object-fit: cover;
        width: 100%; }
      .popup-window div.window div.right-panel {
        float: none;
        height: auto;
        width: 100%; }
        .popup-window div.window div.right-panel div.info {
          height: auto;
          overflow: visible;
          padding: 0.875rem 0; }
          .popup-window div.window div.right-panel div.info div.header {
            padding: 0 1.375rem; }
            .popup-window div.window div.right-panel div.info div.header h5.title {
              font-size: 1rem; }
            .popup-window div.window div.right-panel div.info div.header h6.side-title {
              font-size: 0.875rem; }
            .popup-window div.window div.right-panel div.info div.header div.v-spacing {
              display: block; }
            .popup-window div.window div.right-panel div.info div.header .comment {
              display: block; }
            .popup-window div.window div.right-panel div.info div.header .time {
              display: block; }
          .popup-window div.window div.right-panel div.info div.ad {
            margin-left: 1.375rem;
            margin-right: 1.375rem; }
            .popup-window div.window div.right-panel div.info div.ad div.product-info button {
              font-size: 0.875rem; }
          .popup-window div.window div.right-panel div.info div.time-bar {
            margin-bottom: 1.25rem;
            margin-top: 1.25rem;
            padding-left: 1.375rem;
            padding-right: 1.375rem; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col h5.header {
              font-size: 0.875rem; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col div.time {
              font-size: 0.875rem; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col:first-child {
              padding-left: 0; }
            .popup-window div.window div.right-panel div.info div.time-bar div.col:last-child {
              padding-right: 0; }
          .popup-window div.window div.right-panel div.info div.tab-buttons {
            padding-left: 1.375rem;
            padding-right: 1.375rem; }
          .popup-window div.window div.right-panel div.info div.detailed-info {
            padding: 1rem 1.375rem; }
        .popup-window div.window div.right-panel div.buttons {
          height: auto;
          padding-bottom: 1.875rem; }
    .popup-window div.green-window {
      height: 100%;
      max-height: none;
      overflow-y: scroll;
      width: 100%; }
      .popup-window div.green-window div.header {
        padding: 1rem 1.375rem; }
      .popup-window div.green-window div.subheader {
        padding: 1rem 1.375rem; }
      .popup-window div.green-window div.body div.form {
        margin: 0 1.375rem; }
        .popup-window div.green-window div.body div.form button {
          width: 100%; }
      .popup-window div.green-window div.body div.location-container {
        margin: 0 1.375rem; }
      .popup-window div.green-window div.body div.stores-buttons {
        height: auto;
        padding: 1.875rem 1.375rem; }
      .popup-window div.green-window div.body div.message {
        margin: 0 1.375rem; }
      .popup-window div.green-window div.window-footer {
        padding: 1.875rem 1.375rem; }
    .popup-window div.small-green-window {
      height: 100%;
      max-height: none;
      overflow-y: scroll;
      width: 100%; }
      .popup-window div.small-green-window div.header {
        padding: 0.75rem 1.375rem; }
      .popup-window div.small-green-window div.body h3, .popup-window div.small-green-window div.body .members-cta__left__link {
        font-size: 1.5rem;
        padding: 1.125rem 1.375rem 0.25rem 1.375rem; }
      .popup-window div.small-green-window div.body p {
        font-size: 0.875rem;
        line-height: 1.71;
        margin-bottom: 1.125rem;
        padding: 0 1.375rem; }
      .popup-window div.small-green-window div.body h4, .popup-window div.small-green-window div.body .member .member-header__head p, .member .member-header__head .popup-window div.small-green-window div.body p {
        font-size: 1.125rem;
        padding: 0.75rem 1.375rem; }
      .popup-window div.small-green-window div.body label.custom-square-check-right {
        padding: 0.75rem 1.375rem; }
        .popup-window div.small-green-window div.body label.custom-square-check-right .square-check-text {
          font-size: 1rem; }
      .popup-window div.small-green-window div.body button {
        font-size: 0.875rem;
        margin: 1.4375rem auto;
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }
@media only screen and (max-width: 1024px) and (max-width: 667px) {
  .popup-window div.green-window div.body div.stores-buttons button {
    margin: 1rem 0;
    width: 100%; } }