@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, h4, 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; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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; }

@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, h4.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, h4.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, h4.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, h4.header--h2, h5.header--h2, h6.header--h2 {
      font-size: 1.25rem;
      line-height: 1.2; } }

h3, h1.header--h3, h2.header--h3, .internal-header h1.header--h3, .press-release h1.header--h3, h4.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, h1.header--h3, h2.header--h3, .internal-header h1.header--h3, .press-release h1.header--h3, h4.header--h3, h5.header--h3, h6.header--h3 {
      font-size: 1rem;
      line-height: 1.5; } }

h4, h1.header--h4, h2.header--h4, .internal-header h1.header--h4, .press-release h1.header--h4, h3.header--h4, 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, h1.header--h4, h2.header--h4, .internal-header h1.header--h4, .press-release h1.header--h4, h3.header--h4, 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, h4.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, h4.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, h4.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, h4.header--h6, h5.header--h6, .main-content p.header--h6 {
      font-size: 0.875rem;
      line-height: 1.5714; } }

h1.color--white, h2.color--white, .internal-header h1.color--white, .press-release h1.color--white, h3.color--white, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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, h4.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 Free";
        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: flex;
    flex-flow: row nowrap;
    align-items: 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: flex;
    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; }

.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;
    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: '';
      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 {
      transform-origin: 50% 50%;
      top: 0;
      width: 36px;
      color: #FFFFFF; }
    .nav-buttons .lines-button.x.close .lines:before {
      transform: rotate3d(0, 0, 1, 45deg);
      background: #ff9600; }
    .nav-buttons .lines-button.x.close .lines:after {
      background: #ff9600;
      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, transform 0.5s ease;
  z-index: 9999;
  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;
  transform: translate3d(0, 0, 0); }

/***********************************************************************************/
/* Site Footer */
/***********************************************************************************/
.footer {
  clear: left;
  position: relative;
  padding: 0;
  color: #FFF;
  background-color: #99ca3c;
  min-height: 200px;
  line-height: 22px; }
  .footer__flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 8.75rem;
    padding-right: 8.75rem; }
    @media only screen and (max-width: 1024px) {
      .footer__flex {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 835px) {
      .footer__flex {
        flex-flow: row wrap; } }
  .footer__menu {
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
    @media only screen and (max-width: 667px) {
      .footer__menu {
        display: none; } }
  .footer__menu--split ul {
    width: 49.1525423729%;
    float: left; }
    .footer__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) {
      margin-left: 50.8474576271%;
      margin-right: -100%;
      clear: none; }
    .footer__menu--split ul:last-child {
      padding-left: 1.25rem; }
  .footer ul {
    margin: 0;
    padding: 0; }
    .footer ul li {
      font-size: 0.75rem;
      font-weight: 500; }
      .footer ul li.get-help-link {
        display: none; }
        @media only screen and (max-width: 667px) {
          .footer ul li.get-help-link {
            display: inline-block; } }
  @media only screen and (max-width: 835px) {
    .footer__menu-connect {
      flex: 1 0 100%; } }
  @media only screen and (max-width: 667px) {
    .footer__menu-connect {
      display: block; } }
  .footer__menu-connect li {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem; }
    @media only screen and (max-width: 667px) {
      .footer__menu-connect li {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; } }
  .footer__menu-connect img {
    position: relative;
    top: 8px;
    padding-right: 5px; }
  .footer a {
    color: #FFFFFF; }
    .footer a:hover {
      color: #c3e28e; }
  .footer h4 {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    margin: 1.875rem 0 0.75rem; }
  .footer__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 {
        display: block;
        padding-top: 0.625rem; } }
    .footer__copyright a {
      color: #FFF;
      text-decoration: none; }
      .footer__copyright a:hover {
        text-decoration: underline; }

.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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
    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; }

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--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: flex;
  position: relative; }
  .slick-slider-flex .slick-track, .slick-slider-flex .slick-list {
    display: flex; }
  .slick-slider-flex.slick-initialized .slick-slide {
    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: flex;
    flex-flow: row nowrap;
    justify-content: 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: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 1rem; }
    @media only screen and (max-width: 736px) {
      .works-with__row {
        flex-flow: row wrap;
        justify-content: 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 {
        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 {
      font-weight: 500; }
  .dave-ramsey-module__author {
    margin-top: 1.625rem; }
    .dave-ramsey-module__author h4.auth-name {
      font-weight: 500;
      color: #303c4b; }
    .dave-ramsey-module__author h4.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: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-flow: row nowrap; }
  @media only screen and (max-width: 835px) {
    .plan-grid__flex-row {
      flex-flow: column nowrap; } }
.plan-grid__plan {
  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 {
      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%;
    transform: translate(-50%, -100%);
    color: #FFFFFF;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.33s, 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;
      transform: translate(-50%, -50%); }
.plan-grid__plan-wide {
  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: 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;
      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 {
      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: flex !important;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between; }
  .plan-cards .cycle-group {
    display: flex !important;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap;
    width: 100%; }

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

.plan-card {
  background-color: #FFFFFF;
  display: flex !important;
  flex-direction: column;
  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: flex;
    flex-flow: column nowrap;
    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 {
      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 {
  flex: 1 1 300px;
  max-width: 300px; }
  @media only screen and (max-width: 1024px) {
    .plan-cards-3col .plan-card {
      flex: 1 1 auto;
      max-width: 265px; } }
  @media only screen and (max-width: 835px) {
    .plan-cards-3col .plan-card {
      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: 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: 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: flex; }
  .trust-pilot-slider .slick-track, .trust-pilot-slider .slick-list {
    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: flex; }

.trust-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  padding-bottom: 3.75rem;
  display: flex;
  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: 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: flex;
    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: flex;
    flex-direction: column;
    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;
      flex: 0 0 auto;
      max-width: 100%; }
      @media only screen and (max-width: 835px) {
        .trust-card__content p {
          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;
      flex-basis: auto; }

@media only screen and (max-width: 835px) {
  .trust-logo {
    margin-top: 1.125rem;
    clear: both; } }
.trust-logo__flex {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  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: flex;
  justify-content: flex-start;
  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: flex !important;
      flex-flow: row wrap;
      position: relative;
      left: -10px;
      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: 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: flex;
      align-items: stretch;
      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: flex;
    height: auto; }

.mp-card {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  background-color: #FFFFFF;
  display: flex;
  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: flex;
    flex-flow: column nowrap;
    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;
    flex: 1 0 auto; }
    .mp-card__content h3 {
      font-size: 1.5rem;
      line-height: 1.25;
      letter-spacing: -0.17px; }
      @media only screen and (max-width: 568px) {
        .mp-card__content h3 {
          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: flex !important;
  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: flex;
    flex-flow: column nowrap;
    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;
    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 {
      font-size: 1.375rem;
      line-height: 1.18;
      margin-bottom: 0.3125rem; }
      @media only screen and (max-width: 568px) {
        .recipe-card__content h3 {
          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: flex;
  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: flex;
    flex-flow: column nowrap;
    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;
    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 {
      font-size: 1.5rem;
      line-height: 1.25;
      letter-spacing: -0.17px; }
      @media only screen and (max-width: 568px) {
        .overview-card__content h3 {
          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;
      transform: rotate(-90deg);
      transition: transform 0.3s; }
    .main-content .accordion__question.faq-open:before {
      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%;
    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, .shopping-card__content h4 {
      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, .shopping-card__content h4 {
          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 {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .lock-feature__content h3 {
        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;
  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: flex;
    flex-flow: row nowrap;
    align-items: center;
    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__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 {
      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 {
          font-size: 1rem;
          line-height: 1.4375rem;
          margin-bottom: 0.3125rem; } }
    .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; }

/***********************************************************************************/
/* 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: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap; }
    @media only screen and (max-width: 1024px) {
      .split-feature__flex {
        flex-flow: column nowrap; } }
  .split-feature__image, .split-feature__content {
    flex: 1 0 50%; }
    @media only screen and (max-width: 1024px) {
      .split-feature__image, .split-feature__content {
        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;
        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;
      order: 2; } }
  @media only screen and (max-width: 736px) {
    .split-feature__content {
      padding: 1.25rem 1.875rem 1.875rem; } }
  .split-feature__content h3 {
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 736px) {
      .split-feature__content h3 {
        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 {
  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 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 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: flex;
  flex-flow: row nowrap;
  justify-content: 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: flex;
    flex-direction: row; }
  .footer-cta__flex {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 450px;
    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 */
/***********************************************************************************/
.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 (-o-min-device-pixel-ratio: 2 / 1), 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;
    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: flex;
    flex-flow: column nowrap;
    justify-content: 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-partner-home h3 {
    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-partner-home h3 {
        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: flex;
  flex-flow: row nowrap;
  justify-content: 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; }
  @media only screen and (max-width: 480px) {
    .works-with--home {
      padding: 1.25rem 0; } }
  .works-with--home h3 {
    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 {
        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; } }

.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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    flex-direction: row;
    justify-content: space-around;
    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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    flex-flow: column nowrap;
    justify-content: 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: transform 0.75s ease-in-out;
  transform: rotate(-14deg);
  width: 112px;
  height: 102px; }
  .reviews-one-million.split-feature--image-left .price-svg--transition {
    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: transform 0.75s ease-in-out;
  transform: rotate(14deg);
  width: 109px;
  height: 116px; }
  .reviews-save-time.split-feature--image-right .no-stress-svg--transition {
    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: flex !important;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap;
    width: 100%; }
  .inspiration-grid .inspiration-slider {
    display: flex;
    flex-flow: row wrap; }
    @media only screen and (max-width: 835px) {
      .inspiration-grid .inspiration-slider {
        margin-left: 10px;
        margin-right: 10px; } }
  .inspiration-grid__plan {
    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 {
        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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
    margin-bottom: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .money-back-cta h3 {
        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: flex;
    flex-flow: row nowrap;
    align-items: center;
    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: flex;
    flex-flow: row nowrap;
    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: flex;
  flex-flow: row nowrap;
  align-items: center;
  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; }

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

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

.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;
        justify-content: center;
        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;
        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: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
          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 .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: flex;
    flex-flow: row nowrap;
    justify-content: 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: flex;
  align-items: 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 {
      flex-wrap: wrap; }
      .trial-grid-wrapper-v3 #termForm .termSelection .monthHolder {
        width: 90% !important;
        margin: 0px auto; }
      .trial-grid-wrapper-v3 #termForm .termSelection .threeMonth {
        order: 2;
        margin: 20px 0px !important; } }
  .trial-grid-wrapper-v3 #termForm .termSelection .twelveMonth .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 {
      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 .form-group {
    display: flex;
    justify-content: left;
    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: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
        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;
      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: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
      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 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%;
    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; }
    .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: flex;
    justify-content: flex-start;
    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: transform 0.2s cubic-bezier(0.2, 1.3, 0.7, 1), color 0.2s;
      transform-origin: 0 0;
      line-height: 1;
      position: absolute;
      font-size: 14px;
      padding: 16px 0px 0px 16px; }
.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 {
      align-items: baseline; }
      @media screen and (max-width: 600px) {
        .trial-grid-wrapper-v3 .bottom-container .text-container #couponContain #coupLeft .couponHolder {
          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;
      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: flex;
    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: flex;
    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: flex;
  flex-flow: row nowrap;
  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 {
      align-items: center;
      justify-content: center;
      flex-flow: row wrap;
      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 {
      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: flex; }
    @media screen and (max-width: 880px) {
      .dailyBurnB .dailyBurnB_container {
        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: flex;
        flex-wrap: wrap;
        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: flex;
  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: flex;
  width: 86%;
  justify-content: 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 {
      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%;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 57px; }
  .dailyburn .db__workouts h4 {
    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 {
        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: flex;
  flex-wrap: nowrap;
  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 {
        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;
  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; }

/***********************************************************************************/
/* 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3 {
        font-size: 1rem; } }
  .plan-group__header h4 {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4 {
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
        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: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  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: flex;
  flex-flow: column nowrap; }
  .plan-card-micro__inside {
    display: flex;
    flex-flow: column nowrap;
    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;
    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 {
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; } }

/***********************************************************************************/
/* 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: 600px;
  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: flex;
    flex-direction: column;
    align-items: 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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  flex-flow: row nowrap;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .leader {
      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;
        order: 2; } }
    .leader__content h4 {
      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;
        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: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .hero-v4 {
      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 {
      font-size: 1.5rem;
      line-height: 1.5;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 568px) {
        .hero-v4__title h4 {
          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 .hero-v4__title h1, .hero-v4--white .hero-v4__title h4 {
  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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  flex-flow: row nowrap;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .featured-article {
      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;
        order: 2; } }
    .featured-article__content h4 {
      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;
        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: flex;
  flex-flow: row nowrap;
  justify-content: 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; }

/***********************************************************************************/
/* 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: flex;
  flex-wrap: nowrap;
  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: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media screen and (max-width: 700px) {
      .recipe_container .main_recipe_section .recipeTitles {
        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: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 71px; }
    @media screen and (max-width: 550px) {
      .recipe_container .main_recipe_section .mainInformation {
        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: flex;
      flex-direction: column;
      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: flex;
      flex-direction: column;
      height: 100%;
      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: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 40px 0px; }
    @media screen and (max-width: 550px) {
      .recipe_container .side_dish_section .container {
        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: flex;
  flex-wrap: nowrap;
  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 {
      flex-wrap: wrap;
      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 {
        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 {
      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 {
          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 {
        transform: scale(0.8) translate(-0.5em, -2.5em); }
        @media screen and (max-width: 450px) {
          .popup-box-recipes .popup .recipe__container .input_container .moveOut {
            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: flex;
      flex-flow: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 21px;
      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: flex;
          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 {
      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 {
          padding: 0px 85px; } }
      @media screen and (max-width: 414px) {
        .popup-box-recipes .popup .noResults h4 {
          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 {
    margin-bottom: 30px; }
  .popup-box-recipes .popup .step2 h4 {
    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 {
  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 {
      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: 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 {
    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: flex;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__container {
        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 {
    flex: 1 1 810px; }
    @media screen and (max-width: 1040px) {
      .em-vs-mk__left {
        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 {
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row nowrap; }
    @media screen and (max-width: 900px) {
      .hero-dave__flex {
        align-items: stretch; } }
    @media only screen and (max-width: 667px) {
      .hero-dave__flex {
        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 {
        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: flex;
      flex-flow: row nowrap;
      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 {
    max-width: 390px; }
    @media only screen and (max-width: 1024px) {
      .split-feature--dave .split-branded__contain h3 {
        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 {
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  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 {
      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 {
  display: inline-block;
  position: relative; }
  .split-home-partner.split-includes--partner .split-feature__content h3 > 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 {
        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 */
/***********************************************************************************/
@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: flex;
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; }

.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__row {
    display: flex;
    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 {
        line-height: normal; }
        @media only screen and (max-width: 568px) {
          .ingred-cards.ingred-cards--alt .ingred-cards__head h3 {
            font-size: 1.25rem; } }
      .ingred-cards.ingred-cards--alt .ingred-cards__head p {
        margin: 0;
        font-size: 1rem;
        color: #838288; }

.ingred-card {
  border: 1px solid #eeeeee;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  display: flex;
  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: flex;
    flex-direction: column;
    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__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 {
      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 {
          font-size: 1rem; } }
  .ingred-card__bottom {
    margin-top: auto; }
  .ingred-card__button, .ingred-card__powered {
    margin-left: 0.9375rem; }
  .ingred-card__button {
    margin-bottom: 0.875rem; }
  .ingred-card__powered {
    display: flex;
    flex-flow: row nowrap;
    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: #eeeeee;
    padding: 0.9375rem 0.875rem;
    display: flex;
    align-items: center;
    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; }

.ingred-card-alt {
  border: 1px solid #eeeeee;
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  display: flex !important;
  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: flex;
    flex-direction: column;
    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 {
      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 {
          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: flex;
    flex-flow: row nowrap;
    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: #eeeeee;
    padding: 0.9375rem 0.875rem;
    display: flex;
    align-items: center;
    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: flex;
    justify-content: flex-start;
    align-items: center; }
    @media only screen and (max-width: 835px) {
      .partner-signup__flex {
        justify-content: center;
        align-items: center;
        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 {
      color: #FFFFFF;
      margin-bottom: 0; }
      @media only screen and (max-width: 568px) {
        .partner-signup__content h3 {
          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 h3, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3 {
    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 h3, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--modelo .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3, .partner-signup.partner-signup--swansons-new-year .partner-signup__content h3 {
        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: flex;
    flex-flow: row wrap;
    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 {
    color: #FFFFFF;
    margin-bottom: 0; }
    @media only screen and (max-width: 568px) {
      .partner-ad-split__intro h3 {
        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: #f4f4f4;
    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 {
      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 {
          font-size: 1.25rem;
          line-height: normal; }
          .partner-ad-split__ad h4 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;
  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%;
      transform: translate(-50%, 0);
      height: 100%; } }
  @media only screen and (max-width: 568px) {
    .recipe-popup {
      width: 100%;
      left: 0;
      transform: translate(0, 0); } }
  .recipe-popup a.js-recipe-pop-close {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    background-color: #848484;
    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: #848484;
        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: flex;
    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 {
        flex-flow: row wrap; } }
    @media only screen and (max-width: 568px) {
      .recipe-popup__row {
        height: auto; } }
  .recipe-popup__image {
    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 {
        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 {
    flex: 1 0 50%; }
    @media only screen and (max-width: 835px) {
      .recipe-popup__content {
        flex: 1 0 100%; } }
    .recipe-popup__content__inside {
      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 header h3 {
      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 {
          font-size: 1rem;
          margin-bottom: 0.625rem; } }
    @media screen and (max-height: 1040px) {
      .recipe-popup__content__actions {
        display: flex;
        flex-flow: row nowrap;
        align-items: center; } }
    @media screen and (max-width: 835px) {
      .recipe-popup__content__actions {
        display: flex;
        flex-flow: row nowrap;
        align-items: center; } }
    .recipe-popup__content__actions .action-print {
      display: block; }
      @media only screen and (max-width: 568px) {
        .recipe-popup__content__actions .action-print {
          flex: 1 0 30%; } }
    .recipe-popup__content__actions .action-cart {
      display: none;
      flex: 1 0 70%;
      margin-left: auto;
      text-align: right; }
      .recipe-popup__content__actions .action-cart a.btn--walmart-cart {
        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 svg g {
      transition: stroke 0.25s ease-in-out; }
    .recipe-popup__content__actions a {
      display: flex;
      width: 31px;
      height: 31px;
      justify-content: center;
      align-items: center;
      border: 1px solid #848484;
      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: #f4f4f4;
      margin-left: -30px;
      margin-right: -30px;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      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: flex;
        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 .recipe-tabs {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 0.5rem; }
    .recipe-popup .recipe-tabs div {
      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-tab-content {
    display: block;
    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: flex;
      flex-flow: row nowrap;
      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: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    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; }

.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: flex;
  flex-flow: row wrap;
  align-items: stretch; }
  @media only screen and (max-width: 568px) {
    .popup-box-recipes .popup .recipe__container .storeChooser {
      display: flex;
      flex-direction: column; } }
  .popup-box-recipes .popup .recipe__container .storeChooser .availableOption {
    width: 210px;
    height: 122px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: 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; }
    @media only screen and (max-width: 568px) {
      .popup-box-recipes .popup .recipe__container .storeChooser .availableOption {
        width: 100%;
        height: 88px; }
        .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: #f4f4f4;
  padding: 0 30px;
  height: auto;
  display: flex;
  flex-flow: column nowrap;
  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 {
    font-size: 1.875rem;
    font-weight: 500;
    color: #303c4b;
    line-height: 1.17; }
    @media only screen and (max-width: 568px) {
      .ingred-card-ad h4 {
        font-size: 1.25rem; }
        .ingred-card-ad h4 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
    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: flex;
    flex-flow: row nowrap;
    justify-content: flex-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: flex;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%; }
    @media only screen and (max-width: 667px) {
      .recipe-cta-banner__flex {
        flex-flow: column nowrap;
        align-items: 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 {
      line-height: 1.53; }
      @media only screen and (max-width: 568px) {
        .pantry-staples__headline h3 {
          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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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::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: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem; }
    @media only screen and (max-width: 835px) {
      .email-capture__terms-row {
        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: flex;
    flex-flow: row wrap;
    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 {
      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: flex;
      justify-content: flex-start;
      align-items: center;
      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 {
  flex: 0 0 100px;
  margin: 0.9375rem;
  display: flex;
  justify-content: 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 {
      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: flex;
    flex-flow: row wrap; }
  .occasions-plans .occ-single {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
    border: 1px solid #ebeef0; }
    @media only screen and (max-width: 568px) {
      .occasions-plans .occ-single {
        flex-flow: column nowrap;
        align-items: flex-start;
        margin-bottom: 1.875rem; }
        .occasions-plans .occ-single:last-child {
          margin-bottom: 0; } }
    .occasions-plans .occ-single__image {
      flex: 0 1 660px; }
      @media only screen and (max-width: 1024px) {
        .occasions-plans .occ-single__image {
          flex: 0 1 550px; } }
      @media only screen and (max-width: 835px) {
        .occasions-plans .occ-single__image {
          flex: 0 1 490px; } }
      @media only screen and (max-width: 568px) {
        .occasions-plans .occ-single__image {
          flex: 1 1 auto; } }
      .occasions-plans .occ-single__image img {
        display: block; }
    .occasions-plans .occ-single__content {
      flex: 0 1 calc(100% - 660px); }
      @media only screen and (max-width: 1024px) {
        .occasions-plans .occ-single__content {
          flex: 0 1 calc(100% - 550px); } }
      @media only screen and (max-width: 835px) {
        .occasions-plans .occ-single__content {
          flex: 0 1 calc(100% - 490px); } }
      @media only screen and (max-width: 568px) {
        .occasions-plans .occ-single__content {
          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; } }

/***********************************************************************************/
/* 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    align-items: center;
    justify-content: flex-start; }
    @media only screen and (max-width: 835px) {
      .grocery-hero .container {
        align-items: flex-start; } }
    @media only screen and (max-width: 667px) {
      .grocery-hero .container {
        height: 400px;
        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: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap; }
    @media only screen and (max-width: 835px) {
      .skip-store__row {
        flex-flow: row wrap; } }
  .skip-store__intro {
    flex: 0 0 316px;
    padding-right: 3.625rem; }
    @media only screen and (max-width: 835px) {
      .skip-store__intro {
        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 {
      color: #8f959e;
      font-size: 1.5rem;
      line-height: 1.5; }
      @media only screen and (max-width: 568px) {
        .skip-store__intro h3 {
          font-size: 1.0625rem;
          line-height: 1.41; } }
  .skip-store__wrap {
    flex: 1 0 calc(100% - 316px);
    width: 100%; }
    @media only screen and (max-width: 835px) {
      .skip-store__wrap {
        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 {
      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 {
          font-size: 1.25rem; } }
      @media only screen and (max-width: 568px) {
        .skip-store .skip-store-box__content h4 {
          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 {
      font-weight: 400;
      max-width: 798px;
      margin: 0 auto; }
  .grocery-partners__row {
    display: flex;
    flex-flow: row wrap; }
  .grocery-partners__row--centered {
    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: flex;
  flex-direction: column;
  justify-content: stretch;
  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: flex;
    flex-direction: column;
    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: flex;
    justify-content: 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: flex;
    flex-direction: column;
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    margin: auto;
    text-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 {
      flex: 1 0 150px;
      margin-right: 1.875rem; }
      @media only screen and (max-width: 568px) {
        .trust-cta .trust-intro__image {
          flex: 1 0 100px;
          margin-right: 1.25rem; } }
    .trust-cta .trust-intro__text {
      flex: 1 1 calc(100% - 30px);
      text-align: left; }
      @media only screen and (max-width: 568px) {
        .trust-cta .trust-intro__text {
          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 h4 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: flex;
  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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; } }
  .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--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;
    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 (-o-min-device-pixel-ratio: 2 / 1), 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;
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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;
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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--heb .title-area h3 {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }

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

.step-icon {
  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 {
      flex: 1 1 100%; } }
  .step-icon__icon {
    min-height: 120px;
    display: flex;
    margin-bottom: 1.1875rem; }
  .step-icon img {
    display: block;
    margin: auto;
    margin-top: auto;
    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: flex;
  flex-flow: row wrap;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 480px) {
    .delivery-logos {
      justify-content: center; } }
  .delivery-logos__logo {
    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: flex;
  flex-flow: row wrap;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 568px) {
    .delivery-logos-v2 {
      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: flex;
      justify-content: 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; } }
    .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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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--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: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row nowrap; }
  .variety-grid__plan {
    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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    justify-content: space-between;
    align-items: stretch;
    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: flex;
    margin-top: 2.8125rem; }
    @media only screen and (max-width: 835px) {
      .dinner-cards__grid {
        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;
  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;
      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 {
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; } }

.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 {
    margin-top: 1.25rem; }
    @media only screen and (max-width: 568px) {
      .review h3 {
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    width: 100%;
    height: 100%;
    justify-content: 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: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (max-width: 667px) {
    .step-row__header {
      text-align: center;
      align-items: center;
      flex-flow: column nowrap;
      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%;
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  align-items: flex-start;
  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: flex;
    flex-flow: row wrap;
    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 {
    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: flex;
  flex-flow: row nowrap;
  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 {
    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: flex;
      align-items: 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: flex;
    align-items: center;
    justify-content: flex-start; }
    @media only screen and (max-width: 835px) {
      .how-box-v3__head {
        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 {
        padding-left: 0.75rem; } }
  .how-box-v3__body {
    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 {
      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 {
          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: flex;
    flex-flow: row wrap;
    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;
        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;
        order: 1;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto; } }
    .grofind-shopping__logos div {
      display: flex;
      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: flex;
    justify-content: 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; } }

/***********************************************************************************/
/* 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: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%; }
  @media only screen and (max-width: 480px) {
    .branded-hero__wrap {
      height: auto;
      justify-content: center;
      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 {
  color: #303c4b;
  font-weight: 500;
  margin-bottom: 0.75rem; }
  @media only screen and (max-width: 480px) {
    .branded-hero__content h3 {
      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 {
    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: flex;
    justify-content: flex-start;
    align-items: center;
    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 {
      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: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    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: flex;
      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;
      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%;
    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;
    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: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center; }
    @media only screen and (max-width: 480px) {
      .branded-footer__flex {
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
      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 {
      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 {
          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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  justify-content: center;
  align-items: center;
  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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
  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 {
      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: flex !important;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start; }
  .oc-desktop-slider .slick-list {
    display: flex; }
  .oc-desktop-slider .slick-track {
    position: relative;
    top: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start; }
  .oc-desktop-slider .overview-card {
    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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  justify-content: flex-start;
  align-items: center;
  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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: 517px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .keto-hero__title {
        max-width: 225px; } }
    .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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500;
    color: #FFFFFF; }
    @media only screen and (max-width: 667px) {
      .why-keto__content h3 {
        color: #303c4b; } }
    @media only screen and (max-width: 568px) {
      .why-keto__content h3 {
        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: flex;
        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;
        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;
        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 {
    font-size: 1.5rem;
    font-weight: 500; }
    @media only screen and (max-width: 568px) {
      .keto-quote cite h4 {
        font-size: 1rem;
        line-height: 1.25; } }
    .keto-quote cite h4 > 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 {
          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 {
    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 {
        font-size: 1.375rem;
        font-weight: 500; } }
  .keto-featured__row {
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 568px) {
      .keto-featured__row {
        flex-flow: row wrap; } }
  .keto-featured__image {
    flex: 1 1 33.33%; }
    @media only screen and (max-width: 568px) {
      .keto-featured__image {
        flex: 1 1 50%; }
        .keto-featured__image:nth-child(1) {
          order: 1; }
        .keto-featured__image:nth-child(2) {
          order: 3;
          margin-top: 0.75rem; }
          .keto-featured__image:nth-child(2) img {
            max-width: 110px; }
        .keto-featured__image:nth-child(3) {
          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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  justify-content: center;
  align-items: center;
  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 (-o-min-device-pixel-ratio: 2 / 1), 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;
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
  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 {
      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: flex !important;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start; }
  .oc-desktop-slider .slick-list {
    display: flex; }
  .oc-desktop-slider .slick-track {
    position: relative;
    top: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start; }
  .oc-desktop-slider .overview-card {
    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 {
    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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
          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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
          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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
      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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
    flex-flow: row wrap;
    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 {
      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 {
          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 {
      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: flex;
      align-items: center;
      justify-content: center;
      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%;
      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: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  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 {
      flex-flow: column nowrap;
      padding-right: 0;
      margin-bottom: 1.875rem;
      max-width: 374px;
      margin-left: auto;
      margin-right: auto;
      align-items: flex-start; } }
  .recipe-box-wide:last-child {
    margin-bottom: 0; }
  .recipe-box-wide__image {
    flex: 0 1 64%;
    margin-right: 40px;
    max-width: 653px; }
    @media only screen and (max-width: 835px) {
      .recipe-box-wide__image {
        flex: 1 1 40%;
        margin-right: 30px; } }
    @media only screen and (max-width: 667px) {
      .recipe-box-wide__image {
        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 {
    flex: 1 1 calc(36% - 40px);
    max-width: 315px; }
    @media only screen and (max-width: 835px) {
      .recipe-box-wide__content {
        flex: 1 1 calc(60% - 30px); } }
    @media only screen and (max-width: 667px) {
      .recipe-box-wide__content {
        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 {
      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: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center; }
  @media only screen and (max-width: 667px) {
    .shopping-logos {
      justify-content: flex-start; } }
  .shopping-logos__logo {
    flex: 0 1 auto;
    margin-right: 1.875rem; }
    @media only screen and (max-width: 667px) {
      .shopping-logos__logo {
        flex: 0 1 50%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.875rem; }
        .shopping-logos__logo:nth-child(2n) {
          margin-left: 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 (-o-min-device-pixel-ratio: 2 / 1), 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 {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3 {
        font-size: 1rem; } }
  .plan-group__header h4 {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4 {
        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 {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
    line-height: 1.33; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h3 {
        font-size: 1rem; } }
  .plan-group__header h4 {
    color: #8f959e;
    font-size: 1.125rem;
    line-height: 1.44; }
    @media only screen and (max-width: 568px) {
      .plan-group__header h4 {
        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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 100%; }
  @media only screen and (max-width: 835px) {
    .diet-hero {
      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 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 568px) {
      .diet-hero__title h4 {
        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 {
  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: 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: flex;
      flex-flow: column nowrap;
      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 {
      font-size: 1.5rem;
      line-height: 1.25; }
      @media only screen and (max-width: 568px) {
        .diet-recipes .recipe-card__content h3 {
          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 {
    font-size: 1.875rem;
    line-height: normal;
    font-weight: 500;
    color: #303c4b; }
    @media only screen and (max-width: 667px) {
      .why-diet__content h3 {
        color: #303c4b; } }
    @media only screen and (max-width: 568px) {
      .why-diet__content h3 {
        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 p {
  color: #FFFFFF; }
@media only screen and (max-width: 667px) {
  .why-diet--white .why-diet__content h3 {
    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: flex;
        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;
        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;
        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 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #303c4b; }
    @media only screen and (max-width: 568px) {
      .diet-quote cite h4 {
        font-size: 1rem;
        line-height: 1.25; } }
    .diet-quote cite h4 > 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 {
          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: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 667px) {
      .app-includes__list {
        margin-bottom: 0;
        justify-content: center;
        width: 100%; } }
    .app-includes__list .app-icon {
      flex: 0 0 80px;
      width: 80px; }
      .app-includes__list .app-icon svg {
        max-width: 50px;
        max-height: 50px;
        transition: 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 {
        transform: scale(1.2); }
    .app-includes__list .app-content h4 {
      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 {
    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%;
    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 {
      max-width: 576px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1.25rem; }
      @media only screen and (max-width: 568px) {
        .diet-cta__head h3 {
          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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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 (-o-min-device-pixel-ratio: 2 / 1), 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; } }

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

.slick-list {
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  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%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

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

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  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);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  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); }

/*# sourceMappingURL=emeals-v3.css.map */